.services_second_rowbody, html, button, input, select, textarea {
    font-family: "Open Sans", sans-serif;
    color: #333333;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    background-color: white;
}

body, input, select, textarea {
    overflow-x: hidden;
}

.blg img {
    border: 1px solid #D4CFCF;

}

blockquote {
    padding: 5px 0 5px 25px;
    margin: 0 0 20px 20px;
    color: #AFAFAF;
    font-size: 12px;
    text-transform: uppercase;
}
::selection {
    background-color: #279fbb;
    color: #fff;
}
::-moz-selection {
background-color:#279fbb;
color:#fff;
}
.sel {
    width: 100%!important;
    height: 52px!important;
}
.foto h3, .marketing-foto h3 {
    font-size: 20px;
    float: left;
    width: 140px;
    padding: 0!important;
    margin-top: 5px!important;
    color: #fff;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-weight: 500;
}
h1 {
    font-size: 26px;
    line-height: 35px;
}
h2 {
    font-size: 24px;
    line-height: 20px;
}
h3 {
    font-size: 22px;
    line-height: 26px;
}
h4 {
    font-size: 18px;
    line-height: 22px;
}
h5 {
    font-size: 16px;
    line-height: 22px;
}
h6 {
    font-size: 14px;
    line-height: 20px;
}
a {
    text-decoration: none;
}
a:focus {
    outline: none;
}
a:hover {
    text-decoration: none!important;
}
p {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 23px;
}
.wpcf7-form-control-wrap input[type=tel] {
    box-sizing: border-box;
    width: 100%;
    background-color: #F7F7F7;
    border: 1px solid #CCC;
    outline: 0;
}
.centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.no-bottom-margin {
    margin-bottom: 0 !important;
}
.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto;
}
.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(39, 159, 187, 0.5);
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}
.tab-content.smo-tab-content {
    margin-top: 15px;
}
.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.body-wrapper {
    padding-bottom: 40px;
    position: relative;
    z-index: 0;
}
.right-text {
    text-align: right;
}
.left-text {
    text-align: left;
}
.center-text {
    text-align: center;
}
.background-text {
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4);
}
.title-text-style {
    text-transform: uppercase;
}
.top-title-wrapper {
    background-color: #1ea1ee;
    width: 100%;
    overflow: hidden;
    margin-top: 0px;
}

/***********career*************/
.career_opp {
    width: 100%;
    //height: 90px;
    box-shadow: 0 0 1px 1px rgb(30, 161, 238);
    margin-top: 40px;
	padding-bottom:15px;
}
h4.position1 {
    padding-top: 15px;
    padding-left: 15px;
    font-size: 25px;
    font-weight: 600;
    color: #1ea1ee;
    text-shadow: 0px 1px #8f8787;
}
h4.position {
    padding-left: 15px;
    font-size: 25px;
    font-weight: 600;
    color: #1ea1ee;
    text-shadow: 0px 1px #8f8787;
}
/**** seo service page ****/
.seo_service{padding: 60px 0 40px;}
.seo_service ul{padding: 0 0 0 40px; margin: 0 0 15px;}
.seo_service ul li{list-style-type: disc; list-style-position: inside; padding: 4px 0;}
/**** End seo service page ****/

.h1-page-title {
    margin: 0 0 10px 0;
    line-height: 20px;
    font-size: 26px;
    float: left;
    color: #fff;
    margin-right: 10px;
}
.h2-page-desc {
    font-size: 22px;
    line-height: 20px;
    color: #EEEEEE;
    border-left: 1px solid;
    padding-left: 10px;
    float: left;
    margin-bottom: 10px;
}
.h2-section-title {
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 10px;
}
body .h4-section-title, html .h4-section-title, button .h4-section-title, input .h4-section-title, select .h4-section-title, textarea .h4-section-title {
    margin-bottom: 10px;
    font-size: 18px;
    color: #4b4b4b !important;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 28px;
}
.h3-section-info {
    font-size: 22px;
    text-align: center;
    color: #000;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    line-height: 34px;
    margin-bottom: 30px !important;
}
.p-section-info {
    font-weight: 100;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.i-section-title {
    background: transparent;
    height: 20px;
    text-align: center;
    margin: 0 auto 30px auto;
    border-bottom: 1px solid #F0F0F0;
    width: 50%;
}
.i-section-title i, .i-section-title i.fa {
    background: #fff;
    width: 40px;
    font-size: 32px;
    padding-top: 10px;
    border-radius: 50%;
    height: 40px;
    color: #D8D8D8;
    padding: 0 20px;
    line-height: 40px;
    display: inline;
}
.section-icon-item {
    display: inline-block;
    margin-right: 20px;
}
.section-icon-item i.entypo {
    font-size: 40px;
}
.section-icon-item i {
    font-size: 22px;
    padding: 0 5px 0 0;
    position: relative;
    top: 4px;
}
.tool-tip {
    color: #279fbb;
    cursor: pointer;
}
.tool-tip:hover {
    text-decoration: none !important;
}
.h2-body-title {
    font-size: 22px;
    color: #3a3a3a;
    font-weight: 600;
    margin: 0px 0px 20px 0px;
    clear: both;
    text-transform: uppercase;
}
.h3-body-title {
    font-size: 18px;
    color: #4b4b4b !important;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px 0 20px 0px;
    line-height: 20px;
}
.section-content {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 40px 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.section-content.section-tabs {
    border: 0;
}
.section-content.section-px {
    background-image: url(../images/blurred1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    border: none;
}
.section-content.section-px.stones-bg {
    background-image: url(../images/placeholders/stones.jpg);
}
body .section-content.section-image, html .section-content.section-image, button .section-content.section-image, input .section-content.section-image, select .section-content.section-image, textarea .section-content.section-image {
    position: relative;
    background-color: #279fbb;
    background-color: rgba(39, 159, 187, 0.6);
    border: none;
}
.section-content.section-image:after {
    background-image: url(../images/placeholders/section-content-bg1.jpg);
    background-attachment: fixed;
    -webkit-background-size: cover !important;
    content: "";
    opacity: 0.2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
.section-content.section-image.bg2:after {
    background-image: url(../images/placeholders/section-content-bg2.jpg);
}
.section-content.bottom-body {
    padding: 30px 0;
}
.section-content.clients-section {
    padding: 10px;
}
.section-content.no-padding {
    padding-bottom: 0;
}
.section-content.section-color-bg {
    position: relative;
    background-color: rgba(39, 159, 187, 0.8);
    border: 0;
}
.section-content.section-color-orange {
    border: 0;
    background-color: #d35400;
}
.section-content.section-color-green {
    border: 0;
    background-color: #16a085;
}
.section-content.section-color-blue {
    background-color: #2980b9;
    border: 0;
}
.section-content.section-color-red {
    background-color: #e74c3c;
    border: 0;
}
.section-content.section-color-clouds {
    background-color: #ecf0f1;
    border: 0;
}
.section-content.section-color-dark-blue {
    background-color: #2c3e50;
    border: 0;
}
.section-content.section-color-purple {
    background-color: #8e44ad;
    border: 0;
}
.section-content.section-color-gray {
    background-color: #f9f9f9;
}
.section-content.top-body {
    background-color: #fbfbfb;
    padding: 20px 0;
}
.section-content.top-body h1 {
    font-weight: 100;
    font-size: 20px;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    line-height: 30px;
}
.cloud-header img {
    margin-bottom: 30px!important;
    width: 100%!important;
}
.section-color-bg h1 a:hover, .section-color-bg h2 a:hover, .section-color-bg h3 a:hover, .section-color-bg h4 a:hover, .section-color-bg h5 a:hover, .section-color-bg h6 a:hover, .section-color-red h1 a:hover, .section-color-red h2 a:hover, .section-color-red h3 a:hover, .section-color-red h4 a:hover, .section-color-red h5 a:hover, .section-color-red h6 a:hover, .section-color-orange h1 a:hover, .section-color-orange h2 a:hover, .section-color-orange h3 a:hover, .section-color-orange h4 a:hover, .section-color-orange h5 a:hover, .section-color-orange h6 a:hover, .section-color-green h1 a:hover, .section-color-green h2 a:hover, .section-color-green h3 a:hover, .section-color-green h4 a:hover, .section-color-green h5 a:hover, .section-color-green h6 a:hover, .section-color-blue h1 a:hover, .section-color-blue h2 a:hover, .section-color-blue h3 a:hover, .section-color-blue h4 a:hover, .section-color-blue h5 a:hover, .section-color-blue h6 a:hover, .section-color-dark-blue h1 a:hover, .section-color-dark-blue h2 a:hover, .section-color-dark-blue h3 a:hover, .section-color-dark-blue h4 a:hover, .section-color-dark-blue h5 a:hover, .section-color-dark-blue h6 a:hover, .section-color-gray h1 a:hover, .section-color-gray h2 a:hover, .section-color-gray h3 a:hover, .section-color-gray h4 a:hover, .section-color-gray h5 a:hover, .section-color-gray h6 a:hover, .section-color-clouds h1 a:hover, .section-color-clouds h2 a:hover, .section-color-clouds h3 a:hover, .section-color-clouds h4 a:hover, .section-color-clouds h5 a:hover, .section-color-clouds h6 a:hover, .section-color-purple h1 a:hover, .section-color-purple h2 a:hover, .section-color-purple h3 a:hover, .section-color-purple h4 a:hover, .section-color-purple h5 a:hover, .section-color-purple h6 a:hover, .section-px h1 a:hover, .section-px h2 a:hover, .section-px h3 a:hover, .section-px h4 a:hover, .section-px h5 a:hover, .section-px h6 a:hover, .section-image h1 a:hover, .section-image h2 a:hover, .section-image h3 a:hover, .section-image h4 a:hover, .section-image h5 a:hover, .section-image h6 a:hover {
    color: #ededed;
}
.section-content.bottom-body {
    padding: 30px 0;
}
.section-content.clients-section {
    padding: 10px;
}
.section-content.top-body {
    padding: 20px 0;
}
.section-content.top-body h1 {
    font-weight: 100;
    font-size: 20px;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    line-height: 30px;
}
.left-image-container {
    position: relative;
    left: 0;
    bottom: 0;
}
.right-image-container {
    position: relative;
    right: 0;
    bottom: 0;
}
.title-block .h3-body-title {
    float: left;
    margin: 0px 20px 20px 0px;
}
.title-block .title-seperator {
    height: 5px;
    overflow: hidden;
    margin-top: 8px;
    overflow: hidden;
}
.h3-sidebar-title {
    color: #4b4b4b;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.h4-body-title {
    font-size: 18px;
    color: #4b4b4b;
    font-weight: normal;
}
.space-sep20 {
    clear: both;
    display: block;
    height: 20px;
}
.space-sep30 {
    clear: both;
    display: block;
    height: 30px;
}
.space-sep40 {
    clear: both;
    display: block;
    height: 40px;
}
.space-sep50 {
    clear: both;
    display: block;
    height: 50px;
}
.space-sep60 {
    clear: both;
    display: block;
    height: 60px;
}
.space-sep70 {
    clear: both;
    display: block;
    height: 70px;
}
.space-sep80 {
    clear: both;
    display: block;
    height: 80px;
}
.space-sep90 {
    clear: both;
    display: block;
    height: 90px;
}
.space-sep100 {
    clear: both;
    display: block;
    height: 100px;
}
.page-info {
    padding: 30px 0 20px 0;
    position: relative;
    overflow: hidden;
}
.dropcaps {
    display: inline-block;
    float: left;
    margin: 12px 8px 0 0;
    color: #666666;
    font-size: 45px;
    text-transform: uppercase;
}
.dropcaps.dropcaps-color-style {
    margin: 5px 8px 0 0;
    padding: 10px 10px;
    font-weight: bold;
    font-size: 26px;
    background-color: #279fbb;
    line-height: 15px;
    color: #ffffff;
}
.single-icon i {
    margin-right: 10px;
}
.not-found-404 {
    text-align: center;
    overflow: hidden;
    margin-bottom: 60px;
}
.not-found-404 h2 {
    font-size: 180px;
    margin: 30px 0;
    line-height: 180px;
}
.not-found-404 p {
    font-size: 28px;
    color: #9a9a9a;
    margin-bottom: 40px !important;
    line-height: 32px;
}
.search-404 {
    margin: 0 auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: inline-block;
}
.search-404 input[type="submit"] {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0;
    height: 33px;
}
.form-wrapper .search-404 .search-text {
    height: 33px;
    float: left;
    padding: 0 10px !important;
    width: 219px;
}
.search-submit {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: none !important;
    float: left;
}
body .white-text, html .white-text, button .white-text, input .white-text, select .white-text, textarea .white-text, body .white-text h1, html .white-text h1, button .white-text h1, input .white-text h1, select .white-text h1, textarea .white-text h1, body .white-text h2, html .white-text h2, button .white-text h2, input .white-text h2, select .white-text h2, textarea .white-text h2, body .white-text h3, html .white-text h3, button .white-text h3, input .white-text h3, select .white-text h3, textarea .white-text h3, body .white-text h4, html .white-text h4, button .white-text h4, input .white-text h4, select .white-text h4, textarea .white-text h4, body .white-text h5, html .white-text h5, button .white-text h5, input .white-text h5, select .white-text h5, textarea .white-text h5, body .white-text h6, html .white-text h6, button .white-text h6, input .white-text h6, select .white-text h6, textarea .white-text h6, body .white-text p, html .white-text p, button .white-text p, input .white-text p, select .white-text p, textarea .white-text p, body .white-text .p-section-info, html .white-text .p-section-info, button .white-text .p-section-info, input .white-text .p-section-info, select .white-text .p-section-info, textarea .white-text .p-section-info, body .white-text pre, html .white-text pre, button .white-text pre, input .white-text pre, select .white-text pre, textarea .white-text pre, body .white-text a, html .white-text a, button .white-text a, input .white-text a, select .white-text a, textarea .white-text a, body .white-text h3 a, html .white-text h3 a, button .white-text h3 a, input .white-text h3 a, select .white-text h3 a, textarea .white-text h3 a, body .white-text .feature-details a, html .white-text .feature-details a, button .white-text .feature-details a, input .white-text .feature-details a, select .white-text .feature-details a, textarea .white-text .feature-details a, body .white-text input[type=text], html .white-text input[type=text], button .white-text input[type=text], input .white-text input[type=text], select .white-text input[type=text], textarea .white-text input[type=text], body .white-text input[type=email], html .white-text input[type=email], button .white-text input[type=email], input .white-text input[type=email], select .white-text input[type=email], textarea .white-text input[type=email], body .white-text textarea, html .white-text textarea, button .white-text textarea, input .white-text textarea, select .white-text textarea, textarea .white-text textarea {
    color: #ffffff;
}
body .white-text, html .white-text, button .white-text, input .white-text, select .white-text, textarea .white-text {
    color: #ffffff !important;
}
.body_paragraph {
    color: #666666;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
}
.highlighted-text {
    background-color: #279fbb;
    color: #ffffff;
    padding: 2px;
}
strong.colored, span.colored {
    color: #279fbb;
}
.skin-text {
    color: #279fbb !important;
}
body .white-text .feature-details a:hover, html .white-text .feature-details a:hover, button .white-text .feature-details a:hover, input .white-text .feature-details a:hover, select .white-text .feature-details a:hover, textarea .white-text .feature-details a:hover {
    color: #279fbb;
}
.col-with-separator {
    background-repeat: no-repeat;
    background-image: url(../images/col-sep.png);
    background-size: auto 100%;
    height: 630px;
    padding: 0 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.separator {
    background: transparent;
    background-image: url(../images/sidebar_shadow_body.png);
    background-repeat: repeat-y;
    padding: 0 0 0 30px;
    position: absolute;
    width: 50px;
    left: -35px;
    top: 14px;
    bottom: 0px;
    z-index: 0;
}
.separator:after {
    position: absolute;
    top: -41px;
    left: 0;
    background-image: url(../images/sidebar_shadow_top.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 41px;
    content: "";
}
.separator:before {
    position: absolute;
    bottom: -55px;
    left: 0;
    background-image: url(../images/sidebar_shadow_bottom.png);
    background-repeat: no-repeat;
    background-position: 0 -69px;
    width: 24px;
    height: 55px;
    content: "";
}
.separator.separator-right {
    background: transparent;
    background-image: url(../images/sep_shadow_body2.png);
    background-repeat: repeat-y;
    padding: 0 0 0 30px;
    position: absolute;
    width: 0px;
    left: auto;
    right: -35px;
}
.separator.separator-right:after {
    left: auto;
    right: 6px;
    background-image: url(../images/sep_shadow_top2.png);
    background-repeat: no-repeat;
}
.separator.separator-right:before {
    left: auto;
    right: 6px;
    background-image: url(../images/sep_shadow_bottom2.png);
    background-repeat: no-repeat;
}
.sidebar-block {
    position: relative;
    margin: 0 0 30px 0;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}
.sidebar-block p {
    margin: 0;
}
.sidebar-block .sidebar-content {
    overflow: hidden;
}
.sidebar .sidebar-title:first-child {
    line-height: 13px;
}
.body-wrapper a, .top-body a, .top-footer a {
    text-decoration: none;
    color: #4b4b4b;
}
.body-wrapper a:hover, .top-body a:hover, .top-footer a:hover {
    color: #279fbb;
}
.body-row {
    margin: 0 0 20px 0;
}
.sidebar {
    position: relative;
    width: 100%;
    z-index: 0;
}
.sidebar .sidebar-title {
    text-transform: uppercase;
}
.parallax-slide {
    height: 500px;
}
.cycle-slideshow {
    overflow: hidden;
    height: 275px;
    z-index: 0;
    position: relative;
}
.parallax-slider.cycle-slideshow {
    height: auto;
}
.cycle-slide {
    width: 94%;
    overflow: hidden;
    margin-left: 30px;
}
.cycle-next, .cycle-prev {
    position: absolute;
    right: -100px;
    top: 50%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    color: #f8f8f8;
    z-index: 1000;
    margin-top: -15px;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.cycle-prev {
    left: -100px;
    right: auto;
}
.cycle-slideshow:hover .cycle-next {
    right: 5px;
}
.cycle-slideshow:hover .cycle-prev {
    left: 5px;
}
.cycle-next:hover {
    background-color: rgba(0, 0, 0, 0.7);
}
.cycle-prev:hover {
    background-color: rgba(0, 0, 0, 0.7);
}
.cycle-pager {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 28px;
    z-index: 1000;
    left: 0;
    bottom: 1px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.cycle-pager .cycle-pager-active, .cycle-pager span:hover {
    color: #969696;
    text-shadow: 0 0 2px #000;
    cursor: pointer;
}
.outsourcetext h2 {
    line-height: 30px;
}
#to-top-button {
    z-index: 2;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    cursor: pointer;
    overflow: hidden;
    opacity: .7;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
    text-align: center;
    line-height: 40px;
    font-size: 25px;
    color: #fff;
    display: none;
    filter: alpha(opacity=70);
}
#to-top-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
    filter: alpha(opacity=80);
}
#to-top-button i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
}
time {
    font-weight: bold;
    font-size: 11px;
}
.text-input {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    padding: 6px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
}
.text-input:focus {
    border-color: #279FBC;
}
.row-fluid.row-no-margin .span2 {
    margin-left: 0;
    width: 16.66667%;
}
.row-fluid.row-no-margin .span3 {
    margin-left: 0;
    width: 25%;
}
.row-fluid.row-no-margin .span4 {
    margin-left: 0;
    width: 33.33333%;
}
.row-fluid.row-no-margin .span5 {
    margin-left: 0;
    width: 41.66667%;
}
.row-fluid.row-no-margin .span6 {
    margin-left: 0;
    width: 50%;
}
.row-fluid.row-no-margin .span7 {
    margin-left: 0;
    width: 58.33333%;
}
.row-fluid.row-no-margin .span8 {
    margin-left: 0;
    width: 66.66667%;
}
.row-fluid.row-no-margin .span9 {
    margin-left: 0;
    width: 75%;
}
.row-fluid.row-no-margin .span10 {
    margin-left: 0;
    width: 83.33333%;
}
.row-fluid.row-no-margin .span11 {
    margin-left: 0;
    width: 91.66667%;
}
.accordion {
    width: 100%;
    position: relative;
}
.accordion .accordion-row {
    padding: 0px 0 0px 40px;
    position: relative;
    margin: 0 0 10px 0;
}
.accordion li {
    margin: 0 0 10px 0;
}
.accordion .title {
    vertical-align: top;
    color: #4b4b4b;
    padding: 0 0 0px 0;
    cursor: pointer;
    line-height: 25px;
    opacity: 0.8;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms;
}
.accordion .title h4 {
    margin: 0;
    font-size: 14px;
    line-height: 25px;
    color: #000;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms;
}
.accordion .desc {
    color: #666666;
    padding: 5px 0 5px 0;
    display: none;
    overflow: hidden;
    width: 100%;
    text-align: justify
}
.accordion .active {
    opacity: 1;
}
.accordion .active h4 {
    color: #279fbb;
}
.accordion .title:hover {
    opacity: 1;
}
.accordion .title:hover h4 {
    color: #279fbb;
}
.accordion .accordion-row {
    background-color: whitesmoke;
}
.accordion .open-icon {
    position: absolute;
    right: 15px !important;
    top: 10px;
    left: auto !important;
    overflow: hidden;
    border: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.accordion .title {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.accordion .open-icon {
    background: no-repeat -26px -165px url("../images/sprites.png");
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.accordion .close-icon {
    background: no-repeat -26px -215px url("../images/sprites.png");
    width: 25px;
    height: 25px;
    top: 10px;
}
.accordion .accordion-row {
    padding: 10px 50px 10px 15px;
    position: relative;
    margin: 0 0 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.blog-post {
    position: relative;
}
.widget.post {
    border: 1px solid #FAA44F;
}
h1.blog-post {
    background-color: #FAA44F;
    padding: 3px 12px;
    color: #fff!important;
}
.widget h1 {
    color: #1b1d1f;
    font-weight: 600;
}
.blog-post .blog-span {
    margin-left: 80px;
}
.blog-post .blog-post-type {
    background: #279fbb;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    float: left;
    font-size: 22px;
}
.blog-search .input-group-addon {
    padding: 0;
    position: relative;
    left: -1px;
    border: 0;
}
.blog-post .blog-post-featured-img {
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 0 20px 0;
    box-sizing: border-box;
}
.blog-post .blog-post-featured-img img {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.blog-post-date {
    width: 38px;
    background-color: #eeeeee;
    position: absolute;
    left: 0;
    top: 0;
}
.blog-post-date .day, .blog-post-date .month {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    text-align: center;
    padding: 7px 0 0px 0;
    display: block;
    color: #279fbb;
}
.blog-post-date .month {
    padding: 0 0 7px 0;
    font-size: 14px;
    text-transform: uppercase;
}
.blog-post-date .icon-link {
    background-color: #279fbb;
    display: block;
    text-align: center;
    padding: 12px 0;
    color: #fff;
    font-size: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.blog-post .blog-post-body {
    margin: 0 0 20px 0;
    font-size: 13px;
    color: #676767;
}
.blog-post .blog-post-details {
    height: auto;
    position: relative;
    overflow: hidden;
    border-top: 2px solid #f0f0f0;
    border-bottom: 2px solid #f0f0f0;
}
.blog-post .blog-post-details .blog-post-details-item {
    font-size: 11px;
    height: 37px;
}
.blog-post .blog-post-details:after, .blog-post .blog-post-details:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: #fff;
    height: 1px;
    width: 100%;
}
.blog-post .blog-post-details:before {
    top: auto;
    bottom: -2px;
}
.blog-post .blog-post-details-item {
    position: relative;
    float: left;
    padding: 0px 0px 0 0;
    line-height: 37px;
    text-transform: uppercase;
}
.blog-post-details-item.icon-calendar {
    padding-left: 0;
}
.blog-post-details-item.blog-post-details-item-left::before {
    padding-right: 5px;
}
.blog-post-details-item.blog-post-details-item-right a i {
    padding-left: 5px;
    padding-left: 10px;
    color: #A5A5A5;
    -webkit-transition: padding 0.2s;
    -moz-transition: padding 0.2s;
    -o-transition: padding 0.2s;
    transition: padding 0.2s;
}
.blog-post-details-item.blog-post-details-item-right a:hover i {
    color: #279fbb;
    padding-left: 12px;
}
.blog-post .blog-post-details-separator {
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #fdfdfd;
    height: 15px;
    float: left;
    margin: 10px 6px 0 6px;
}
.blog-post .blog-post-details-item-left {
    padding: 0 0 0 20px;
}
.blog-post .blog-post-details-item-left.icon-calendar {
    padding-left: 0;
}
.blog-post .blog-post-details-item-last:after, .blog-post .blog-post-details-item-last:before {
    border-right: none;
}
.blog-post .blog-post-details-tags a {
    position: relative;
    padding: 0 0px 0 5px;
}
.blog-post .blog-post-details-item-right {
    float: right;
    padding-right: 0;
}
.blog-post .blog-slider {
    overflow: hidden;
}
.body-wrapper .tags a {
    display: block;
    float: left;
    padding: 0 10px 0 10px;
    border-right: none;
    line-height: 23px;
    position: relative;
    font-size: 11px;
    margin: 0px 10px 10px 0px;
    background-color: #f2f2f2;
}
.body-wrapper .tags a:hover {
    background-color: #279fbb;
    color: #fff;
    text-decoration: none;
}
.blog-post .readmore-icon {
    font-size: 8px;
    margin: 0 0 0 3px;
    text-decoration: none !important;
}
.blog-post .readmore-icon:hover {
    text-decoration: none !important;
}
.blog-post .blog-post-link {
    font-size: 13px;
    color: #bcbcbc;
    display: block;
}
.blog-post .blog-post-link:hover {
    color: #bcbcbc;
}
.blog_post_quote {
    position: relative;
    background-color: #f7f7f7;
    padding: 20px;
    font-size: 17px;
    line-height: 23px;
    color: #999;
    font-family: Raleway;
}
.blog_post_quote .quote-author {
    color: #279fbb;
    margin-top: 20px;
}
.blog-post .item_img_overlay {
    height: 100%;
}
.blog-post-icon {
    background-color: #279fbb;
    display: block;
    text-align: center;
    padding: 12px 0;
    color: #fff;
    font-size: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.blog-post-icon i {
    display: block;
    margin: auto;
}
.posts-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.posts-list li {
    display: block;
    overflow: hidden;
    margin: 0 0 15px 0;
}
.posts-list .posts-list-thumbnail {
    float: left;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}
.posts-list .posts-list-thumbnail img {
    border-radius: 2px;
}
.posts-list .posts-list-thumbnail:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.posts-list-content {
    padding: 0 0 0 75px;
}
.posts-list .posts-list-title {
    display: block;
}
.posts-list .posts-list-meta {
    font-size: 12px;
    color: #aaa;
}
.blog-post .cycle-slideshow {
    height: 240px;
}
.pagination {
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
}
.blog-post.row-fluid .blog-span {
    width: 89%;
    margin-left: 55px;
}
.row-fluid .blog-span-bottom[class*="blog-span-bottom"] {
    width: 95.5%;
}
.comment .comment-reply {
    position: absolute;
    right: 0;
    top: 0px;
    font-weight: normal;
    font-size: 11px;
}
.blog-post-featured-img-with-vid {
    padding-top: 65%;
}
.blog-post-featured-img-with-vid iframe, .blog-post-featured-img-with-vid object, .blog-post-featured-img-with-vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blog-search .blog-search-button {
    border: 0;
    background-color: #279fbb;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    float: left;
    overflow: hidden;
}
.search-button-container {
    padding-left: 30px;
}
.blog-search .blog-search-input {
    float: left;
    /*width: -moz-calc(100% - 30px);*/
    /*width: -o-calc(100% - 30px);*/
    /*width: -webkit-calc(100% - 30px);*/
    width: calc(100% - 30px);
    height: 30px;
}
.blog-post .block-qoute-by {
    margin: 20px 0 0 0;
    color: #868686;
}
.blog-post .blog-title {
    text-transform: none;
}
.blog-post p {
    margin: 0 0 20px 0;
}
.about-the-author {
    margin: 0 0 50px 0;
    overflow: hidden;
    background: #f5f5f5;
    padding: 15px;
}
.the-author-small-bio {
    padding: 0 0 0 100px;
}
.the-author-thumbnail {
    float: left;
    width: 100px;
    margin-right: 20px;
}
.the-author-thumbnail img {
    border: 4px solid #f4f4f4;
}
.the-author-name {
    color: #4c4c4c;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.the-author-small-bio p:last-child {
    margin-bottom: 0;
}
.comments {
    margin: 0 0 40px 0;
}
.comments .comments-list {
    list-style: none;
    padding: 0;
}
.comments .comment-author-avatar {
    float: left;
    width: 60px;
}
.comments .comment-details {
    padding-left: 90px;
}
.comments .comment-content {
    border-radius: 2px;
    overflow: hidden;
}
.comments .comment-date {
    font-size: 9px;
    color: #979797;
    font-style: italic;
    font-weight: normal;
}
.comments .comment-author-name {
    font-weight: bold;
    margin: 0 0 5px 0;
}
.comments-list .children {
    padding-left: 45px;
    margin: 20px 0 0px 0;
}
.comments-list .comment {
    position: relative;
    margin: 0 0 20px 0;
}
.comments .comment-author-avatar img {
    border: 1px solid #e2e2e2;
}
.comments ul, .comments ol {
    list-style-type: none;
}
.share-article span {
    font-size: 13px;
    opacity: 0.8;
    font-family: raleway;
    margin-right: 10px;
    line-height: 40px;
}
.share-article a.icon-heart {
    margin-right: 20px;
}
.share-article a.icon-heart:before {
    position: relative;
    left: -5px;
}
#masonry-elements {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.feature.blog-masonry {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.feature.blog-masonry {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    /*transform-style: none \9;*/
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    transform: scale(0.4);
    /*transform: none \9;*/
    -webkit-animation: popUp .8s ease-in forwards;
    -moz-animation: popUp .8s ease-in forwards;
    animation: popUp .8s ease-in forwards;
}
.feature.blog-masonry {
    width: 270px;
    margin: 0;
    margin-top: 20px;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.11);
    float: left;
    position: relative;
    background-color: #fff;
}
.blog-masonry img {
    width: auto;
}
.blog-masonry .blog_post_quote {
    border-top: 2px solid #279fbb;
}
.blog-masonry .media-content {
    line-height: normal;
}
.blog-masonry .cycle-slideshow {
    height: 122px;
}
#infscr-loading {
    margin: 10px auto;
    width: 215px;
    text-align: center;
    padding: 10px;
    color: #279FBB;
    background-color: #fff;
    border-radius: 3px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.boxed {
    width: 1070px;
    margin: auto;
}
#wrapper {
    background-color: white;
    z-index: 99;
    position:relative;
}
.content-wrapper {
    /*max-width: 1920px;
    width: 100%;*/
    margin: 0 auto;
    /*padding: 0px 20px;*/
}
.breadcrumb-container {
    position: absolute;
    right: 0;
    top: 165px;
}
.breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    display: inline-block;
    background-color: transparent;
}
.breadcrumb-container span {
    display: inline-block;
    float: left;
    font-size: 11px;
    margin: 0 7px 0 0;
}
.breadcrumb li {
    float: left;
    padding-right: 5px;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 13px;
    color: #FFF;
}
.breadcrumb > .active {
    color: #fff;
}
.breadcrumb li a {
    color: #E2E2E2;
    text-decoration: none;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}
.breadcrumb li:last-child:after {
    content: "";
    width: 0px;
}
.btn:active, input[type="submit"]:active, input[type="button"]:active, button.btn:active, .btn-primary:active {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
    background-color: #279fbb;
    opacity: 0.78;
}
.btn i, input[type="submit"] i, input[type="button"] i, button.btn i, .btn-primary i {
    margin: 0 10px 0 0;
}
button.btn.btn-flat, .btn.btn-flat, .btn-flat {
    background-color: #279fbb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
button.btn.btn-flat:hover, button.btn.btn-flat:active, .btn.btn-flat:hover, .btn.btn-flat:active, .btn-flat:hover, .btn-flat:active {
    background-color: #3b3b3b;
    background-color: #3b3b3b;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
button.btn.btn-flat:focus, .btn.btn-flat:focus, .btn-flat:focus {
    outline: 0;
    background-color: #3b3b3b;
}
button:focus {
    outline: 0;
}
button.btn-sm, .btn-sm {
    padding: 0 15px !important;
    height: 31px;
    line-height: 28px;
}
button.btn-lg, .btn-lg {
    padding: 0 35px !important;
    height: 43px;
    line-height: 40px;
}
button.btn.btn-outlined, .btn.btn-outlined {
    background-color: transparent;
    color: #fff !important;
    text-shadow: 1px 1px 1px #141414;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #fff;
}
button.btn.btn-outlined:hover, button.btn.btn-outlined:active, button.btn.btn-outlined:focus, .btn.btn-outlined:hover, .btn.btn-outlined:active, .btn.btn-outlined:focus {
    text-shadow: none;
    background-color: #fff;
    color: #4b4b4b !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    opacity: 1;
}
button.btn.btn-default, .btn.btn-default {
    background-color: #efefef;
    border-color: #b5b5b5;
    color: #5b5b5b !important;
    text-shadow: white 0 1px 0;
}
button.btn.btn-default:hover, button.btn.btn-default:active, button.btn.btn-default:focus, .btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus {
    color: #5b5b5b !important;
    background-color: #f4f4f4;
    opacity: 1;
}
.btn.btn-red {
    background-color: #DD0000;
    border-color: #DD0000;
}
.btn.btn-red:hover, .btn.btn-red:active, .btn.btn-red:focus {
    background-color: #F33C3C;
    opacity: 1;
}
.btn.btn-green {
    background-color: #4aa215;
    border-color: #3d791a;
}
.btn.btn-green:hover, .btn.btn-green:active, .btn.btn-green:focus {
    background-color: #5ebb27;
    opacity: 1;
}
.btn.btn-blue {
    background-color: #0a79a2;
    border-color: #0f5069;
}
.btn.btn-blue:hover, .btn.btn-blue:active, .btn.btn-blue:focus {
    background-color: #1f9ac7;
    opacity: 1;
}
.btn.btn-yellow {
    background-color: #d1ad1f;
    border-color: #756318;
}
.btn.btn-yellow:hover, .btn.btn-yellow:active, .btn.btn-yellow:focus {
    background-color: #f7ce2a;
    opacity: 1;
}
.callout-box {
    padding: 30px 20px;
    background-color: #f5f5f5;
}
.callout-box.callout-box2 {
    padding: 30px 20px;
    background: #279fbb;
    color: #f1f1f1;
    border: 0;
}
.callout-box.callout-box2 .callout-content h2 {
    color: #ffffff;
}
.callout-box.image-box {
    background-image: url("../images/call-out-box-bg.JPG");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50%;
}
.callout-box.image-box .callout-content h2 {
    text-shadow: 1px 0 1px #141414;
    color: #fff;
}
.callout-box .callout-content h2 {
    font-weight: normal;
    line-height: 40px;
    font-size: 24px;
    margin: 0;
    color: #3a3a3a;
}
.callout-box .callout-content p {
    margin: 0;
}
.callout-box .btn {
    float: right;
    margin-left: 50px;
    margin-top: 0px;
    margin-bottom: 0;
}
.callout-box .btn-mobile {
    display: none;
}
.message-box h4 {
    font-weight: 400 !important;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #4b4b4b !important;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 28px;
}
.message-box .btn {
    float: right;
    margin-left: 50px;
}
.message-box .btn-mobile {
    display: none;
}
.carousel-container {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.carousel-container .carousel-icon {
    background-color: #808080;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #fff;
}
.carousel-container .carousel-arrows {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ffffff;
    padding-left: 20px;
}
.carousel-container .carousel-icon:hover {
    background-color: #279fbb;
}
.carousel-container .carousel-item {
    width: auto;
    margin: 30px 4px 0 0;
    padding: 0 10px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.carousel-container .carousel-item .thumb-label-item-img:after {
    bottom: -14%;
}
ul.clients-list, ul.bottom-body-clients, ul.section-clients {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
ul.bottom-body-clients {
    text-align: center;
}
ul.clients-list li, ul.bottom-body-clients li {
    display: inline-block;
    height: 100px;
    margin: 0 10px 0 10px;
    line-height: 100px;
    text-align: center;
    opacity: 0.50;
}
ul.clients-list li:hover, ul.bottom-body-clients li:hover {
    opacity: 1;
}
ul.section-clients {
    text-align: center;
}
ul.section-clients li {
    height: 108px;
    display: inline-block;
    line-height: 108px;
    margin: 0 20px 0 0;
    width: 208px;
    border: none;
}
ul.section-clients li:hover {
    opacity: 1;
}
ul.section-clients li:last-child {
    margin: 0;
}
ul.section-clients li img.client-image {
    display: inline-block;
}
ul.bottom-body-clients li {
    border: none;
    height: 108px;
    width: 208px;
    border: none;
    text-align: center;
    float: none;
    display: inline-block;
}
ul.bottom-body-clients li img.client-image {
    display: inline-block;
}
ul.bottom-body-clients li:last-child {
    margin: 0;
}
.carousel-wrap {
    clear: both;
}
.carousel-wrap.clients-carousel {
    margin: 0 -10px 0 -10px;
}
.contact-map {
    height: 400px;
}
.contact-map2 {
    height: 255px;
}
.contact-map3 {
    height: 400px;
}
.form-wrapper {
    padding: 0px 0 0 0;
}
.form-wrapper label {
    float: left;
    width: 1000%;
}
.inputStyle {
    background-color: #fff;
    border: 0;
    outline: 0;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}
.inputStyle:focus {
    border-color: #ccc;
}
.form-wrapper .row-fluid {
    margin: 20px 0;
}
.form-wrapper .input_error {
    color: #d14836;
    display: inline-block;
    margin: 7px 0 0 0;
}
.form-wrapper .form-control {
    position: relative;
}
.form-wrapper label {
    line-height: 12px;
}
.sidebar-icon-item {
    padding: 0 0 15px 0;
    clear: both;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: #000;
}
.sidebar-icon-item:last-child {
    padding: 0;
}
.sidebar-icon-item i {
    font-size: 18px;
    padding: 0 10px 0 0;
    float: left;
    margin: 2px 0 0 0;
}
.contact-paragraph {
    margin: 0 0 40px 0;
}
.error_container {
    position: relative;
    display: none;
}
.error-box {
    min-width: 150px;
    background-color: #ff7582;
    border-radius: 5px;
    float: right;
    position: absolute;
    left: 0%;
    top: 0;
    padding: 6px 25px 6px 6px;
    font-size: 12px;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3);
    color: #902e38;
    white-space: nowrap;
    z-index: 0;
}
.error-box i {
    float: right;
    margin: 4px 0 0 0;
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
    display: block;
}
.contactus-form1 .contactus-form1-row {
    width: 100%;
    padding: 10px 0;
}
.contactus-form1 {
    float: none !important;
    margin: auto !important;
}
input[type=text], input[type=password], input[type=email], textarea, input[type=text].form-control, input[type=password].form-control, input[type=email].form-control, textarea.form-control {
    width: 100%;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F7F7F7;
    border: 1px solid #CCC;
    outline: 0;
    padding: 6px 12px;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus, input[type=text].form-control:focus, input[type=email].form-control:focus, textarea.form-control:focus {
    border-color: #ccc;
    outline: none;
    -webkit-transition: border-color 0.5s linear;
    -moz-transition: border-color 0.5s linear;
    -o-transition: border-color 0.5s linear;
    transition: border-color 0.5s linear;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fafafa;
}
.form-wrapper input[type=text]:focus {
    border: 1px solid #279fbb
}
.form-wrapper input[type=password]:focus {
    border: 1px solid #279fbb
}
.form-wrapper input[type=email]:focus {
    border: 1px solid #279fbb
}
.form-wrapper textarea:focus {
    border: 1px solid #279fbb
}
.form-wrapper input[type=text], .form-wrapper input[type=password], .form-wrapper input[type=email], .form-wrapper textarea {
    padding: 10px 15px;
}
.form-wrapper textarea {
    min-height: 200px;
}
.contactus-form1 .contactus-form1-row input[type=submit] {
    width: 100%;
    padding: 14px 0 !important;
    line-height: 23px;
    height: auto;
    font-size: 17px;
    margin: auto;
}
.contactus-form1 .contactus-form1-row input[type=text], .contactus-form1 .contactus-form1-row input[type=email], .contactus-form1 .contactus-form1-row input[type=password], .contactus-form1 .contactus-form1-row textarea {
    padding: 20px 15px;
}
.content-box {
    overflow: hidden;
}
.content-box h4 {
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-size: 16px;
}
.content-box h4 i {
    font-size: 25px;
    float: left;
    margin: 0 10px 0 0;
    color: #279fbb;
}
.content-box .read-more {
    text-align: right;
}
.content-box .read-more {
    color: #4b4b4b;
    overflow: hidden;
    display: block;
    text-transform: uppercase;
    margin-top: 5px;
}
.content-box .read-more:hover i {
    text-decoration: none;
}
.content-box .read-more span {
    padding: 1px 10px 0 0;
    display: inline-block;
}
.content-box .read-more i {
    font-size: 10px;
    float: right;
    margin: 7px 0px 0 0;
}
.content-box .content-box-text .read-more {
    display: block;
}
.content-box.content-style2 {
    text-align: center;
}
.content-box.content-style2 h4 i {
    display: block;
    float: none;
    font-size: 22px;
    margin: 0 0 10px 0;
    border: 1px solid;
    border-color: #279fbb;
    color: #279fbb;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 20px;
}
.content-box.content-style2:hover i {
    background-color: #279fbb;
    color: #fff;
}
.content-box.content-style2 .read-more {
    text-align: center;
    margin-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: #b8b8b8;
}
.content-box.content-style2 .read-more span {
    padding: 0;
}
.content-box.content-style2 .read-more:hover {
    color: #666666;
}
.content-box.content-style2 .read-more i {
    float: none;
    display: none;
}
.content-box.content-style2 .read-more:hover i {
    text-decoration: none;
}
.content-box.content-style4 {
    position: relative;
    text-align: center;
    height: 105px;
    width: 100%;
}
.content-box.content-style4 h4 {
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -moz-transition: all .4s ease-in-out;
    -o-transform: rotateX(0deg) rotateY(0deg);
    -o-transform-style: preserve-3d;
    -o-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transform: rotateX(0deg) rotateY(0deg);
    -ms-transform-style: preserve-3d;
    -ms-backface-visibility: hidden;
    -ms-transition: all .4s ease-in-out;
    transform: rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition: all .4s ease-in-out;
}
.content-box.content-style4 h4 i {
    background-color: #279fbb;
    color: #fff;
    float: none;
    margin: 0 10px 0 0;
    border-radius: 50%;
    text-align: center;
    display: block;
    margin: 5px auto 15px auto;
}
.content-box.content-style4 .content-box-text {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -moz-transition: all .4s ease-in-out;
    -o-transform: rotateY(-180deg);
    -o-transform-style: preserve-3d;
    -o-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transform: rotateY(-180deg);
    -ms-transform-style: preserve-3d;
    -ms-backface-visibility: hidden;
    -ms-transition: all .4s ease-in-out;
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition: all .4s ease-in-out;
}
.content-box.content-style4:hover .h4-body-title {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.content-box.content-style4:hover .content-box-text {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -o-transform: rotateX(0deg) rotateY(0deg);
    -ms-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}
.content-box.content-style4 .btn {
    margin-top: 10px;
    margin-bottom: 0;
}
.content-box.content-style4 .h4-body-title {
    opacity: 1;
    display: block;
}
.content-box.content-style4 .content-box-text {
    opacity: 0;
    display: none;
}
.content-box.content-style4:hover .h4-body-title {
    opacity: 0;
    display: none;
}
.content-box.content-style4:hover .content-box-text {
    opacity: 1;
    display: block;
}
.content-box.content-style4.small h4 {
    margin: 0;
}
.content-box.content-style4.small h4 i {
    font-size: 22px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-position: -10px;
}
.content-box.content-style4.medium h4 {
    margin: 0;
}
.content-box.content-style4.medium h4 i {
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 68px;
}
.content-box.style5 h4 {
    margin: 0;
    line-height: 60px;
}
.content-box.style5 h4 i {
    border: 1px solid;
    border-color: #279fbb;
    color: #279fbb;
    float: left;
    margin: 2px 20px 0 0;
    border-radius: 50%;
    text-align: center;
    display: block;
    font-size: 22px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.content-box.style5:hover i {
    background-color: #279fbb;
    color: #fff;
}
.content-box.style5 .content-box-text {
    margin-left: 80px;
    margin-top: 5px;
}
.content-box.style5 .content-box-text .read-more {
    text-align: left;
}
.content-box.style5 .content-box-text .read-more i {
    float: none;
}
.content-box.style5.small .content-box-text {
    margin-left: 60px;
    font-size: 13px;
}
.right-text .content-box.small .content-box-text {
    margin-left: 0;
    margin-right: 60px;
}
.right-text .content-box .content-box-text {
    margin-left: 0;
    margin-right: 80px;
}
.content-box.style5.small h4 > i {
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-position: 0 -20px;
}
.content-box.style5.small h4 {
    line-height: 40px;
}
ul.icon-content-list-container {
    padding: 0;
    list-style-type: none;
}
ul.icon-content-list-container li.icon-content-single {
    float: left;
    margin: 0 0 20px 0;
    list-style-type: none;
}
ul.icon-content-list-container li.icon-content-single:last-child {
    margin-bottom: 0;
}
ul.icon-content-list-container li.icon-content-single .icon-box {
    float: left;
    margin-right: 20px;
    text-align: center;
    width: 60px;
    height: 60px;
    background-color: #f2f2f2;
}
ul.icon-content-list-container li.icon-content-single .icon-box i {
    font-size: 42px;
    color: #279fbb;
    line-height: 60px;
}
ul.icon-content-list-container li.icon-content-single h4 {
    margin-bottom: 5px;
}
ul.icon-content-list-container li.icon-content-single p {
    color: #000;
    text-align: justify
}
ul.icon-content-list-container li.icon-content-single .content-box.style5 h4 i {
    margin-top: 14px;
}
ul.icon-content-list-container li.icon-content-single .content-box.style5.small h4 i {
    margin-top: 4px;
}
ul.icon-content-list-container li.icon-content-single .content-box-text {
    margin-top: -14px;
}
ul.icon-content-list-container li.icon-content-single .small .content-box-text {
    margin-top: -7px;
    font-size: 13px;
}
.right-text ul.icon-content-list-container li.icon-content-single h4 i {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}
.content-style3 {
    /*width: -moz-calc(100% - 28px);*/
    /*width: -o-calc(100% - 28px);*/
    /*width: -webkit-calc(100% - 28px);*/
    width: calc(100% - 28px);
    background-color: #fff;
    position: relative;
    padding: 20px 30px 20px 20px;
    color: #6c6c6c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible !important;
}
.content-style3:hover .content-style3-icon {
    color: #fff;
    background: #279fbb;
}
.content-style3 .content-style3-icon {
    position: absolute;
    right: -34px;
    top: 30px;
    background-color: #fff;
    width: 60px;
    height: 60px;
    font-size: 32px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    -webkit-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.28);
    box-shadow: -2px 0 2px rgba(0, 0, 0, 0.28);
    color: #279fbb;
    -webkit-transition: background 0.8s, color 0.2s;
    -moz-transition: background 0.8s, color 0.2s;
    -o-transition: background 0.8s, color 0.2s;
    transition: background 0.8s, color 0.2s;
}
.content-style3 .content-style3-title {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}
.content-style3 .content-style3-text {
    text-align: center;
}
.post-type-sound {
    background: no-repeat -1px -2px url("../images/sprites.png");
    width: 15px;
    height: 11px;
}
.post-type-video-icon {
    background: no-repeat -5px -64px url("../images/sprites.png");
    width: 7px;
    height: 13px;
}
.post-type-post-icon {
    background: no-repeat 0 -132px url("../images/sprites.png");
    width: 16px;
    height: 16px;
}
.post-type-link-icon {
    background: no-repeat 0 -168px url("../images/sprites.png");
    width: 18px;
    height: 17px;
}
.post-type-quote-icon {
    background: no-repeat 0 -212px url("../images/sprites.png");
    width: 16px;
    height: 16px;
}
.post-type-gallery-icon {
    background: no-repeat 0 -32px url("../images/sprites.png");
    width: 17px;
    height: 12px;
}
.slider-fixed-frame .cycle-show-with-frame {
    float: left;
    height: 370px;
    z-index: 1;
}
.cycle-show-with-frame:after {
    background-color: transparent;
}
.slider-fixed-frame .home-bullets {
    height: 12px;
    display: block;
    bottom: -6px;
    left: 50%;
    width: auto;
}
.slider-fixed-frame .home-bullets span {
    cursor: pointer;
    position: relative;
    background: url(../images/assets/bullets3.png) no-repeat top left;
    width: 12px;
    height: 12px;
    margin-right: 0px;
    float: left;
    margin-top: -10px;
    margin-left: 3px;
}
.slider-fixed-frame .home-bullets .cycle-pager-active {
    background-position: 0 -16px;
}
.cycle-slideshow img {
    width: 100%;
}
.divider {
    margin: 40px 0;
    width: 100%;
    display: block;
    border-bottom: 1px solid #d8d8d8;
}
.divider.divider-shadow {
    background-image: url("../images/divider-shadow.png");
    border-bottom: none;
    margin: 40px 0 20px 0;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.divider.stripe-1 {
    background-image: url("../images/divider-stripe1.png");
    border-bottom: none;
    height: 10px;
}
.divider.stripe-2 {
    background-image: url("../images/divider-stripe2.png");
    border-bottom: none;
    height: 10px;
}
.divider.stripe-3 {
    background-image: url("../images/divider-stripe3.png");
    border-bottom: none;
    height: 10px;
}
.divider.stripe-4 {
    background-image: url("../images/divider-stripe4.png");
    border-bottom: none;
    height: 10px;
}
.divider.stripe-5 {
    background-image: url("../images/divider-stripe5.png");
    border-bottom: none;
    height: 10px;
}
.feature {
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
.feature .feature-content {
    padding: 22px 15px 15px 15px;
    border-top: 2px solid #279fbb;
}
.feature .feature-details {
    border-top: 1px solid #e8e8e8;
    padding: 0 10px 0 15px;
    background: #f7f7f7;
    line-height: 30px;
}
.feature .feature-details i {
    margin-right: 8px;
}
.feature .feature-details i:hover {
    text-decoration: none;
}
.feature .feature-details a {
    display: inline-block;
}
.feature .feature-details a:hover {
    text-decoration: none;
}
.feature .feature-details .details-seperator {
    border-right: 1px solid #e9e9e9;
    height: 15px;
    margin: 0 10px;
}
.feature .feature-details .feature-share {
    float: right;
}
.section-color-bg .feature, .section-color-red .feature, .section-color-orange .feature, .section-color-green .feature, .section-color-blue .feature, .section-color-dark-blue .feature, .section-color-gray .feature, .section-color-clouds .feature, .section-color-purple .feature, .section-px .feature, .section-image .feature {
    text-align: left;
}
.section-color-bg .feature .feature-content, .section-color-red .feature .feature-content, .section-color-orange .feature .feature-content, .section-color-green .feature .feature-content, .section-color-blue .feature .feature-content, .section-color-dark-blue .feature .feature-content, .section-color-gray .feature .feature-content, .section-color-clouds .feature .feature-content, .section-color-purple .feature .feature-content, .section-px .feature .feature-content, .section-image .feature .feature-content {
    background-color: #8a8989;
    background-color: rgba(0, 0, 0, 0.3);
}
.section-color-bg .feature-details, .section-color-red .feature-details, .section-color-orange .feature-details, .section-color-green .feature-details, .section-color-blue .feature-details, .section-color-dark-blue .feature-details, .section-color-gray .feature-details, .section-color-clouds .feature-details, .section-color-purple .feature-details, .section-px .feature-details, .section-image .feature-details {
    background-color: #534c4c;
    background: rgba(0, 0, 0, 0.55);
}
.section-color-bg .feature-details a, .section-color-red .feature-details a, .section-color-orange .feature-details a, .section-color-green .feature-details a, .section-color-blue .feature-details a, .section-color-dark-blue .feature-details a, .section-color-gray .feature-details a, .section-color-clouds .feature-details a, .section-color-purple .feature-details a, .section-px .feature-details a, .section-image .feature-details a {
    display: inline-block;
}
.section-color-bg .feature-details a:hover, .section-color-red .feature-details a:hover, .section-color-orange .feature-details a:hover, .section-color-green .feature-details a:hover, .section-color-blue .feature-details a:hover, .section-color-dark-blue .feature-details a:hover, .section-color-gray .feature-details a:hover, .section-color-clouds .feature-details a:hover, .section-color-purple .feature-details a:hover, .section-px .feature-details a:hover, .section-image .feature-details a:hover {
    text-decoration: none;
}
.section-color-bg .feature-details .details-seperator, .section-color-red .feature-details .details-seperator, .section-color-orange .feature-details .details-seperator, .section-color-green .feature-details .details-seperator, .section-color-blue .feature-details .details-seperator, .section-color-dark-blue .feature-details .details-seperator, .section-color-gray .feature-details .details-seperator, .section-color-clouds .feature-details .details-seperator, .section-color-purple .feature-details .details-seperator, .section-px .feature-details .details-seperator, .section-image .feature-details .details-seperator {
    border-right: 1px solid #e9e9e9;
    height: 15px;
    margin: 0 10px;
}
.section-color-bg .feature-details .feature-share, .section-color-red .feature-details .feature-share, .section-color-orange .feature-details .feature-share, .section-color-green .feature-details .feature-share, .section-color-blue .feature-details .feature-share, .section-color-dark-blue .feature-details .feature-share, .section-color-gray .feature-details .feature-share, .section-color-clouds .feature-details .feature-share, .section-color-purple .feature-details .feature-share, .section-px .feature-details .feature-share, .section-image .feature-details .feature-share {
    float: right;
}
.footer {
    overflow: hidden;
    position: relative;
    z-index: 0;
    padding: 0 0 0 0;
    background-color: #383838;
}
.footer:after {
    _content: "";
    position: absolute;
    left: 0;
    top: 0px;
    height: 1px;
    width: 100%;
    background-color: #a2aab3;
}
.footer:before {
    _content: "";
    position: absolute;
    left: 0;
    top: 1px;
    height: 4px;
    width: 100%;
    background-color: #bbbbbb;
}
.footer .footer-col .footer-title {
    padding: 0 0 8px 0;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    color: #f2f2f2;
    font-weight: bold;
}
.footer .footer-col .footer-content {
    color: #d4d4d4;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    padding-bottom: 0px;
}
.footer .footer-col .footer-content .footer-content-text {
    line-height: 20px;
    color: #c9c9c9;
}
.footer .footer-col .footer-content .footer-content-logo {
    float: left;
    clear: both;
    margin: 0 0 20px 0;
    width: 100%;
}
.footer .footer-col .footer-content a {
    color: #c9c9c9;
    text-decoration: none;
}
.footer .footer-col .footer-content .footer-recent-tweets {
    list-style-type: none;
    padding-left: 25px;
    color: #c9c9c9;
}
.footer .footer-col .footer-content .footer-recent-tweets li {
    line-height: 20px;
    margin-top: 20px;
    position: relative;
}
.footer .footer-col .footer-content .footer-recent-tweets li a {
    color: #f8f8f8;
}
.footer .footer-col .footer-content .footer-recent-tweets li:after {
    content: "";
    position: absolute;
    left: -25px;
    top: 5px;
    background: no-repeat -98px -1px url("../images/sprites.png");
    width: 16px;
    height: 13px;
}
.footer .footer-col .footer-content .nice-time {
    font-size: 10px;
    font-family: "Myriad Pro", sans-serif;
    font-weight: bold;
    color: #c9c9c9;
}
.footer .footer-col .footer-content .nice-time a {
    text-decoration: none;
}
.footer .footer-col .footer-content .footer-category-list {
    list-style-type: none;
    padding-left: 0;
    color: #c9c9c9;
}
.footer .footer-col .footer-content .footer-category-list li {
    padding: 6px 0;
    position: relative;
    border-bottom: 1px solid #414141;
}
.footer .footer-col .footer-content .footer-category-list li:first-child {
    padding-top: 0;
}
.footer .footer-col .footer-content .footer-category-list li a {
    text-decoration: none;
}
.footer .footer-col .footer-content .footer-category-list li a:hover {
    color: #f8f8f8;
}
.footer .footer-col .footer-content .input {
    width: 100%;
    display: block;
    background-color: #133763;
    border: 0;
    border-radius: 5px;
    outline: 0;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #cccccc;
}
.footer .footer-col .footer-getintouch-row {
    margin: 10px 0 0 0;
}
.footer .footer-col .footer-content .input:hover {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.38);
    color: #333333;
}
.footer .footer-col .footer-content .input:focus {
    background-color: rgba(255, 255, 255, 0.8);
    color: #333333;
}
.footer .footer-col .footer-content input[type=text] {
    height: 30px;
}
.footer .footer-col .footer-content input[type=submit] {
    background-color: #262F35;
    border: 0;
    -webkit-box-shadow: inset 0px 1px 1px rgba(163, 163, 163, 0.66), 0px 1px 0px 1px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: inset 0px 1px 1px rgba(163, 163, 163, 0.66), 0px 1px 0px 1px rgba(0, 0, 0, 0.21);
    box-shadow: inset 0px 1px 1px rgba(163, 163, 163, 0.66), 0px 1px 0px 1px rgba(0, 0, 0, 0.21);
    padding: 7px 18px;
    border-radius: 5px;
    color: #d2d2d2;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
}
.footer .footer-col .footer-content input[type=submit]:hover {
    background-color: #164279;
}
.footer .footer-col .footer-content input[type=submit]:active {
    background-color: #184780;
}
.footer .copyright {
    height: 40px;
    width: 100%;
    font-size: 11px;
    font-family: "Open Sans", sans-serif;
    background-color: #303030;
}
.footer .copyright a {
    color: #fff;
    text-decoration: none;
}
.footer .copyright a:hover {
    color: #e8e8e8;
}
.footer .copyright .copyright-text {
    line-height: 40px;
    color: #fff
}
.footer .copyright .copyright-text .widget {
    margin: 0;
}
.flickr_badge_wrapper .flickr_badge_image {
    float: left;
    margin: 0 2.222222222222% 2.222222222222% 0;
    width: 30.37037037037%;
    height: auto;
}
.flickr_badge_wrapper .flickr_badge_image img {
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    opacity: 0.7;
    -webkit-transition: border-color 0.5s, opacity 0.5s;
    -moz-transition: border-color 0.5s, opacity 0.5s;
    -o-transition: border-color 0.5s, opacity 0.5s;
    transition: border-color 0.5s, opacity 0.5s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.flickr_badge_wrapper .flickr_badge_image img:hover {
    border-color: #279fbb;
    opacity: 1;
}
.flickr_badge_wrapper .flickr_badge_image:nth-child(3n+1) {
    margin: 0 0 6px 0;
}
.footer .social-icons {
    overflow: hidden;
    height: 40px;
}
.footer .social-icons .social-media-icon {
    float: right;
    background-color: transparent;
    border: none;
}
.footer .social-icons .social-media-icon:hover {
    border: none;
}
.footer .copyright:before {
    position: absolute;
    display: block;
    content: '';
    height: 1px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer-wrapper {
    position: relative;
    padding-top: 25px;
    padding-bottom: 35px;
}
.footer-wrapper:after {
    content: "";
    position: absolute;
    left: -50%;
    top: -8px;
    width: 2000px;
    height: 359px;
    margin-left: 0;
    z-index: -1;
}
.boxed .flickr_badge_wrapper .flickr_badge_image img {
    width: 64px;
    height: 64px;
}
.footer-contact textarea {
    resize: vertical;
    height: 100px;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.footer-contact label {
    padding: 4px 0 0 0;
    clear: both;
    display: block;
    color: #cf3f3f;
}
#header {
    clear: both;
}
.header_wrapper, .top_wrapper {
    width: 100%;
    height: 67px;
    position: relative;
    background-size: 100% 1000px;
    z-index: 99;
}
.top-header {
    background-color: transparent;
    position: relative;
    z-index: 1;
}
.header {
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.header .logo {
    margin: 5px 0;
}
.navigation {
    float: right;
    padding: 0 0 0 0;
    margin: 0;
    list-style-type: none;
}
.navigation > li {
    float: left;
    margin-right: 30px;
    padding-left: 4px;
}
.navigation > li:last-child {
    margin-right: 0;
}
.navigation > li i {
    display: none;
    font-size: 32px;
}
.navigation > li > a {
    color: #898989;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    padding-right: 12px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    color: #2a2a2a;
}
.navigation > li:hover > a, .navigation > li > a:hover, .navigation > li > .activelink {
    color: #279fbb;
}
.navigation > li > a > span.label-nav {
    float: left;
    line-height: 20px;
    display: block;
    width: 100%;
    clear: both;
    margin: 20px 0;
    color: #000
}
.navigation > li > a > span.label-nav-sub {
    float: left;
    line-height: 20px;
    width: 100%;
    clear: both;
    font-size: 12px;
    color: #000;
    display: inline-block;
    position: relative;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: all ease-in-out 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    text-transform: capitalize;
}
.navigation > li > a > span.label-nav-sub::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    content: attr(data-hover);
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
}
.navigation > li:hover > a > span.label-nav-sub, .navigation > li:hover > a > span.label-nav-sub {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    -ms-transform: rotateX(90deg) translateY(-22px);
    -o-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
    -ms-transform: none;
}
.ie10 .navigation > li:hover > a > span.label-nav-sub, .ie10 .navigation > li:hover > a > span.label-nav-sub {
    transform: none;
}
.navigation > li:hover > a > span.label-nav-sub::before, .navigation > li:hover > a > span.label-nav-sub::before {
    color: #279fbb;
    opacity: 1;
    /*opacity: 0\9;*/
}
.navigation > li > .activelink span.label-nav-sub {
    color: #585858;
}
.navigation > li:last-child > a {
    margin-right: 0;
    padding-right: 0;
}
.navigation li {
    position: relative;
}
.navigation ul {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 65px;
    background-color: #fff;
    display: none;
    z-index: 1;
    border: 1px solid #DDDDDD;
    border-top: 2px solid #DDD;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    opacity: 0;
    height: 0px;
    overflow: hidden;
    left: -13px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175)!important;
}
.navigation ul li {
    line-height: 0;
    list-style-type: none;
}
.navigation ul.show-sub-menu {
    display: block;
    opacity: 1;
    height: auto;
}
.navigation .icon-arrow-menu {
    position: absolute;
    top: 19px;
    left: 6px;
    color: white;
    color: rgba(255, 255, 255, 0.5);
    font-size: 15px;
    display: none;
    z-index: 10;
}
.navigation .icon-arrow-submenu {
    position: absolute;
    top: 14px;
    right: 10px;
    color: white;
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
}
.navigation ul li a {
    padding: 0 0 0 12px;
    width: 170px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 35px;
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    float: left;
}
.navigation ul li:hover > a {
    background-color: #F7F7F7;
    color: #279fbb;
}
.navigation ul li:hover > a i {
    color: white;
}
.navigation ul li a.activelink {
    font-weight: bold;
}
.navigation ul li:first-child > a {
    border-top: none;
}
.navigation ul ul {
    left: 172px;
    top: 0;
    border-top: 0;
}
.mobile-menu-button {
    display: none;
}
.mobile-nav {
    display: none;
}
.mobile-nav > li:last-child a {
    border-bottom: none;
}
.sticky-navigation {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    background-color: #184780;
    background-color: rgba(24, 71, 128, 0.9);
}
.sticky-navigation .navigation {
    margin: auto;
    width: 940px;
    float: none;
    list-style-type: none;
    top: 25px;
}
.sticky-navigation .navigation > li > ul {
    top: 30px;
}
.sticky-navigation .navigation > li > a {
    line-height: 30px;
    height: auto;
    font-size: 13px;
}
.sticky-navigation ul {
    list-style-type: none;
}
.header-no-shadow.header:after {
    background-image: none;
}
.top-bar {
    background-color: #FBFBFB;
    line-height: 35px;
    border-bottom: 1px solid #E9E9E9;
}
.call-us, .top-bar-block {
    color: #000;
    /*float: left;*/
    margin-right: 10px;
    padding-right: 10px;
}
.call-us i, .top-bar-block i {
    font-size: 22px;
    line-height: 38px;
    float: left;
}
.call-us span, .top-bar-block span {
    padding-left: 10px;
    font-size: 11px;
    line-height: 30px;
    vertical-align: middle;
}
.top-bar-block:last-child {
    border-right: 0;
}
.top-bar .social-icons {
    overflow: hidden;
    float: right;
    width: auto;
}
.top-bar .social-icons > ul {
    margin: 0;
    background-color: transparent;
    float: right;
}
.top-bar .social-icons .social-media-icon {
    background-color: transparent;
    height: 35px;
    border: none;
    margin: 0;
    background-position: 0 -43px;
}
.top-bar .social-icons .social-media-icon:hover {
    border: none;
    background-position: 0 -3px;
}
.top-bar .social-icons li {
    float: right;
}
.img-overlay {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 150px;
}
.img-overlay img {
    width: 100%;
}
.item-img-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    overflow: hidden;
}
.item-img-overlay:hover {
    filter: alpha(opacity=1);
    opacity: 1;
}
.item-img-overlay .item_img_overlay_content {
    position: absolute;
    background-color: #279fbb;
    height: 40px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    -o-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}
.item-img-overlay:hover .item_img_overlay_content {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}
.img-overlay:hover img {
    opacity: 0.5;
}
.team-member-image.img-overlay:hover .item_img_overlay_content {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}
.team-member-image.img-overlay .item_img_overlay_content {
    position: absolute;
    background-color: #279fbb;
    height: 40px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}
.item-img-overlay a:hover {
    text-decoration: none;
}
.img-overlay:hover .item-img-overlay {
    opacity: 1;
}
.img-overlay .item_img_overlay_content {
    position: absolute;
    background-color: #279fbb;
    height: 40px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}
.img-overlay:hover .item_img_overlay_content {
    opacity: 1;
/*filter:progid:DXImageTransform.Microsoft.Matrix(Dy=0);*/
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.item-img-overlay .item_img_overlay_content i {
    margin-right: 10px;
}
.item-img-overlay {
    color: #fff;
}
.item-img-overlay a {
    color: #fff;
}
.item-img-overlay a:hover {
    color: #fff !important;
}
.work-detail .project-description p {
    text-align: justify !important;
}
/***************Portfolio_link************/
h3.portfolio_mh {
    font-weight: 600;
    text-transform: uppercase;
}
a.portfolio_link{
    font-size: 21px;
    color: #1ea1ee;
    word-break: break-all;
}
a.portfolio_link:hover{
    color: #faa44f;
}

/*End*/
a.portfolio-zoom icon-resize-full:hover {
    color: #279fbb !important;
}
.item-img-overlay i {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.95);
    color: #279fbb;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-transition: background-color, color 0.4s;
    -moz-transition: background-color, color 0.4s;
    -o-transition: background-color, color 0.4s;
    transition: background-color, color 0.4s;
}
.item-img-overlay i:hover {
    color: #279fbb;
}
.item-img-overlay i:hover {
    background-color: #279fbb;
    color: white;
    color: rgba(255, 255, 255, 0.95);
}
.item-img-overlay .portfolio-zoom {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: 50%;
    margin-right: -20px;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.95);
    color: #279fbb;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 43px;
    text-align: center;
    font-size: 18px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    cursor: pointer;
    z-index: 1;
}
.item-img-overlay .portfolio-zoom:hover {
    color: #279fbb !important;
}
.item-img-overlay:hover .portfolio-zoom, .item-img-overlay:hover i, .thumb-label-item:hover .portfolio-zoom, .feature-image:hover .portfolio-zoom, .blog-post-featured-img:hover .portfolio-zoom {
    opacity: 0.8;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-name: overlay-animation;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-name: overlay-animation;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 0s;
    -o-animation-fill-mode: forwards;
    -o-animation-name: overlay-animation;
    -o-animation-duration: 0.5s;
    -o-animation-timing-function: linear;
    -o-animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-name: overlay-animation;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    transform: scale(1);
}
.img-overlay {
    overflow: hidden;
}
.img-overlay img {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.img-overlay:hover img {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
}
.feature .img-overlay:hover img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.feature .item-img-overlay .portfolio-zoom {
    margin-top: -20px;
}
.alert {
    padding: 10px;
    text-align: center;
    position: relative;
}
.alert a.alert-remove {
    position: absolute;
    right: 15px;
    top: 23px;
    cursor: pointer;
    font-size: 15px;
}
.alert a.alert-remove:hover {
    color: black;
    color: rgba(0, 0, 0, 0.3);
}
.alert .msg {
    padding: 10px 40px;
}
.info-box.red {
    border: 1px solid #e26d6d;
    color: white;
    background-color: #e26d6d;
}
.info-box.red .info-box-remove i {
    color: black;
    color: rgba(0, 0, 0, 0.3);
}
.info-box.yellow {
    border: 1px solid #faf1a9;
    color: #928416;
    background-color: #faf1a9;
}
.info-box.yellow .info-box-remove i {
    color: black;
    color: rgba(0, 0, 0, 0.3);
}
.info-box.green {
    border: 1px solid #a6e07e;
    color: white;
    background-color: #a6e07e;
}
.info-box.green .info-box-remove i {
    color: black;
    color: rgba(0, 0, 0, 0.3);
}
.info-box.blue {
    border: 1px solid #579ace;
    color: white;
    background-color: #579ace;
}
.info-box.blue .info-box-remove i {
    color: black;
    color: rgba(0, 0, 0, 0.3);
}
.info-box.white {
    border: 1px solid #f7f7f7;
    color: #666666;
    background-color: #f7f7f7;
}
.info-box.white .info-box-remove i {
    color: black;
    color: rgba(0, 0, 0, 0.3);
}
.icons-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.icons-list li {
    margin-bottom: 15px;
    padding-left: 30px;
    margin-right: 0;
}
.icons-list li:last-child {
    margin-bottom: 0;
}
.icons-list li:before {
    content: "";
    font-family: 'FontAwesome';
    display: inline-block;
    width: 18px;
    height: 18px;
    float: left;
    font-size: 15px;
    margin-left: -30px;
    line-height: 24px;
}
.icons-list.colored-list li:before {
    color: #279fbb;
}
.icons-list.check-1 li:before {
    content: "\f046";
}
.icons-list.check-2 li:before {
    content: "\f00c";
}
.icons-list.hand li:before {
    content: "\f0a4";
}
.icons-list.remove li:before {
    content: "\f00d";
}
.icons-list.file li:before {
    content: "\f016";
}
.icons-list.arrow li:before {
    content: "\f061";
}
.icons-list.asterisk li:before {
    content: "\f069";
}
.icons-list.circle-blank li:before {
    content: "\f10c";
}
.icons-list.circle li:before {
    content: "\f111";
}
.icons-list.pencil li:before {
    content: "\f040";
}
.pagination-container {
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
}
.pagination > li > a, .pagination > li > span {
    color: #999;
    margin: 0 0 0 4px;
    padding: 10px 15px;
    text-decoration: none !important;
    display: inline-block;
    font-size: 14px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.pagination > li > a.prev, .pagination > li > a.next, .pagination > li > a:hover, .pagination > li > a.current {
    background-color: #f7f7f7;
    color: #279fbb;
}
.portfolio-single-image {
    overflow: hidden;
    margin: 0 0 20px 0;
}
.portfolio-single-project-details {
    font-size: 13px;
}
.portfolio-single-project-details th {
    vertical-align: top;
    text-align: left;
    padding: 0 0 10px 0;
    text-transform: uppercase;
}
.portfolio-single-project-details td {
    vertical-align: top;
    padding: 0 0 10px 20px;
}
.portfolio-single-project-details tr {
    padding: 0 0 10px 0;
}
.portfolio-single-nextprev {
    height: auto;
    position: relative;
    overflow: hidden;
    border-top: 2px solid #f0f0f0;
    border-bottom: 2px solid #f0f0f0;
    padding: 5px 0;
}
.portfolio-single-nextprev .portfolio-single-next {
    margin: 5px 0 5px 0;
    float: left;
}
.portfolio-single-nextprev .portfolio-single-next:hover i {
    text-decoration: none;
}
.portfolio-single-nextprev .portfolio-single-next i {
    padding-right: 5px;
}
.portfolio-single-nextprev .portfolio-single-prev {
    float: right;
    margin: 5px 0 5px 0;
}
.portfolio-single-nextprev .portfolio-single-prev i {
    padding-left: 5px;
}
.portfolio-single-nextprev .portfolio-single-prev:hover i {
    text-decoration: none;
}
.section-tabs {
    padding: 0 0;
    text-align: center;
    background-color: #EFEFEF;
}
.section-tabs .tab-container {
    position: relative;
    z-index: 1;
}
.section-tabs .tab-content {
    overflow: hidden;
}
.section-tabs .section-etabs {
    margin: 0;
    padding: 5px 0;
    display: block;
    margin: auto;
    background-color: #fbfbfb;
    overflow: hidden;
    display: inline-block;
}
.section-tabs .section-etabs .tab {
    border: 0;
    background-color: transparent;
}
.section-tabs .section-etabs .tab a {
    font-size: 15px;
    display: block;
    padding: 5px 20px;
    color: #b4b4b4;
    position: relative;
    top: -5px !important;
    font-weight: 500;
    background-color: transparent;
    text-transform: uppercase;
    border: 0;
}
.section-tabs .tab a.active {
    border: none;
    color: #279fbb;
    top: 0 !important;
    line-height: 20px;
}
.section-tabs .tab.active {
    top: 0 !important;
    background-color: transparent;
    line-height: 20px;
}
.section-tabs .tab a.active:after {
    /*background-color: none;*/
}
.section-tabs .tab a.active:after {
    background-color: transparent;
    border-color: transparent;
}
.section-tabs .tab-content {
    padding: 60px 0;
    overflow: hidden;
}
.section-tabs.full-tabs .tab-content {
    padding: 0;
}
.section-tabs .tab-content > div {
    overflow: hidden;
}
.section-etabs-container {
    width: 100%;
    background-color: #fbfbfb;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    height: 43px;
}
.section-tab-arrow {
    position: absolute;
    top: 41px;
    left: 0px;
    z-index: 2;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 13px 9.5px 0 9.5px;
    border-color: #e8e8e8 transparent transparent transparent;
    -webkit-transition: 0.3s left ease;
    -moz-transition: 0.3s left ease;
    -o-transition: 0.3s left ease;
    transition: 0.3s left ease;
}
.section-tab-arrow:before {
    content: "";
    position: absolute;
    top: -14px;
    left: -8px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 12px 8px 0 8px;
    border-color: #fbfbfb transparent transparent transparent;
}
.portfolio-filter-container {
    clear: both;
    overflow: hidden;
    margin: 0 0 30px 0;
    text-align: center;
    padding: 1px 0 0 0;
}
.portfolio-filter {
    list-style-type: none;
    margin: 0;
    padding: 3px 0;
    display: inline-block;
}
.portfolio-filter li {
    float: left;
    margin: 10px 0 0 20px;
}
.portfolio-filter li:first-child {
    margin-left: 0;
}
.portfolio-filter li a {
    padding: 5px 10px;
    border-radius: 5px;
}
.portfolio-filter li a.portfolio-selected, .portfolio-filter li a:hover {
    background-color: #184780;
    color: #fefefe;
    text-decoration: none;
}
.portfolio-filter-label {
    text-transform: uppercase;
    float: left;
    padding: 0 10px 0 0;
    margin: 3px 0 0 0;
    font-weight: bold;
}
.portfolio {
    clear: both;
    overflow: hidden;
}
.portfolio-items {
    padding: 0px 0 0 0;
    clear: both;
    width: 100%;
    margin: auto;
}
.boxed .thumb-label-item {
    width: 288px;
}
.thumb-label-item .thumb-label-item-img {
    margin-bottom: 6px;
}
.thumb-label-item .thumb-label-item-img img {
    width: 100%;
}
.thumb-label-item {
    width: 229px;
}
.portfolio-items {
    width: 940px;
}
/**/.thumb-label-item .thumb-label-item-title {
    margin: 0 0 0px 0;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 40px;
    width: 100%;
    margin: 0 auto;
}
.thumb-label-item .thumb-label-title-tags {
    font-size: 11px;
    font-style: italic;
    text-align: center;
    position: absolute;
    bottom: 23%;
    width: 100%;
    margin: 0 auto;
}
.portfolio-items-cols2 .thumb-label-item {
    width: 464px;
}
.boxed .portfolio-items-cols2 .thumb-label-item {
    width: 464px;
}
.portfolio-items-cols2 .thumb-label-item .thumb-label-item-title {
    font-size: 20px;
    bottom: 50%;
}
.portfolio-items-cols2 .thumb-label-item .thumb-label-title-tags {
    bottom: 35%;
    font-size: 13px;
}
.portfolio-items.portfolio-items-cols3 .thumb-label-item {
    width: 307px;
}
.boxed .portfolio-items-cols3 .thumb-label-item {
    width: 290px;
}
.navigation_resp {
    background-color: #ccc;
    width: 400px;
    padding: 10px 5px 10px 20px;
}
.navigation_resp, .navigation_resp ul {
    list-style-type: none;
    padding-left: 0;
}
.navigation_resp {
    background-color: #ccc;
    width: 400px;
    padding: 10px 5px 10px 20px;
}
.navigation_resp, .navigation_resp ul {
    list-style-type: none;
    padding-left: 0;
}
.rev-slider-fixed {
    padding: 0px;
    position: relative;
    z-index: 0;
    top: 16px;
    left: 0px;
    position: relative;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    z-index: 1;
    visibility: hidden;
    background-color: #f9f9f9;
}
.simplebullets {
    -webkit-transition: margin 100ms ease-in-out;
    -moz-transition: margin 100ms ease-in-out;
    -o-transition: margin 100ms ease-in-out;
    transition: margin 100ms ease-in-out;
}
.rev-slider-fixed div.tparrows, .rev-slider-full div.tparrows {
    opacity: 0;
    filter: alpha(opacity=0);
}
.rev-slider-fixed:hover .tparrows, .rev-slider-full:hover .tparrows {
    opacity: 1;
    filter: alpha(opacity=70);
    -webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
}
.rev-slider-fixed div.tp-leftarrow, .rev-slider-full div.tp-leftarrow {
    background: no-repeat 17px center url("../images/assets/arrow_left.png");
    width: 50px;
    height: 50px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
}
.rev-slider-fixed div.tp-leftarrow:hover, .rev-slider-full div.tp-leftarrow:hover {
    background-color: rgba(0, 0, 0, 0.7);
}
.rev-slider-fixed div.tp-rightarrow, .rev-slider-full div.tp-rightarrow {
    background: no-repeat 20px center url("../images/assets/arrow_right.png");
    width: 50px;
    height: 50px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
}
.rev-slider-fixed div.tp-rightarrow:hover, .rev-slider-full div.tp-rightarrow:hover {
    background-color: rgba(0, 0, 0, 0.7);
}
.rev-slider-fixed .tp-bullets.simplebullets.round .bullet {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    background: no-repeat top left url("../images/assets/bullets3.png");
    width: 12px;
    height: 12px;
}
.rev-slider-fixed .tp-bullets.simplebullets.round .bullet:hover, .rev-slider-fixed .tp-bullets.simplebullets.round .bullet.selected, .rev-slider-fixed .tp-bullets.simplebullets.navbar .bullet:hover, .rev-slider-fixed .tp-bullets.simplebullets.navbar .bullet.selected {
    background-position: 0 -15px;
}
.rev-slider-full {
    padding: 0px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    width: 100%;
    position: relative;
    padding: 0;
    max-height: 500px;
    overflow: hidden;
    visibility: hidden;
    left: 0;
    top: 0;
    clear: both;
}
.rev-slider-full .button.btn-flat, .rev-slider-fixed .button.btn-flat {
    color: #fff;
    padding: 10px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.rev-slider-full .button.btn-flat:hover, .rev-slider-fixed .button.btn-flat:hover {
    color: #fff;
    background-color: #3b3b3b;
}
.button.btn-outlined {
    padding: 10px 15px;
    background-color: transparent !important;
    color: #fff !important;
    text-shadow: 1px 1px 1px #141414;
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.button.btn-outlined:hover, .button.btn-outlined:active, .button.btn-outlined:focus {
    text-shadow: none;
    background-color: #fff !important;
    color: #4b4b4b !important;
    opacity: 1;
}
.slider-text-title {
    text-transform: uppercase;
    font-size: 42px;
    color: #1a242f;
    font-weight: bold;
}
.slider-text-description {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #626262;
}
.searchbox {
    height: 35px;
    float: right;
    -webkit-transition: background-color 200ms;
    -moz-transition: background-color 200ms;
    -o-transition: background-color 200ms;
    transition: background-color 200ms;
    background-color: #fff;
    border: 1px solid;
    border-color: transparent #e8e8e8;
    padding-top: 4px;
}
.searchbox.searchbox-open {
    border-bottom: 1px solid #eee;
}
.searchbox .searchbox-icon {
    font-size: 16px;
    color: #bdbdbd;
    color: rgba(189, 189, 189, 0.48);
    margin: 2px 0px 0 4px;
    float: left;
    cursor: pointer;
    background: none;
    border: 0;
    width: 28px;
    text-align: center;
    background: no-repeat -55px 0 url("../images/sprites.png");
    width: 27px;
    height: 17px;
}
.searchbox .searchbox-inputtext {
    float: right;
    margin: 2px 0 0 2px;
    width: 0px;
    background: none;
    border: 0;
    outline: 0;
    line-height: 20px;
    color: #6c6c6c !important;
    padding: 3px 0px 0 2px !important;
    box-sizing: border-box;
    font-size: 12px;
    -webkit-transition: width 400ms !important;
    -moz-transition: width 400ms !important;
    -o-transition: width 400ms !important;
    transition: width 400ms !important;
}
.searchbox .searchbox-inputtext:focus {
    background-color: #fff;
}
.searchbox .searchbox-submit {
    display: none;
}
.price-table {
    margin-top: 22px;
    border-radius: 2px;
    font-family: Raleway, 'Open Sans';
    border-bottom: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
}
.price-table .price-label {
    position: relative;
}
.row-fluid.row-no-margin [class*="span"]:first-child .price-table {
    border-right: none;
}
.row-fluid.row-no-margin [class*="span"]:last-child .price-table {
    border-left: none;
}
.price-table .price-table-row::after {
    content: " ";
    position: absolute;
    height: 1px;
    width: 50px;
    background: #DBDBDB;
    bottom: 1px;
    display: block;
    left: 50%;
    z-index: 100;
    margin-left: -25px;
}
.price-table .price-table-row:last-child::after {
display:none;
}
.price-table .price-label-badge {
    font-size: 11px;
    position: absolute;
    right: -20px;
    top: -2px;
    padding: 2px 3px;
    background-color: #279FBB;
    color: #fff;
    border-radius: 3px;
    line-height: normal;
    text-transform: uppercase;
}
.price-table .price-label {
    background-color: #f5f5f5;
    color: #279FBB;
}
.price-table .price-label .price-label-name {
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    display: inline-block;
    position: relative;
    line-height: 60px;
}
.price-table .price-table-header {
    text-align: center;
    background-color: #279FBB;
    color: #fff;
    width: 100%;
}
.price-table .price-value {
    position: relative;
    margin: auto;
    display: inline-block;
    width: auto;
    padding: 0 0 10px 0;
    text-shadow: 0 1px 0 rgba(29, 29, 29, 0.7);
}
.price-table .price-unit {
    font-size: 35px;
    position: absolute;
    left: -24px;
    bottom: 42px;
}
.price-table .price-number {
    font-size: 72px;
    line-height: normal;
}
.price-table .price-per {
    font-size: 12px;
    position: absolute;
    right: -45px;
    bottom: 21px;
}
.price-table.price-table-special .price-per {
    bottom: 11px;
}
.price-table .price-table-row {
    position: relative;
    text-align: center;
    padding: 20px 0;
    background-color: #f5f5f5;
}
.price-table .price-table-row i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
}
.price-table-row-bottom {
    position: relative;
    text-align: center;
    padding: 20px 0;
    background-color: #f5f5f5;
}
.price-table .price-table-rows {
    background-color: #f5f5f5;
    overflow: hidden;
}
.price-table.price-table-special {
    border: 0;
    position: relative;
    z-index: 5;
    margin-top: 0px;
}
.price-table.price-table-special .price-label {
    line-height: 82px;
}
.price-table.price-table-special .price-label-name {
    top: 7px;
}
.price-table.price-table-special .button {
    margin-top: 12px;
    padding-bottom: 40px;
    font-family: "Open Sans";
}
.price-table .button {
    font-family: "Open Sans";
}
.price-table.price-table-special .price-table-row-bottom {
    padding: 25px 0 35px 0;
}
.price-table.price-table-special.price-table-special-no-margin {
    margin-top: 0;
}
.loading-container {
    overflow: hidden;
    padding: 55px 0;
    text-align: center;
    text-align: center;
}
.loading-container .loading-text {
    font-size: 14px;
    margin: 20px 0 0 0;
    text-transform: lowercase;
}
.hide-until-loading {
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
}
.loading {
    margin: 0 auto;
    height: 20px;
    width: 20px;
    position: relative;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    /*display: none \9;*/
}
.loading i {
    height: 20px;
    width: 20px;
    border-radius: 25px;
    display: block;
    position: absolute;
}
.loading i:before, .loading i:after {
    content: '';
    display: block;
    position: absolute;
    height: inherit;
    width: inherit;
    border-radius: inherit;
}
.loading i:first-child:before {
    background: #279fbb;
    -webkit-animation: rotate-top-left 1.5s linear infinite;
    -moz-animation: rotate-top-left 1.5s linear infinite;
    animation: rotate-top-left 1.5s linear infinite;
    opacity: 0.5;
}
.loading i:first-child:after {
    background: #279fbb;
    -webkit-animation: rotate-top-right 1.5s linear infinite;
    -moz-animation: rotate-top-right 1.5s linear infinite;
    animation: rotate-top-right 1.5s linear infinite;
    opacity: 0.5;
}
.loading i:last-child:before {
    background: #279fbb;
    -webkit-animation: rotate-bottom-left 1.5s linear infinite;
    -moz-animation: rotate-bottom-left 1.5s linear infinite;
    animation: rotate-bottom-left 1.5s linear infinite;
    opacity: 0.5;
}
.loading i:last-child:after {
    background: #279fbb;
    -webkit-animation: rotate-bottom-right 1.5s linear infinite;
    -moz-animation: rotate-bottom-right 1.5s linear infinite;
    animation: rotate-bottom-right 1.5s linear infinite;
    opacity: 0.5;
}
.loading-fallback {
    display: none;
    /*display: block \9;*/
    text-align: center;
}
.progress {
    height: 30px;
    position: relative;
}
.progress .progress-bar {
    background: #1ea1ee;
}
.progress .sr-only {
    left: 20px;
    line-height: 30px;
    left: 20px;
    color: #fff;
    position: absolute;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
}
.classic-form {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    padding: 40px;
}
.list-group {
    list-style-type: none;
    padding: 0;
    margin: 0 0;
    border: 1px solid #e8e8e8;
}
.list-group a {
    padding: 10px 10px;
    border-bottom: 1px solid #eaeaea;
}
.list-group a:hover:after {
    color: #63b9ce;
}
.list-group a:hover {
    background-color: whitesmoke;
    color: #63b9ce;
    text-decoration: none;
    display: block;
}
.list-group a:after {
    content: "\f054";
    font-family: FontAwesome;
    float: right;
    font-size: 10px;
}
.list-group a:last-child {
    border-bottom: none;
}
.list-group a.active {
    background: #279fbb;
    color: #fff;
}
.list-group a.active:hover {
    background: #279fbb;
}
.slider-fixed-container {
    background-color: #279fbb;
    width: 100%;
    overflow: hidden;
}
.slider-fixed-frame {
    margin: auto;
    position: relative;
    z-index: 0;
}
.slider-fixed-frame .cycle-slideshow.cycle-show-with-frame {
    float: none;
}
.slider-fixed-frame:after {
    position: absolute;
    left: 0px;
    top: 16px;
    z-index: 0;
    content: "";
}
.social-icons .aim-icon {
    background-image: url("../images/social-media/social-media-aim.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .aim-icon:hover {
    background-color: #e95a00;
    border: 1px solid #b64600;
}
.social-icons .behance-icon {
    background-image: url("../images/social-media/social-media-behance.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .behance-icon:hover {
    background-color: #18a3fe;
    border: 1px solid #0189e2;
}
.social-icons .blogger-icon {
    background-image: url("../images/social-media/social-media-blogger.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .blogger-icon:hover {
    background-color: #fb913f;
    border: 1px solid #fa740d;
}
.social-icons .devianart-icon {
    background-image: url("../images/social-media/social-media-devianArt.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .devianart-icon:hover {
    background-color: #d0de21;
    border: 1px solid #a6b21a;
}
.social-icons .digg-icon {
    background-image: url("../images/social-media/social-media-digg.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .digg-icon:hover {
    background-color: #2882c6;
    border: 1px solid #1f669c;
}
.social-icons .dribble-icon {
    background-image: url("../images/social-media/social-media-dribble.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .dribble-icon:hover {
    background-color: #ef5b92;
    border: 1px solid #ea2d73;
}
.social-icons .ember-icon {
    background-image: url("../images/social-media/social-media-ember.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .ember-icon:hover {
    background-color: #fb9d00;
    border: 1px solid #c87d00;
}
.social-icons .evernote-icon {
    background-image: url("../images/social-media/social-media-everNote.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .evernote-icon:hover {
    background-color: #87c441;
    border: 1px solid #6da032;
}
.social-icons .flickr-icon {
    background-image: url("../images/social-media/social-media-flickr.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .flickr-icon:hover {
    background-color: #ff0084;
    border: 1px solid #cc006a;
}
.social-icons .forrst-icon {
    background-image: url("../images/social-media/social-media-forrst.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .forrst-icon:hover {
    background-color: #5b9a68;
    border: 1px solid #487a52;
}
.social-icons .googleplus-icon {
    background-image: url("../images/social-media/social-media-googlePlus.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .googleplus-icon:hover {
    background-color: #d94a39;
    border: 1px solid #bb3424;
}
.social-icons .instagram-icon {
    background-image: url("../images/social-media/social-media-instagram.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .instagram-icon:hover {
    background-color: #4e433c;
    border: 1px solid #312a26;
}
.social-icons .lastfm-icon {
    background-image: url("../images/social-media/social-media-lastFm.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .lastfm-icon:hover {
    background-color: #d21309;
    border: 1px solid #a10f07;
}
.social-icons .linkedin-icon {
    background-image: url("../images/social-media/social-media-linkedIn.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .linkedin-icon:hover {
    background-color: #71b2d0;
    border: 1px solid #4b9dc3;
}
.social-icons .myspace-icon {
    background-image: url("../images/social-media/social-media-myspace.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .myspace-icon:hover {
    background-color: #053593;
    border: 1px solid #032362;
}
.social-icons .paypal-icon {
    background-image: url("../images/social-media/social-media-paypal.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .paypal-icon:hover {
    background-color: #32689a;
    border: 1px solid #264e73;
}
.social-icons .reddit-icon {
    background-image: url("../images/social-media/social-media-reddit.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .reddit-icon:hover {
    background-color: #cde2f9;
    border: 1px solid #9fc8f4;
}
.social-icons .sharethis-icon {
    background-image: url("../images/social-media/social-media-shareThis.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .sharethis-icon:hover {
    background-color: #44832e;
    border: 1px solid #305d21;
}
.social-icons .wordpress-icon {
    background-image: url("../images/social-media/social-media-wordpress.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .wordpress-icon:hover {
    background-color: #464646;
    border: 1px solid #2d2d2d;
}
.social-icons .yahoo-icon {
    background-image: url("../images/social-media/social-media-yahoo.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .yahoo-icon:hover {
    background-color: #ab64bc;
    border: 1px solid #9348a5;
}
.social-icons .zerply-icon {
    background-image: url("../images/social-media/social-media-zerply.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .zerply-icon:hover {
    background-color: #637e44;
    border: 1px solid #495d32;
}
.social-icons .twitter-icon {
    background-image: url("../images/social-media/social-media-twitter.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .twitter-icon:hover {
    background-color: #00a0d1;
    border: 1px solid #00799e;
}
.social-icons .facebook-icon {
    background-image: url("../images/social-media/social-media-facebook.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .facebook-icon:hover {
    background-color: #3b5998;
    border: 1px solid #2d4373;
}
.social-icons .youtube-icon {
    background-image: url("../images/social-media/social-media-youtube.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .youtube-icon:hover {
    background-color: #c4302b;
    border: 1px solid #9a2622;
}
.social-icons .rss-icon {
    background-image: url("../images/social-media/social-media-rss.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .rss-icon:hover {
    background-color: #fa9b39;
    border: 1px solid #f98207;
}
.social-icons .vimeo-icon {
    background-image: url("../images/social-media/social-media-vimeo.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .vimeo-icon:hover {
    background-color: #44bbff;
    border: 1px solid #11a8ff;
}
.social-icons .skype-icon {
    background-image: url("../images/social-media/social-media-skype.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .skype-icon:hover {
    background-color: #18b7f1;
    border: 1px solid #0c97ca;
}
.social-icons .mail-icon {
    background-image: url("../images/social-media/social-media-mail.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .mail-icon:hover {
    background-color: #666666;
    border: 1px solid #4d4d4d;
}
.social-icons .apple-icon {
    background-image: url("../images/social-media/social-media-apple.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .apple-icon:hover {
    background-color: #666666;
    border: 1px solid #4d4d4d;
}
.social-icons .pininterest-icon {
    background-image: url("../images/social-media/social-media-pininterest.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .pininterest-icon:hover {
    background-color: #910101;
    border: 1px solid #5e0101;
}
.social-icons .tumblr-icon {
    background-image: url("../images/social-media/social-media-tumblr.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .tumblr-icon:hover {
    background-color: #34526f;
    border: 1px solid #24384c;
}
.social-icons .soundcloud-icon {
    background-image: url("../images/social-media/social-media-soundCloud.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .soundcloud-icon:hover {
    background-color: #db5708;
    border: 1px solid #aa4306;
}
.social-icons .dropbox-icon {
    background-image: url("../images/social-media/social-media-dropBox.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}
.social-icons .dropbox-icon:hover {
    background-color: #2d76be;
    border: 1px solid #235c95;
}
.social-icons > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.social-media-icon {
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background-color: #fafafa;
    border: 1px solid #f3f3f3;
    display: inline-block;
    margin: 0 5px 5px 0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    float: left;
    background-repeat: no-repeat;
    background-position: 0 -40px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.social-media-icon:hover {
    background-position: 0 0;
}
.section-image .social-media-icon, .section-color-bg .social-media-icon, .section-color-dark-blue .social-media-icon, .section-color-clouds .social-media-icon, .section-color-blue .social-media-icon, .section-color-orange .social-media-icon, .section-color-green .social-media-icon, .section-color-red .social-media-icon, .section-color-gray .social-media-icon, .section-color-purple .social-media-icon {
    background-position: 0 0;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
    border: 0 !important;
}
.social-icons.circle .social-media-icon {
    border-radius: 50%;
}
.img-overlay .social-media-icon {
    background-color: transparent;
    border: none !important;
    display: inline-block;
    background-position: 0 0;
    float: none;
    border-radius: 50%;
}
.img-overlay .social-media-icon:hover {
    box-shadow: none;
    background-color: transparent;
    opacity: 0.5;
}
.share-article a {
    display: inline-block;
    width: 32px;
    height: 40px;
    opacity: 0.8;
    line-height: 40px;
}
.share-article a:hover {
    opacity: 1;
}
.share-facebook {
    background-image: url("../images/social-media/share-facebook.png");
}
.share-twitter {
    background-image: url("../images/social-media/share-twitter.png");
}
.share-googleplus {
    background-image: url("../images/social-media/share-googlePlus.png");
}
.share-mail {
    background-image: url("../images/social-media/share-mail.png");
}
.sticky-header {
    position: fixed;
    z-index: 10000;
    width: 100%;
    background: #fff;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 1px 2px #cccccc;
    -moz-box-shadow: 0 1px 2px #cccccc;
    box-shadow: 0 1px 2px #cccccc;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0.95;
    max-height: 100%;
    -webkit-backface-visibility: hidden;
}
.sticky-header .header {
    height: 30px;
}
.sticky-header .header .logo {
    margin: 6px 0 0 0;
    -webkit-transition: margin 0.3s;
    -moz-transition: margin 0.3s;
    -o-transition: margin 0.3s;
    transition: margin 0.3s;
}
.sticky-header .header .logo img {
    height: 30px;
}
.sticky-header .navigation > li > a > span.label-nav-sub {
    visibility: hidden;
}
.sticky-header .navigation > li > a {
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    height: 35px;
}
.sticky-header .navigation > li > a > span.label-nav {
    -webkit-transition: margin 0.3s;
    -moz-transition: margin 0.3s;
    -o-transition: margin 0.3s;
    transition: margin 0.3s;
    margin: 10px 0 0 0;
}
.sticky-header .navigation > li > a:before {
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
    top: 10px;
}
.sticky-header .navigation ul {
    top: 40px;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
}
.sticky-header .navigation > li > a:after, .sticky-header .navigation > li > .activelink:after {
    height: 0px !important;
}
.sticky-header .mobile-menu-button {
    top: 18px;
}
.section-subscribe {
    width: 40%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
}
.section-subscribe input[type=text] {
    background-color: #8a8989;
    background-color: rgba(0, 0, 0, 0.2);
    border: 0;
    /*width: -moz-calc(100% - 40px);*/
    /*width: -o-calc(100% - 40px);*/
    /*width: -webkit-calc(100% - 40px);*/
    width: calc(100% - 40px);
}
.section-subscribe input[type=text]::-webkit-input-placeholder {
color:#fff;
}
.section-subscribe input[type=text]::-moz-input-placeholder {
color:#fff;
}
.section-subscribe input[type=text]:-ms-input-placeholder {
color:#fff;
}
.section-subscribe .subscribe-input.text-input {
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}
.section-subscribe .social-icons {
    margin: 20px 0 0px;
    overflow: hidden;
    text-align: center;
}
.section-subscribe .social-icons .social-media-icon {
    float: none;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    background-position: 0 0;
    border: 0;
}
.subscribe-button {
    background-color: #279fbb;
    width: 40px;
    height: 40px;
    border: 0;
    color: #fff;
}
.section-subscribe input[type=text] {
    background-color: #f4f4f4;
    border: 0;
}
.section-subscribe input[type=text]::-webkit-input-placeholder {
color:#bbb;
}
.section-subscribe input[type=text]::-moz-input-placeholder {
color:#bbb;
}
.section-subscribe input[type=text]:-ms-input-placeholder {
color:#bbb;
}
.section-subscribe .subscribe-button.icon-envelope-alt {
    background-color: #279fbb;
}
.section-color-bg .subscribe-button, .section-color-red .subscribe-button, .section-color-orange .subscribe-button, .section-color-green .subscribe-button, .section-color-blue .subscribe-button, .section-color-dark-blue .subscribe-button, .section-color-gray .subscribe-button, .section-color-clouds .subscribe-button, .section-color-purple .subscribe-button, .section-px .subscribe-button, .section-image .subscribe-button {
    background-color: black !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
}
.section-color-bg input[type=text], .section-color-red input[type=text], .section-color-orange input[type=text], .section-color-green input[type=text], .section-color-blue input[type=text], .section-color-dark-blue input[type=text], .section-color-gray input[type=text], .section-color-clouds input[type=text], .section-color-purple input[type=text], .section-px input[type=text], .section-image input[type=text] {
    background-color: #8a8989;
    background-color: rgba(0, 0, 0, 0.2);
}
.section-color-bg input[type=text]::-webkit-input-placeholder, .section-color-red input[type=text]::-webkit-input-placeholder, .section-color-orange input[type=text]::-webkit-input-placeholder, .section-color-green input[type=text]::-webkit-input-placeholder, .section-color-blue input[type=text]::-webkit-input-placeholder, .section-color-dark-blue input[type=text]::-webkit-input-placeholder, .section-color-gray input[type=text]::-webkit-input-placeholder, .section-color-clouds input[type=text]::-webkit-input-placeholder, .section-color-purple input[type=text]::-webkit-input-placeholder, .section-px input[type=text]::-webkit-input-placeholder, .section-image input[type=text]::-webkit-input-placeholder {
color:#efefef;
}
.section-color-bg input[type=text]::-moz-input-placeholder, .section-color-red input[type=text]::-moz-input-placeholder, .section-color-orange input[type=text]::-moz-input-placeholder, .section-color-green input[type=text]::-moz-input-placeholder, .section-color-blue input[type=text]::-moz-input-placeholder, .section-color-dark-blue input[type=text]::-moz-input-placeholder, .section-color-gray input[type=text]::-moz-input-placeholder, .section-color-clouds input[type=text]::-moz-input-placeholder, .section-color-purple input[type=text]::-moz-input-placeholder, .section-px input[type=text]::-moz-input-placeholder, .section-image input[type=text]::-moz-input-placeholder {
color:#efefef;
}
.section-color-bg input[type=text]:-ms-input-placeholder, .section-color-red input[type=text]:-ms-input-placeholder, .section-color-orange input[type=text]:-ms-input-placeholder, .section-color-green input[type=text]:-ms-input-placeholder, .section-color-blue input[type=text]:-ms-input-placeholder, .section-color-dark-blue input[type=text]:-ms-input-placeholder, .section-color-gray input[type=text]:-ms-input-placeholder, .section-color-clouds input[type=text]:-ms-input-placeholder, .section-color-purple input[type=text]:-ms-input-placeholder, .section-px input[type=text]:-ms-input-placeholder, .section-image input[type=text]:-ms-input-placeholder {
color:#efefef;
}
table.table, table {
    width: 100%;
    text-align: left;
    background-color: transparent;
}
table.table thead tr {
    border-right: 0;
    background-color: #279fbb;
    color: #fff;
    text-align: left;
    padding: 10px 15px;
    vertical-align: top;
    font-size: 14px;
    font-weight: bold;
}
.table td, .table th {
    padding: 8px;
    border: 1px solid #D8D8D8;
}
.table tbody tr:hover {
    background: #fafafa;
}
table.hover thead th {
    background-color: #fff;
    color: #666;
    border: none;
}
table.hover thead tr {
    background-color: #fff;
}
table.hover td, table.hover th {
    border: none;
    border-bottom: 1px solid #e8e8e8;
}
table.hover tbody tr:nth-child(odd) {
    background-color: #fafafa;
}
.etabs {
    margin: 0;
    padding: 0;
    clear: both;
}
.tab {
    display: inline-block;
    border-bottom: none;
    position: relative;
}
body .tab a {
    font-size: 12px;
    color: #b4b4b4;
    font-weight: 500;
    display: block;
    padding: 15px 20px;
    text-transform: uppercase;
}
body .tab {
    display: block;
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: relative;
    top: 3px;
    border: 1px solid #e8e8e8;
    border-left: 0;
}
body .tab:first-child {
    border-left: 1px solid #e8e8e8;
}
body .tab:first-child {
    margin-left: 0;
}
.tab a i {
    margin: 0 7px;
    font-size: 16px;
    line-height: 7px;
}
.tab a:hover {
    text-decoration: underline;
    color: #279fbb;
    text-decoration: none;
}
.tab.active {
    background-color: #ffffff;
    color: #279fbb;
    border: 1px solid #e7e7e7;
    border-bottom: none;
    position: relative;
    top: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab a.active {
    line-height: 25px;
}
.tab a.active:after {
    position: absolute;
    left: -1px;
    top: -4px;
    height: 3px;
    width: 100%;
}
.tab-container {
    visibility: hidden;
}
.tab-container .panel-container {
    background: #fff;
    border: solid #666 1px;
    padding: 10px;
    -moz-border-radius: 0 4px 4px 4px;
    -webkit-border-radius: 0 4px 4px 4px;
    font-family: "Open Sans", sans-serif;
}
.tab-container .tabs-content {
    background: #ffffff;
    padding: 20px 20px;
    border: 1px solid #e7e7e7;
    clear: both;
}
.tab-container .tabs-content div {
    color: #666666;
    line-height: 20px;
    overflow: hidden;
    visibility: visible !important;
}
.tagline {
    background: #f4f4f4;
    padding: 20px;
    font-size: 22px;
    line-height: 35px;
    font-weight: lighter;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.tagline p:last-child {
    margin: 0;
}
.team-member {
    text-align: center;
}
.team-member .team-member-image {
    position: relative;
    overflow: hidden;
}
.team-member .team-member-image > img {
    width: 100%;
}
.team-member .team-member-content {
    padding: 22px 15px;
    border-top: 2px solid #279fbb;
    text-align: center;
}
.team-member .team-member-name, .team-member-progress .team-member-name {
    margin-bottom: 0;
}
.team-member .team-member-position, .team-member-progress .team-member-position {
    font-size: 12px;
    margin: 3px 0 10px 0;
    color: #279fbb;
    font-weight: lighter;
    text-transform: uppercase;
}
.team-member .team-member-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 103%;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}
.team-member .team-member-image:hover .team-member-overlay {
    display: block;
    opacity: 1;
}
.team-member .team-member-overlay-content {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -16px;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 1000ms ease-in-out;
    -moz-transition: opacity 1000ms ease-in-out;
    -o-transition: opacity 1000ms ease-in-out;
    transition: opacity 1000ms ease-in-out;
}
.team-member .team-member-overlay-content a {
    font-size: 26px;
    padding: 5px;
    background-color: #fff;
    width: 25px;
    height: 25px;
    display: inline-block;
    opacity: 1;
}
.team-member .team-member-overlay-content a.icon-facebook {
    background-color: #3b5998;
    color: #fff;
}
.team-member .team-member-overlay-content a.icon-twitter {
    color: #00aced;
}
.team-member .team-member-overlay-content a.icon-pinterest {
    color: #cb2027;
}
.team-member .team-member-image:hover .team-member-overlay-content {
    opacity: 1;
}
.testimonial .cycle-slideshow {
    position: relative;
    height: auto;
}
.testimonial .testimonial-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    visibility: hidden;
}
.testimonial .testimonial-title {
    text-transform: uppercase;
}
.testimonial .testimonial-content {
    position: relative;
}
.testimonial .testimonial-person {
    width: 115px;
    float: right;
}
.testimonial .testimonial-text {
    background-color: #f5f5f5;
    padding: 23px 45px 23px 15px;
    margin: 1px 0 0 1px;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: justify
}
.testimonial .testimonial-person-pic {
    background-color: #fff;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 3px;
    left: 20px;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
}
.testimonial .testimonial-person-pic img {
    position: absolute;
    left: 0;
    top: 0;
}
.testimonial .testimonial-by {
    float: left;
    margin: 5px 0 15px 80px;
    font-size: 11px;
    text-transform: uppercase;
}
.testimonial .testimonial-by .testimonial-by-name {
    font-weight: bold;
}
.testimonial-by-name {
    color: #279fbb;
    margin-right: 5px;
}
.testimonial-big {
    width: 100%;
    background-color: #279fbb;
    position: relative;
    margin: 75px 0 0 0;
}
.testimonial-big .testimonial-big-text {
    float: left;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    padding: 30px 40px;
    position: relative;
    text-align: center;
}
.testimonial-big .testimonial-big-text:after {
    position: absolute;
    left: 0;
    top: 47px;
    content: "\201C";
    font-size: 90px;
    color: black;
    color: rgba(0, 0, 0, 0.35);
}
.testimonial-big .testimonial-big-text:before {
    position: absolute;
    right: 0;
    bottom: 10px;
    content: "\201D";
    font-size: 90px;
    color: black;
    color: rgba(0, 0, 0, 0.35);
}
.testimonial-big .row {
    position: relative;
}
.testimonial-big .row .col-md-2, .testimonial-big .row .col-sm-2, .testimonial-big .row .col-lg2 {
    position: static;
}
.testimonial-big .testimonial-big-img {
    position: absolute;
    right: 15px;
    bottom: 0;
}
.testimonial-big .testimonial-big-img img {
    width: auto;
    height: 190px;
}
.error {
    /*color: rgba(255, 0, 0, 0.62)!important;*/
    color: #ef0808 !important;
    font-size: 10px;
}
.warn {
    color: rgba(255, 0, 0, 0.8);
}
.accordion .active h4, .accordion .title:hover h4, .blog_post_quote:after, .body-wrapper a:hover, .bottom-body a:hover, .item-img-overlay .portfolio-zoom, .item-img-overlay .portfolio-zoom:hover, .item-img-overlay i, .navigation ul li:hover>a, .navigation>li:hover>a, .navigation>li:hover>a>i, .navigation>li:hover>a>span.label-nav-sub::before, .navigation>li>.activelink, .navigation>li>a:focus>span.label-nav-sub::before, .navigation>li>a:hover, .navigation>li>a:hover>span.label-nav-sub::before, .side-navigation .menu-item.current-menu-item a, .side-navigation .menu-item:hover a, .side-navigation .menu-item:hover a:after, .tab a:hover, .team-member .team-member-position, .team-member-progress .team-member-position, .top-body a:hover, a.tool-tip, accordion .title:hover, body .white-text .feature-details a:hover, ul.icon-content-list-container li.icon-content-single .icon-box i {
    color: #1ea1ee!important
}
.blog-post-icon, .blog-search .blog-search-button, .body-wrapper .tags a:hover, .body-wrapper input[type=submit], .body-wrapper input[type=button], .btn, .btn-primary, .btn-primary:focus, .btn-primary:hover, .btn.btn-flat, .btn:focus, .btn:hover, .button, .callout-box.callout-box2, .carousel-container .carousel-icon:hover, .comments-list .children .comment:before, .content-box.content-style2:hover i, .content-box.content-style4 h4 i, .content-box.style5:hover i, .content-style3:hover .content-style3-icon, .dropcaps.dropcaps-color-style, .highlighted-text, .portfolio-filter li a.portfolio-selected, .portfolio-filter li a:hover, .price-table .price-label-badge, .price-table .price-table-header, .rev-slider-fixed .button.btn-flat, .rev-slider-full .button.btn-flat, .section-content.section-color-bg, .section-subscribe .subscribe-button.icon-envelope-alt, .team-member-image.img-overlay .item_img_overlay_content, .testimonial-big, .top-title-wrapper, button.btn, button.btn:focus, button.btn:hover, button.button-main, input[type=submit], input[type=submit]:focus, input[type=submit]:hover, input[type=button], input[type=button]:focus, input[type=button]:hover, table.table thead tr {
}
.parab {
    color: #000!important;
    margin-bottom: 39px;
}
.term {
    margin-bottom: 19px!important
}
.term b {
    font-size: 20px!important;
}
#industry-carousel.carousel-inner {
    height: auto !important;
    width: 100%;
    margin: 0px !important;
}
.changer.carousel-indicators {
    width: auto !important;
    bottom: -15px;
}
.carousel-inner {
    width: 100%;
    margin-top: 39px!important;
    height: 300px!important;
    overflow: hidden!important;
}
.test {
    visibility: visible;
    border: 1px solid gray;
    border-left: 3px solid orange;
    border-radius: 0 0 46px 0
}
.space {
    margin-bottom: 0px
}
.content-box div i {
    border: 1px solid;
    color: rgb(39, 159, 187);
    float: left;
    margin: 2px 20px 0px 0px;
    border-radius: 50%;
    text-align: center;
    display: block;
    font-size: 22px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.content-single h4 {
    margin-bottom: 5px;
    float: left!important;
    text-align: left!important;
    left: 34px!important;
    margin-left: 73px!important;
}
ul.icon-content-list-container li.icon-content-single .content-box-text {
    margin-top: -14px;
    float: left;
}
/* Css start by abhishek 05 / may 2018  */
.page_front_industries_pro{
    font-weight: 400;
    font-size: 32px;
}


/* Css end by abhishek 05 / may 2018  */

@media screen and (max-width:1200px) and (min-width:993px) {
.box-bt {
    margin-top: 61px!important;
}
.bank-bg {
    padding-top: 98.2%!important;
}
.ret-bg {
    padding-top: 98.2%!important;
}
.banking-bg-side {
    padding-top: 98.2%!important;
}
.comm-bg {
    padding-top: 98.2%!important;
}
.edu-bg {
    padding-top: 92.2%!important;
}
.health-bg {
    padding-top: 98.2%!important;
}
.inf-bg {
    padding-top: 98.2%!important;
}
.med-bg {
    padding-top: 98.2%!important;
}
.tran-bg {
    padding-top: 98.2%!important;
}
.travel-bg {
    padding-top: 98.2%!important;
}
.banking-text {
    height: 462px!important;
}
.navigation > li {
    margin-right: 10px!important;
}
.affix-sta .header .logo {
    margin: 5px 0!important;
}
.header .logo {
    margin: 10px 0!important;
}
}
@media screen and (max-width:768px) and (min-width:320px) {
.aa {
    margin-top: 30px!important;
}
.affix-sta .header .logo img {
    width: 187px!important;
}
.header .logo {
    margin: 12px 0;
}
.mobile-nav {
    margin-top: 2px!important;
}
.getin-btn-box {
    /*margin-top: 36px!important;*/
    text-align: center;
    float: none!important;
    display: block!important;
}
.banner-img-box, .banner-content-box {
    width: 100%!important;
    display: block!important;
    text-align: center;
}
.banner-img-box img {
    /*width: 70%!important;*/
    margin-bottom: 30px!important;
}
.service-content-box, .service-img-box {
    display: block!important;
    width: 100%!important;
}
.service-img-box {
    padding-top: 0px!important;
    padding-bottom: 70px!important;
}
.banner-content-box h2 {
    font-size: 19px;
    font-weight: 600;
    line-height: 40px;
}
}
.aa {
    margin-top: 0px;
}
.service-list {
    overflow: hidden;
    width: 100%;
}
.service-box {
    position: relative;
    padding: 40px 50px 38px 247px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    float: left;
    width: 50%;
    display: block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.service-box:hover {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.service-icon {
    font-size: 117px;
    line-height: 120px;
    color: #fff;
    position: absolute;
    left: 72px;
    top: 68px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.service-title {
    font-size: 19px;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    padding-bottom: 10px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.service-description {
    font-size: 17px;
    line-height: 25px;
    font-weight: 300;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.service-1 {
    background: #FAA44F;
}
.service-1:hover .service-icon, .service-1:hover .service-title, .service-1:hover .service-description {
    color: #000;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.service-2 {
    background: #939393;
}
.service-2:hover .service-icon, .service-2:hover .service-title, .service-2:hover .service-description {
    color: #000;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.service-3 {
    background: #e9e9e9;
}
.service-3 .service-icon {
    color: #bababa;
    left: 58px;
}
.service-3 .service-title {
    color: #333333;
}
.service-3 .service-description {
    color: #777777;
}
.service-3:hover .service-icon, .service-3:hover .service-title, .service-3:hover .service-description {
    color: #000;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.service-4 {
    background: url(../images/service-4-bg.jpg) 0 0;
}
.service-4 .service-icon {
    left: 58px;
}
.service-4:hover .service-icon, .service-4:hover .service-title, .service-4:hover .service-description {
    color: #eb4f1e;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.service-5 {
    background: #fff;
}
.service-5 .service-icon {
    left: 64px;
    color: #eb4f1e;
}
.service-5 .service-title {
    color: #eb4f1e;
}
.service-5 .service-description {
    color: #777777;
}
.service-5:hover .service-icon, .service-5:hover .service-title, .service-5:hover .service-description {
    color: #000;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.service-6 {
    background: #000;
}
.service-6 .service-icon {
    left: 60px;
}
.service-6:hover .service-icon, .service-6:hover .service-title, .service-6:hover .service-description {
    color: #eb4f1e;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
@media only screen and (max-width:1199px) {
.service-box {
    margin: 0 auto;
    float: none;
    width: 60%;
}
}
@media only screen and (max-width:979px) {
.service-box {
    width: 80%;
}
}
@media only screen and (max-width:993px) {
.indus-main.pro-indus-main .row div:nth-child(9) {
    clear: inherit;
}
#fade-quote-carousel.carousel .carousel-indicators {
    bottom: 11px!important;
}
.changer.carousel-indicators {
    width: 60% !important;
}
.indust-bg p:last-child {
    margin-bottom: 30px;
}
.testimonial-video {
    width: 100%;
    text-align: center;
    margin-top: 0!important;
    margin-bottom: 35px;
}
.indus-img1 {
    margin: 7px auto!important;
}
.indus-desp {
    text-align: center!important;
    margin-bottom: 15px;
    position: static!important;
}
.indust-bg {
    background: #FAA44F;
}
.indust-bg h1 {
    width: 100%!important;
    text-align: center!important;
}
.indust-bg p {
    text-align: center!important;
}
.banking-bg {
    background: url(../images/banking.jpg) no-repeat top center;
    padding-top: 61%;
    margin-right: 24px!important;
    background-size: contain!important;
}
}
@media only screen and (max-width:650px) {
.two-culumn {
    -webkit-column-count: 1!important;
    -moz-column-count: 1!important;
    column-count: 1!important;
}
.angu-sec .big-data {
    padding-top: 0px!important;
}
}
@media only screen and (max-width:767px) {
    .tab-content.smo-tab-content {
    margin-top: 25px;
}
.marketing-social-box {
    padding: 50px 15px!important;
}
.marketing-social h1 {
    font-size: 35px!important;
}
.slide-head-custom {
    width: 90%;
    top: 15%!important;
}
.slide-head-custom h1 {
    line-height: 24px!important;
}
.banner-content-box h2 span {
    font-size: 45px!important;
    line-height: 45px!important;
}
.banner-content-box h2 {
    font-size: 30px!important;
    line-height: 34px!important;
}
.cont h1 {
    font-size: 22px!important;
    line-height: 26px!important;
}
.center-icon {
    font-size: 30px;
    height: 30px;
    position: static;
    right: auto;
    width: 30px;
    margin: 0 auto!important;
    color: #d3d3d3;
}
.work-detail .link-navigation .previous, .work-detail .link-navigation .next {
    top: 10px!important;
}
.center-icon {
    position: static!important;
}
.work-detail .link-navigation .previous span, .work-detail .link-navigation .next span {
    display: none;
}
.dev-cont {
    padding: 60px 0!important;
    width: 100%!important;
}
.client-parell {
    display: none;
}
.project-wrapper figure {
    width: 100%;
}
input#submit.cmt {
    margin-bottom: 50px;
}
.logo-sec-container {
    display: none!important;
}
.cont1 {
    margin: 30px 50px!important;
    padding: 15px 0;
}
.slide-head {
    /*position: absolute;
    top: 15%!important;*/
}
.service-box {
    width: 100%;
    padding: 160px 50px 38px 50px;
}
.service-icon {
    font-size: 117px;
    line-height: 120px;
    color: #fff;
    position: absolute;
    left: 50% !important;
    margin-left: -60px;
    top: 30px;
}
.service-4 {
    background-size: auto 100%;
    background-position: 50% 50%;
}
}
.header .logo img {
    width: 100%;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
}
.scroll-to-fixed-fixed {
    background: #fff;
}
.scroll-to-fixed-fixed .logo img {
    max-width: 230px !important;
    width: 100%;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
}
.scroll-to-fixed-fixed .navigation span.label-nav-sub {
    display: none !important;
}
.scroll-to-fixed-fixed .navigation > li > a > span.label-nav {
    line-height: 16px !important;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    color: #000;
    font-weight: 500;
}
.scroll-to-fixed-fixed .navigation > li > a {
    height: auto !important;
}
.scroll-to-fixed-fixed .navigation ul {
    top: 61px !important;
}
.scroll-to-fixed-fixed .cart {
    position: absolute;
    top: 40px;
    color: #faa44f!important;
    left: 30px;
    font-size: 32px;
    display: none;
}
.scroll-to-fixed-fixed .navigation > li {
    margin-right: 40px;
}
.navigation > li > a {
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
}
.scroll-to-fixed-fixed .header .logo {
    margin: 6px 0 !important;
}
.footer .copyright {
    background-color: #3A4348 !important;
}
.top-footer {
    padding: 25px 0px 0px 0px;
    background: #3C464B;
}
.top-footer h4 {
    color: #fff !important;
    font-size: 22px;
}
.top-footer a {
    color: #E4E4E4;
}
.top-footer a:hover {
    color: #bfbfbf;
}
.social-list a {
    color: #606060;
}
.social-list a:hover {
    background: #333;
    color: #fff;
}
.social-media {
    margin-bottom: 30px;
}
.top-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.social-list ul li {
    float: left;
    margin: 0 1px 1px 0;
    list-style: none;
}
.footer-icon {
    display: block;
    text-align: center;
    width: 30px;
    line-height: 30px;
    color: gray;
    background-color: #e6e6e6;
}
.social-list a.facebook:hover {
    background: #3664A2 !important;
}
.social-list a.google:hover {
    background: #dd4b39 !important;
}
.social-list a.twitter:hover {
    background: #00aced !important;
}
.social-list a.linkedin:hover {
    background: #007bb6 !important;
}
.social-list a.pinterest:hover {
    background: #cb2027 !important;
}
.social-list a.instagram:hover {
    background: #3f729b !important;
}
.blog {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 1px;
    float: left;
    vertical-align: top;
}
.blog .post-date {
    color: #bfbfbf;
    margin-top: -5px;
    margin-bottom: 10px;
}
.footer-Service {
    margin-bottom: 30px;
}
.footer-Service ul li a {
    display: block;
    padding: 7px 3px;
    line-height: 12px;
    transition: 1s;
}
.footer-Service ul li a:hover {
    padding-left: 8px;
    background-color: rgba(0, 0, 0, 0.05);
    transition: 1s;
}
.Contact h5 {
    color: #fff;
}
.Contact p {
    color: #bfbfbf;
}
.dot-line {
    border-bottom: 1px dotted #959595;
    padding: 5px 0;
}
.quote {
    text-align: center;
    float: left;
    color: #fff;
}
#fade-quote-carousel.carousel {
    padding-bottom: 25px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}
#fade-quote-carousel.carousel .carousel-inner .active {
    opacity: 1;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
    bottom: 0px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
    background-color: #fff;
    border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}
.footer-carousel {
    height: auto !important;
    margin-top: 0px !important;
}
.footer-testimonial {
    margin: 0px;
    padding: 0px;
    text-transform: none;
    margin-top: 10px;
}
.footer-testimonial small {
    font-size: 14px;
}
.footer-testimonial small:before, .footer-testimonial .small:before {
    content: '\2014 \00A0';
}
.footer-logo {
    max-width: 130px;
    float: right;
    padding-top: 8px;
    vertical-align: middle;
    margin-right:30px;
    display: none;
}
.footer-carousel2 {
    height: 135px !important;
    background: #fff;
    margin-bottom: 30px;
}
.footer-carousel2 .item img {
    margin: 0 auto;
}
.footer-Slider-logo .carousel-control.left, .footer-Slider-logo .carousel-control.right {
    background: none;
}
.carousel-control {
    top: 21%;
    display: none;
}
.carousel-control:hover {
    color: #fff !important;
}
.img-item {
    /*padding-top: 14%;*/
}
.cloud-header {
    position: relative;
}
.cloud-header img {
    margin-bottom: 30px!important;
    width: 100%!important;
    height: 400px;
}
.cloud-title {
    position: absolute;
    top: 200px;
    left: 200px;
}
.cloud-title h4 {
    font-size: 50px!important;
    font-weight: bold!important;
    color: #000!important;
}
.cloud-body {
    padding: 30px;
    background-color: rgb(255, 255, 255);
    color: #333;
    border: 1px solid #F3E9E9;
    border-right: none;
}
.cloud-body h1, .cloud1-body h1 {
    color: #1ea1ee;
    text-align: left;
}
.cloud-body p, .cloud1-body p {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
}
.cloud-body p b {
    color: #FBA54F
}
.cloud-right img {
    width: 100%
}
.clod-main {
    margin: 50px 0!important
}
.clod-bg {
    background: url(../images/cloud.png) no-repeat;
    background-size: cover;
    margin: 90px 0;
    position: relative;
}
.float-div {
    position: absolute;
    padding: 20px;
    font-size: 23px;
    top: 45px;
    left: 36%;
    color: #fff;
    z-index: 1;
    background-color: #FBA54F;
}
.navigation ul li a {
    padding: 0 0 0 12px;
    width: 100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 35px;
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    float: left;
}
.outsource-matter {
    margin: 30px 0;
}
.clod-title h1 {
    font-size: 30px;
    line-height: 35px;
    font-weight: bold;
}
.ser {
    width: 436px!important;
    line-height: 0;
    list-style-type: none;
}
.ser p {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 10px;
    text-align: justify;
}
.ser div img {
    margin: 2px;
}
.li-hide {
    display: none
}
.on {
    display: block
}
.outsoure_bg {
    background: url(../images/outsource3.jpg) no-repeat;
    background-size: cover;
    margin: 90px 0;
    position: relative
}
.agile-bg {
    background: url(../images/agile1.jpg) no-repeat;
    background-size: cover;
    margin: 90px 0;
    position: relative
}
.product-bg {
    background: url(../images/product.jpg) no-repeat;
    background-size: cover;
    margin: 90px 0;
    position: relative
}
.prod {
    margin: 90px 0
}
.pro-main {
    margin: 60px 0;
    font-family: museo-sans, Helvetica, Arial, sans-serif;
}
.pro-main img {
    width: 100%
}
.prod-def {
    margin-bottom: 25px
}
.pro-main p {
    font-family: museo-sans, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 30px!important;
    text-align: left;
    font-weight: 400;
}
.up p {
    font-family: museo-sans, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 30px!important;
    text-align: justify;
}
.up {
    margin-top: 25px
}
.consult_bg1 {
    margin-top: 90px;
}
.consult_bg {
    background: url(../images/consult1.jpg) no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 65.5%;
}
.consult2_bg1 {
    margin-bottom: 90px;
}
.consult2_bg {
    background: url(../images/consult2.jpg) no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 77.5%;
}
.cloud1-body {
    padding: 30px;
    background-color: rgb(255, 255, 255);
    color: #333;
    border: 1px solid #F3E9E9;
    border-left: none;
}
.software1_bg {
    background: url(../images/software1.jpg) no-repeat;
    background-size: cover;
    margin-top: 90px;
    position: relative
}
.software2_bg {
    background: url(../images/software2.jpg) no-repeat;
    background-size: cover;
    margin-bottom: 90px;
    position: relative
}
.app-def {
    padding-bottom: 16px;
}
.app-def p {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}
.quality-bg {
    background: url(../images/new-qa.png) no-repeat;
    background-size: cover;
    margin: 90px 0;
    position: relative;
}
.app-body {
    margin: 50px 0;
}
.app-body h5 {
    color: #FFA500;
}
.app-body p {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 28px;
    text-align: justify;
}
.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
    line-height: 28px!important;
}
.app-body h3 {
    font-size: 23px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
}
.jumbotron .h1, .jumbotron h1 {
    font-size: 40px;
    font-family: inherit;
    color: #000;
    font-weight: 600;
    line-height: 50px;
}
.outsource-heading h2 {
    color: #1b1d1f;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    margin: 40px 0;
    line-height: 40px;
}
.outsource-text h2 {
    color: #1b1d1f;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    margin: 25px 0 10px;
    line-height: 30px;
}
.outsource-text {
    /*margin: 30px 0 0;*/
}
.outsourceimg img {
    margin: auto;
    width: 100%;
    /*margin-bottom: 20px;*/
}
.outsourceIn {
    margin-bottom: 30px;
}
.up1 {
    margin: 25px 0;
}
.up1 h5 {
    color: #faa44f;
    font-size: 20px;
}
.up1 b {
    font-weight: 700;
    color: rgba(255, 165, 0, 0.78);
}
.app-def {
    color: #000;
}
.up1 h2 {
    color: #1ea1ee;
    font-size: 28px;
    font-weight: 800;
}
.jumbotron {
    padding: 8px;
    margin-bottom: 0px!important;
    background-color: #1ea1ee;
}
.text-center p {
    text-align: center;
}
.work-filter {
    margin: 68px 0;
}
.work-filter ul li {
    display: inline-block;
}
.work-filter ul li a {
    color: #222222;
    display: block;
    font-size: 15px;
    padding: 6px 10px;
    text-transform: capitalize;
    border-bottom: 1px solid #909090;
    border-top: 1px solid #909090;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.work-filter ul li a:hover, .work-filter ul li a.active {
    background-color: #1EA1EE;
    border: 1px solid #1EA1EE;
    color: #fff !important;
}
.project-wrapper, .project-wrapper-2 {
    position: relative;
    width: 100%;
}
.project-wrapper .col-sm-6, .project-wrapper-2 .col-sm-6 {
    padding: 0;
}
.heading-full {
    background: #1EA1EE;
    padding: 30px 0;
    margin-bottom: 60px;
}
.heading-full h2 {
    color: #fff;
    margin: 0;
    font-weight: 100;
    font-size: 29px;
}
.mix {
    display: none;
}
.work-item {
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
}
.work-item {
}
.work-item.col-sm-12 {
    padding: 0;
}
.work-item.col-sm-6 {
    padding: 0;
}
.work-item.col-sm-4 {
    padding: 0;
}
.work-item.col-sm-3 {
    padding: 0;
}
.work-item > img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}
.work-item > img, .item-containe > img, .index_3 .project-wrap img {
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.work-item:hover > img, .item-container:hover img, .index_3 .project-wrap:hover img {
    transform: scale(1.2);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.overlay {
    background-color: rgba(30, 161, 238, 0.7);
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    width: auto;
    height: inherit;
    color: #222222;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 2%;
    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;
}
.overlay-inner {
    margin: auto;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.work-item:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}
.work-item:hover .line {
    width: 40%;
}
.overlay h4 {
    font-size: 18px;
    color: #fff;
}
.work-item .overlay p {
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 500;
}
.overlay .line {
    width: 0%;
}
.overlay .line, .product-content .line {
    height: 1px;
    margin: 15px auto;
    background-color: #000;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.go-top {
    top: -30px;
}
.ser .fa {
    color: #faa44f!important;
    font-size: 30px!important;
    padding: 9px 0 0 0
}
.short-des {
    color: #bfbfbf;
    margin-top: -7px;
}
.ser li a {
    transition: 1s;
    line-height: 15px!important;
    padding-top: 5px!important;
}
.ser li a:hover {
    transition: 1s;
    line-height: 15px!important;
    padding-top: 5px!important;
}
.li-hide a {
    float: left;
    display: block!important;
    width: 100%!important;
    margin: 0;
    padding: 0;
    background-color: inherit;
    line-height: 12px;
    color: rgb(34, 157, 229);
}
.inner-li {
    float: right;
    vertical-align: top;
    top: -40px;
}
.inner-li-a {
    background-color: #fff!important;
    color: #000!important;
    text-align: left;
}
.inner-ul {
    left: 0px!important;
    top: 35px!important;
    width: 100%!important;
}
.new-menu li a:hover {
    color: #fff!important;
    text-decoration: none;
}
.new-menu1 {
    border-width: 1px 0px 0px !important;
    border-style: solid !important;
    border-color: rgb(221, 221, 221) !important;
    border-radius: 0px!important;
    box-shadow: none!important;
}
.new-menu {
    border-top: 1px solid #faa44f !important;
    border-radius: 0px!important;
    box-shadow: none!important;
}
.new-menu1 li {
    height: 50px;
    border-bottom: 1px solid #babab9;
}
.new-menu1 li a {
    height: 100%!important;
    line-height: 46px!important;
}
.new-menu li {
    width: 274px;
    height: 50px;
    border-bottom: 1px solid #babab9;
}
.new-menu1 li:last-child {
    height: 50px;
    border-bottom: none;
}
.new-menu li:last-child {
    width: 274px;
    height: 50px;
    border-bottom: none;
}
.new-menu {
    left: -89px!important;
}
.new-menu li a {
    height: 100%!important;
    line-height: 49px!important;
}
.new-menu li a:hover {
    margin-left: 1px;
    background-color: #1ea1ee!important;
    color: #fff!important;
    transition: all 200ms linear;
}
.new-menu1 li a:hover {
    margin-left: 1px;
    background-color: #1ea1ee!important;
    color: #fff!important;
    transition: all 200ms linear;
}
.cart {
    position: absolute;
    top: 44px;
    color: #faa44f!important;
    left: 30px;
    font-size: 32px;
    display: none;
}
.one-line {
    height: 25px;
    overflow: hidden
}
#latest_posts li {
    margin-bottom: 25px;
}
.footer-Service h5 {
    font-size: 18px;
    line-height: 8px!important;
    color: #fff!important;
}
.footer-Slider h5 {
    font-size: 18px;
    line-height: 8px!important;
    color: #fff!important;
}
.footer-space {
    margin-bottom: 40px;
}
.Contact h5 {
    margin-bottom: 5px;
    margin-top: 25px;
}
.Contact p {
    color: #bfbfbf;
    line-height: 8px;
}
.mobile-menu-button {
    background-color: #faa44f!important;
}
.mobile-menu-button i {
    font-size: 25px!important;
}
.mobile-menu-button, .mobile-nav, .navigation>li>.activelink:after, .navigation>li>a:after, .progress .progress-bar, .slider-fixed-container, .tab a.active:after, ::selection {
    background-color: #1ea1ee!important;
    overflow: visible!important;
    border-radius: 2px;
}
@media only screen and (max-width:992px) {
.npd1 {
    padding-top: 30px!important;
}
.cloud-bod {
    margin-top: 40px!important;
    padding: 15px 10px!important;
}
.cloud-main {
    margin: 0!important;
}
.cloud-bg {
    margin-bottom: 0!important;
}
.info-section .block .center {
    padding: 5em 2em 4em;
    -webkit-transform: translateY(0%)!important;
    -o-transform: translateY(0%)!important;
    -ms-transform: translateY(0%)!important;
    transform: translateY(0%)!important;
}
.banking-text {
    height: auto!important;
    padding: 15px 15px 50px!important;
}
.new-menu {
    left: 0px!important;
}
.header .logo img {
    width: auto;
    max-width: 265px;
}
.mobile-menu-button {
    top: 14px;
}
.footer-mg {
    margin: 30px 0;
}
.new-menu {
    background-color: #1ea1ee!important;
}
.dropdown-menu>li>a {
    clear: both;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
}
.mobile-nav a {
    color: #fff!important;
    font-size: 16px!important;
    text-transform: uppercase!important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.11);
}

}
@media only screen and (max-width:767px) {
.carousel-inner {
    max-width: 350px;
    margin: 25px auto;
    overflow: hidden!important;
}
.header .logo img {
    width: 200px;
}
.mobile-menu-button {
    top: 11px!important;
}
.jumbotron > div > h1 {
    font-size: 23px;
    margin-top: 5px;
}
.outsource-heading h2 {
    font-size: 22px;
    margin: 25px 0;
    line-height: 30px;
}
.outsourcetext h2 {
    margin-top: 20px;
    line-height: 30px;
    font-size: 20px;
}
.outsource-text h2 {
    font-size: 20px;
}
}
@media screen and (max-width:992px) and (min-width:768px) {
.box-bt {
    margin-top: 67px!important;
}
.mobile-menu-button {
    top: 15px!important;
}
}
#area-main {
}
.blog-wrap {
    background-color: #fff;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.blog-wrap .blog-content {
    display: table-cell;
    padding: 6.5em 0;
}
.blog-content-bg {
    background-color: #fff;
    margin: 0 auto;
    padding: 30px 30px 5px;
    position: relative;
    top: -60px;
    width: 95%;
}
.blog-item-v3 {
    border-bottom: 1px solid #d1d2d2;
    padding-bottom: 70px;
    margin-bottom: 70px;
}
.blog-item-v3 > img {
    margin-bottom: 35px;
}
.blog-item-v3 .blog-content {
    padding: 0;
}
.no-margin {
    margin: 0;
    border: none;
}
#area-main h3 {
    color: #1b1d1f;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
}
#area-main a.readmore {
    color: #1EA1EE !important;
    padding: 10px 35px;
    background-color: #fff;
    border: 1px solid #1EA1EE;
    display: inline-block;
    text-decoration: none;
    margin-top: 20px;
}
#area-main a.readmore:hover, #area-main a.readmore:focus {
    border: 1px solid #FAA44F;
    background-color: #fff;
    color: #FAA44F !important;
}
#area-main ul.blog-author {
    margin: 10px 0 10px;
}
#area-main ul.blog-author li {
    display: inline-block;
}
#area-main ul.blog-author li a {
    color: #696969;
    font-size: 14px;
    margin-right: 4px;
}
#area-main ul.blog-author li a .fa {
    margin-right: 5px;
}
#area-main ul.blog-author li a:hover, #area-main ul.blog-author li a:focus {
    color: #428bca;
}
.morepost-wrap {
    margin-top: 75px;
    border-top: 1px solid #d1d2d2;
}
.morepost-wrap2 {
    border-top: 1px solid #d1d2d2;
    border-bottom: 1px solid #d1d2d2;
    padding-bottom: 25px;
}
.morepost-wrap a:hover, .morepost-wrap2 a:hover {
    color: #07aaa5;
}
.morepost-wrap .morepost, .morepost-wrap2 .morepost {
    font-size: 16px;
    color: #696969;
    margin-top: 25px;
    display: inline-block;
    position: relative;
}
.morepost-wrap2 .morepost .fa-long-arrow-left, .morepost-wrap .morepost .fa-long-arrow-left {
    right: 0;
}
.morepost-wrap2 .morepost:hover .fa-long-arrow-left, .morepost-wrap .morepost:hover .fa-long-arrow-left {
    opacity: 1 !important;
    filter: alpha(opacity=100);
    color: #07aaa5;
    right: 100%;
}
.morepost-wrap2 .morepost .fa-long-arrow-left, .morepost-wrap2 .morepost .fa-long-arrow-right, .morepost-wrap .morepost .fa-long-arrow-left, .morepost-wrap .morepost .fa-long-arrow-right {
    color: transparent;
    /*pointer-events: none;*/
    position: absolute;
    text-shadow: 0 0 transparent;
    top: 25%;
    transform: translateX(-50%);
    transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0 !important;
    filter: alpha(opacity=0);
}
.morepost-wrap2 .morepost .fa-long-arrow-right, .morepost-wrap .morepost .fa-long-arrow-right {
    left: 0%;
    margin-left: 5px;
}
.morepost-wrap2 .morepost:hover .fa-long-arrow-right, .morepost-wrap .morepost:hover .fa-long-arrow-right {
    opacity: 1 !important;
    filter: alpha(opacity=100);
    color: #07aaa5;
    left: 110%;
}
.blog-content-pic {
}
.blog-content-pic img {
    width: 100%;
}
.blog-item .blog-content {
    padding: 0;
    margin: 35px 0;
}
.blog-item blockquote {
    color: #279fbb;
}
.blog-content > blockquote {
    border-left: 5px solid #eee;
    font-size: 17.5px;
    margin: 0 0 20px;
    padding: 10px 20px;
    text-transform: capitalize;
}
.blog-item .post-tag {
    border: 1px solid #d9d9d9;
    padding: 5px;
    margin-bottom: 70px;
}
#area-main .tag-cloud li {
    display: inline-block;
    margin: 8px 5px 6px 6px;
    padding-bottom: 0px!important;
}
.tag-cloud, .category {
    margin: 0px;
    padding: 0px;
}
#area-main .tag-cloud li a {
    display: block;
}
#area-main .tag-cloud li a, .blog-reply a.btn-rep {
    background: #efefef;
    color: #1b1d1f;
    font-size: 12px;
    padding: 8px 15px;
    text-transform: uppercase;
}
#area-main .tag-cloud li a:hover, #area-main .tag-cloud li a:focus, .blog-reply a.btn-rep:hover, .blog-reply a.btn-rep:focus {
    background: #1ea1ee;
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.blog-item ul.social-link li {
    margin: 0;
}
.blog-item ul.social-link li a > i {
    color: #1b1d1f;
}
.blog-item ul.social-link li a > i:hover {
    color: #fff;
}
.blog-reply {
    padding: 10px;
    border: 1px solid #f3f3f3;
    position: relative;
    margin: 20px 0;
}
.blog-reply h4 {
    color: #1b1d1f;
    font-family: 'montserratregular';
    margin-bottom: 8px;
    text-transform: capitalize;
}
.blog-reply a.btn-rep {
    position: absolute;
    top: 0;
    right: 0;
}
.blog-item .post-comment h3 {
    margin-bottom: 35px;
    margin-top: 70px;
}
.blog-item .post-comment form .form-control, .contact form .form-control {
    height: 50px;
}
.blog-item .post-comment form .form-control, .contact form .form-control, .blog-item .post-comment form textarea, .contact form textarea, .index_3 .form-inline .form-control, .index_3 .form-inline textarea {
    padding: 15px;
    font-size: 14px;
    color: #4c4c4c;
    border: 1px solid #d0d0d0;
    width: 100%;
    font-family: 'montserratregular';
    border-radius: 0;
}
.blog-item .post-comment form textarea, .contact form textarea {
    margin: 30px 0;
    min-height: 210px;
}
.blog-item .post-comment form input[type="submit"], .contact form input[type="submit"] {
    background: #279fbb;
    border: 1px solid transparent;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    height: 50px;
    width: 185px;
    position: relative;
}
.blog-item .post-comment form input[type="submit"]:hover, .contact form input[type="submit"]:hover {
    background: #1b1d1f;
}
#area-main .widget {
    margin-bottom: 30px;
    color: #1b1d1f;
}
.widget > img {
    width: 100%;
    margin: 15px 0 10px 0;
}
.search_box input {
    border: 1px solid #d9d9d9;
    height: 38px;
    padding-left: 15px;
    position: relative;
    width: 100%;
    font-size: 14px;
}
.search_box i {
    border-left: 1px solid #d9d9d9;
    bottom: 0;
    color: rgba(0, 0, 0, 0.67);
    background-color: #1ea1ee;
    font-size: 24px;
    height: 53px;
    padding: 15px;
    position: absolute;
    right: 15px;
    top: 0;
    cursor: pointer;
}
ul.category li {
    margin-top: 15px;
    display: block;
    padding: 0px!important;
}
ul.category li a {
    color: #1b1d1f;
    font-size: 18px;
    border-bottom: 1px solid #FAA44F;
    padding-bottom: 15px;
    display: block;
    line-height: 22px;
    padding-left: 12px;
}
ul.category li a:hover, ul.category li a:focus {
    color: #1ea1ee;
}
ul.category li a .date {
    color: rgba(128, 128, 128, 0.99);
    font-size: 12px;
    display: block;
    margin-top: 5px;
}
ul.social-link li, ul.social-link li a, ul.nayax-links li, .instagram a {
    display: inline-block;
}
ul.address li, ul.address li a, ul.nayax-links li a {
    color: black;
}
ul.social-link li {
    margin-top: 10px;
}
ul.social-link li a {
    border: 1px solid #d0d0d0;
    border-radius: 44px;
    color: #fff;
    font-size: 20px;
    height: 44px;
    width: 44px;
    position: relative;
}
ul.social-link li a span {
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;

    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 0;
}
ul.social-link li a:hover span {
    background: #1ea1ee;
    border-radius: 44px;
    height: 44px;
    width: 44px;
    border: 1px solid #1ea1ee;
    height: 44px;
    top: -1px;
    left: -1px;
    right: 0;
    bottom: 0;
}
ul.social-link li a i {
    color: #fff;
    height: 100%;
    left: 0;
    line-height: 42px;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 10;
}
a.readmore:hover, a.readmore:focus {
    color: #07aaa5;
}
.bounce-top:hover, .bounce-top:focus {
    color: #fff !important;
    border: 1px solid #07aaa5 !important;
}
a.readmore {
    font-size: 13px !important;
    font-weight: bold !important;
    display: inline-block !important;
    text-transform: uppercase !important;
}
a.readmore:after {
    background: #fff;
    content: "";
    display: block;
    height: 1px;
    margin: 0px auto;
    width: 35px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
a.readmore:hover::after {
    background: #fff;
    content: "";
    display: block;
    height: 1px;
    margin: 0px auto;
    width: 100%;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.bounce-top, .bounce-top-black, .top-green {
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -moz-osx-font-smoothing: grayscale !important;
    position: relative !important;
    -webkit-transition-property: color !important;
    transition-property: color !important;
    -webkit-transition-duration: 0.5s !important;
    transition-duration: 0.5s !important;
}
.bounce-top:before, .bounce-top-black:before, .top-green:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.bounce-top:before {
    background: #1ea1ee !important;
}
.bounce-top:hover:before, .bounce-top:focus:before, .bounce-top-black:hover::before, .bounce-top-black:focus::before, .bounce-top-black.active:before, .top-green:hover::before, .top-green:focus::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
p.comment-note {
    color: #696969;
    font-size: 14px;
}
.goback input[type="submit"] {
    background: #1ea1ee;
    border: 1px solid transparent;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    height: 50px;
    width: 185px;
    position: relative;
}
.img-responsive.wp-post-image {
    width: auto;
    height: auto;
}
.blog-item a img {
    margin: 0 auto;
}
.avatar.avatar-42wp-user-avatar.wp-user-avatar-42.alignnone.photo.avatar-default {
    width: auto;
    height: auto;
}
.col-md-8 .blog-item input.submit {
    width: auto !important;
}
.blog-item ul.blog-author {
    margin: 0;
    padding: 0;
}
.cmd {
    color: #FFF !important;
    padding: 0 !important;
    background: none repeat scroll 0% 0% !important;
    border: 1px solid transparent !important;
    display: inline-block !important;
    text-decoration: none !important;
    margin-top: 20px !important;
    height: 54px !important;
    width: 203px !important;
}
.cmm {
    background: rgb(0, 0, 0) none repeat scroll 0% 0%!important;
}
.main {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
}
.leftmain {
    width: 30%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
}
.rightmain {
    width: 70%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
}
.rightmain h3 {
    color: #222;
    font-weight: bold;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
}
.rightmain p {
    font-size: 18px;
    line-height: 22px;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 20px;
}
.page1 {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    float: left;
    width: 100%;
}
.page1 ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
    border: none !important;
    border-radius: 0px !important;
}
.page1 ul.pagination li {
    display: inline;
}
.page1 ul.pagination li a {
    color: #FFF;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: none;
    margin: 0 1px;
    background-color: #1b1d1f;
    border-radius: 0px !important;
    border: none !important;
}
.page1 ul.pagination li a.active {
    background-color: #1b1d1f;
    color: white;
    border: none !important;
}
.page1 ul.pagination li.current > a {
    background-color: #1ea1ee !important;
    border: none !important;
    border-radius: 0px !important;
}
.page1 ul.pagination li a:hover:not(.active) {
    background-color: #1ea1ee !important;
    border: none !important;
    border-radius: 0px !important;
}
.sticky {
    z-index: 1000;
    position: fixed;
    top: 0px;
    margin-left: 0px;
    width: 1288px;
    left: 0px;
}
.navigation ul.show-sub-menu li a:hover {
    color: #fff!important;
}
.post-comment .cmt {
    color: #fff !important;
    padding: 0 !important;
    border: 0px !important;
    border-radius: 0px !important;
    display: inline-block !important;
    text-decoration: none !important;
    margin-top: 0px !important;
    width: 200px !important;
    height: 50px !important;
}
.post-comment .cmt:hover {
    color: #fff !important;
    padding: 0 !important;
    border: 0px !important;
    border-radius: 0px !important;
    display: inline-block !important;
    text-decoration: none !important;
    margin-top: 0px !important;
    width: 200px !important;
    height: 50px !important;
}
.fa-icon {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    top: 250px;
    line-height: 1;
    font-size: 70px;
    color: rgba(128, 128, 128, 0.98);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#myCarousel_app1 .carousal-title {
    top: 150px;
    position: absolute;
    left: 100px;
    font-size: 70px;
    line-height: 46px;
    z-index: 1;
}
#myCarousel_app1 .carousal-title b {
    line-height: 59px;
    font-size: 80px;
    color: #1ea1ee;
}
#myCarousel_app1 .carousal-disp {
    top: 263px;
    left: 100px;
    position: absolute;
    color: #faa44f;
    z-index: 1;
    line-height: 27px;
    font-size: 20px;
}
#myCarousel_app1 .carousel-control {
    display: block!important;
    background-image: none!important;
}
#myCarousel_app1 .carousel-inner {
    width: 100%!important;
    margin-top: 0px!important;
    height: 654px!important;
    overflow: hidden!important;
}
#myCarousel_app1 {
    padding: 0 15px;
}
#myCarousel_app1 .carousel-inner > .item > img, #myCarousel_app1 .carousel-inner > .item > a > img {
    width: 100%!important;
    width: 100%!important;
    margin: auto;
}
.crousal-buss-shor-tit {
    z-index: 1;
    position: absolute;
    top: 68px;
    left: 115px;
    font-size: 18px;
    color: #faa44f;
}
.crousal-buss-tit {
    position: absolute;
    z-index: 1;
    top: 107px;
    font-size: 51px;
    font-weight: 700;
    left: 112px;
    color: #1ea1ee;
    text-transform: uppercase;
}
.crousal-sof-shor-tit {
    z-index: 1;
    position: absolute;
    top: 186px;
    left: 115px;
    font-size: 18px;
    color: #fff;
}
.crousal-soft-tit {
    position: absolute;
    z-index: 1;
    top: 210px;
    font-size: 51px;
    font-weight: 700;
    left: 115px;
    color: #faa44f;
    text-transform: uppercase;
    line-height: 48px;
}
.crousal-row-shor-tit {
    z-index: 1;
    position: absolute;
    top: 80px;
    left: 115px;
    font-size: 18px;
    color: #fff;
}
.crousal-row-tit {
    position: absolute;
    z-index: 1;
    top: 107px;
    font-size: 51px;
    font-weight: 700;
    left: 112px;
    line-height: 46px;
    color: #faa44f;
    text-transform: uppercase;
}
.nav-sta {
    z-index: auto;
    position: static;
    top: auto;
}
.nav-fix {
    z-index: 1000;
    position: fixed;
    top: 0px;
    margin-left: 0px;
    width: 1349px;
    left: 0px;
}
.col-md-4.col-sm-4.canvas-box.text-center {
    width: 30%;
    margin: 19px;
    box-shadow: 0 0px;
    height: 420px;
}
#bg-canvas {
    padding-top: 5%;
    padding-bottom: 5%;
    position: relative;
    background: #f5f5f5;
}
.image {
    left: 8%;
    position: absolute;
    top: 16%;
}
.image > img {
    bottom: -15px;
    display: block;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 0;
}
#bg-canvas .canvas-box {
    position: relative;
    margin-bottom: 30px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    width: 30%;
    box-shadow: 0 0 5px;
    margin: 19px;
    height: 400px;
}

@media (max-width:698px){
    #bg-canvas .canvas-box {
    position: relative;
    margin-bottom: 30px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    width: 30%;
    box-shadow: 0 0 5px;
    margin: 19px;
    height: 100%;
}
}

#bg-canvas .canvas-box h4 {
    text-transform: uppercase;
}
#bg-canvas .canvas-box h4:after {
    background: #1EA1EE;
    content: "";
    display: block;
    height: 2px;
    margin: 15px auto;
    width: 50px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
#bg-canvas .canvas-box:hover h4::after {
    background: #FAA44F;
    width: 100px;
}
#bg-canvas .canvas-box h4 a {
    color: #000;
}
.canvas-box {
    padding: 30px 15px;
}
.canvas-box .icon-wrap {
    background: #fff;
    border: 1px solid #D4D4D4;
    border-radius: 100%;
    box-shadow: 0 0 2px 5px #ebebeb;
    color: #868686;
    display: inline-block;
    height: 100px;
    margin-bottom: 30px;
    position: relative;
    width: 100px;
    z-index: 20;
    font-size: 50px;
    line-height: 99px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.canvas-box:hover .icon-wrap {
    background: #FAA44F;
    border: 1px solid #FAA44F;
    color: #fff;
    box-shadow: 0 0 2px 5px rgba(250, 164, 79, 0.6);
}
.bounce-top, .bounce-top-black, .top-green {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.btn-common, .btn-black, .loadmore {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.btn-black {
    border: 1px solid #1EA1EE;
    color: #1EA1EE !important;
    background-color: #fff;
}
.btn-black:hover {
    border: 1px solid #FAA44F;
    color: #FAA44F !important;
    background-color: #fff;
}
.info-section .block {
    position: relative;
    overflow: hidden;
}
.info-section .bg {
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    padding-top: 80%;
    margin: 0 -15px;
    transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
}
.info-section:hover .bg {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform:scale(1.1);
    transform: scale(1.1);
}
.info-section .block .center {
    padding: 16% 8% 0;
    -webkit-transform: translateY(-18%);
    -o-transform: translateY(-18%);
    -ms-transform: translateY(-18%);
    transform: translateY(-18%);
    height: 100%;
}
.center1 {
    padding: 32% 8% 0!important;
}
div#wpcf7-f971-p441-o1 {
    margin-left: -15px;
    margin-right: -15px;
}
@media only screen and (max-width:992px) {
.info-section .block .center1 {
    padding: 4em 2em 4em!important;
}
.center.text-center.center1.cen-bt-ns {
    padding-bottom: 0!important;
}
.outsourcetext h2 {
    line-height: 28px;
}
}
.text-center {
    text-align: center;
}
.info-section .index_5 h2, #testinomial-slider .item {
    margin: 0;
}
.btn-common, .btn-black, .loadmore {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
}
.info-section .row {
    margin: 0!important;
}
.info-section .index_5 h2, .index_4#bg-paralax h2 {
    font-size: 38px;
    text-transform: uppercase;
}
label.error {
    font-size: 13px !important;
}
.top_wrapper.affix-sta {
    width: 100%;
    position: fixed;
    top: 0px;
    height: 70px;
    background-color: #fff;
    transition: all 0.5s linear;
    background-size: 100% 1000px;
    z-index: 99;
}
.affix-sta .header .logo {
    margin: 6px 0;
}
.affix-sta .header .logo img {
    width: 75%;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}
.affix-sta .navigation > li > a > span.label-nav {
    float: left;
    line-height: 15px;
    display: block;
    width: 100%;
    clear: both;
    margin: 20px 0;
    color: #000;
}
.affix-sta .cart {
    position: absolute;
    top: 32px;
    color: #faa44f!important;
    left: 30px;
    font-size: 32px;
    display: none;
}
.affix-sta .new-menu1 {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 54px;
    background-color: #fff;
    display: none;
    z-index: 1;
    border: 1px solid #DDDDDD;
    border-top: 2px solid #DDD;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    opacity: 0;
    height: 0px;
    overflow: hidden;
    left: -13px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175)!important;
}
.affix-sta .new-menu {
    position: absolute;
    margin: 0;
    top: 54px;
    background-color: #fff;
    display: none;
    z-index: 1;
    border: 1px solid #DDDDDD;
    border-top: 2px solid #DDD;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    opacity: 0;
    height: 0px;
    overflow: hidden;
    left: -13px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175)!important;
}
.affix-sta .new-menu li {
    border-bottom: 1px solid rgba(186, 186, 185, 0.4);
}
.client-design {
    width: 100%;
    height: 300px;
    background: #fff;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.client-parell {
    background-image: url(../images/client.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
#bg-custom {
    background: url("../images/custom-software-new.png") no-repeat 100% 40%/cover;
    color: #fff;
    background-size: 100%;
}
#bg-custom2 {
    background: url("../images/custom-software-new.png") no-repeat;
    color: #fff;
    padding-top: 26%;
    background-size: 100%;
    position: relative;
}
#bg-paralax1 {
    background: url("../images/maintenance-mobile.jpg") no-repeat fixed;
    background-size: 100%;
    color: #fff;
    padding: 16% 0;
}
#bg-paralax1 h2 {
    color: rgb(0, 0, 0);
    font-weight: 800;
    font-size: 38px;
    margin-top: 12px;
    line-height: 40px;
}
#bg-paralax1 p {
    font-size: 22px;
    line-height: 30px;
    color: rgb(0, 0, 0);
    font-family: inherit;
}
.inner-div {
    margin-top: 50px;
    margin-bottom: 70px;
}
.inner-div h3 {
    font-size: 27px;
    line-height: 30px;
    text-transform: uppercase;
    color: #1ea1ee;
    font-family: inherit;
    font-weight: 500;
    text-align: center;
}
.inner-div h5 {
    margin-bottom: 9px!important;
    margin-top: 30px!important;
    color: #faa44f;
    font-size: 22px;
    font-family: inherit;
    text-align: center;
}
.inner-div p {
    font-size: 18px!important;
    line-height: 28px!important;
    text-align: center!important;
    font-family: inherit;
    color: rgba(0, 0, 0, 0.79);
}
.inner-div1 {
    margin: 16% 4%;
}
.inner-div1 h1 {
    text-align: center;
    text-transform: uppercase;
}
.inner-div1 h2 {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    margin: 22% 14% 3% 14%;
}
.inner-div1 ul {
    font-size: 16px;
    margin-bottom: 10px;
}
.custom-software-box {
    margin: 15% 0 0;
    position: absolute;
    right: -30%;
    left: 17%;
    z-index: 99;
    background: #F5f5f5;
    padding: 30px;
}
.custom-software-box {
    margin: 15% 0 0;
    position: absolute;
    right: -30%;
    left: 17%;
    z-index: 99;
    background: #F5f5f5;
    padding: 30px;
}
.custom-software-box h1 {
    text-align: right;
    color: #FAA44F;
    font-size: 35px;
}
.custom-software-box p {
    font-size: 24px;
    line-height: normal;
    text-align: left;
    font-family: inherit;
    color: rgba(0, 0, 0, 0.79);
}
.space-new {
    margin: 50px 0;
}
.overlay-color {
    background: rgba(255, 255, 255, 0.4);
}
.bgn {
    background-color: blanchedalmond;
}
#bg-canvas1 {
    padding-top: 5%;
    padding-bottom: 4%;
    position: relative;
    background: #f5f5f5;
}
.cus-read {
    position: absolute;
    left: 39%;
    margin-top: 15px;
}
@media only screen and (max-width:563px) {
#bg-paralax1 p {
    font-size: 16px;
    line-height: 20px;
    color: rgb(0, 0, 0);
    font-family: inherit;
}
#bg-paralax1 h2 {
    color: rgb(0, 0, 0);
    font-weight: 800;
    font-size: 32px;
    margin-top: 12px;
    line-height: 34px;
}
#bg-paralax1 {
    background: url("../images/maintenance-mobile.jpg") no-repeat fixed 100% 28%/cover;
    background-size: 100%;
    color: #fff;
    padding: 4% 0;
}
}
@media screen and (max-width:993px) and (min-width:620px) {
#bg-paralax1 {
    background: url("../images/maintenance-mobile.jpg") no-repeat fixed;
    background-size: 100%;
    color: #fff;
    padding: 10% 0;
}
#bg-paralax1 h2 {
    color: rgb(0, 0, 0);
    font-weight: 800;
    font-size: 32px;
    margin-top: 12px;
    line-height: 34px;
}
#bg-paralax1 p {
    font-size: 16px;
    line-height: 20px;
    color: rgb(0, 0, 0);
    font-family: inherit;
}
}
#myCarousel2 .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}
#myCarousel2 .carousel-inner {
    width: 100%!important;
    height: 100%!important;
    margin-top: 0px!important;
    overflow: hidden;
}
#myCarousel2 > .carousel-inner > .item > img {
    display: block;
    max-width: 100%;
    max-height: 700px!important;
}
.block-1 {
    padding: 4% 3% 0;
    -webkit-transform: translateY(-19%);
    -o-transform: translateY(-19%);
    -ms-transform: translateY(-19%);
    transform: translateY(-19%);
    height: 100%;
    position: relative;
    top: 47px;
}
.block-1 p {
    line-height: 23px;
}
.space50 {
    margin-top: 50px;
}
@media only screen and (max-width:535px) {
.info-section .bg {
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    padding-top: 82%;
}
}
.marketing-social h1 {
    line-height: 40px;
}
@media only screen and (max-width:480px) {
#bg-custom2 {
    display: none!important;
}
.col_full {
    margin-top: 15px!important;
}
.col_full.col_last.center h1 {
    margin-bottom: 15px!important;
    font-size:22px;
}
.heading-block.span-text span {
    font-size: 18px;
}
.dev-soft-foto-box, .marketing-foto-box {
    width: 100% !important;
}
.marketing-social {
    width: 100% !important;
}
.info-section .bg {
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    padding-top: 82%;
}
.jumbotron > div > h1 {
    font-size: 18px;
    line-height: 26px;
}
.outsource-heading h2, .outsourcetext h2, .outsource-text h2 {
    font-size: 18px;
    line-height: 28px;
}
.indust-bg h1 {
    font-size: 24px;
}
}
.strategy-main {
    position: relative;
}
.strategy-bg {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: url("../images/maintenance-mobile.jpg") no-repeat top center;
    background-size: 100%;
}
.pd-l {
    padding-left: 0!important
}
.pd-r {
    padding-right: 0!important
}
@media only screen and (max-width:993px) {
.consult2_bg1 {
    margin-bottom: 90px;
    margin-top: 50px;
}
.float-div {
    position: absolute;
    padding: 20px;
    font-size: 23px;
    top: 29px;
    left: 15px;
    color: #fff;
    z-index: 1;
    background-color: #FBA54F;
}
}
.devlopment-head {
    background: url("/themes/divine/images/product-dev3.jpg") no-repeat;
    background-size: cover;
	height: 430px;
}
.mobilep-devlop {
    height:auto;
}
.devlopment-head img {
    /*width: 100%;*/
	margin: auto;
}
.mobilep-devlop img {
    width: 100%;
}
.cont {
    margin: 30px 0px;
    padding: 15px 0;
}
.cont h1 {
    font-size: 43px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.91);
}
.cont p {
    margin: 0px;
}
.field-content {
    text-align: left;
    font-size: 1.8rem;
    line-height: 3.1rem;
}
.field-content > a {
    background: #000000;
    border: none;
    width: 170px;
    height: 48px;
    box-sizing: border-box;
    margin: 52px auto 0;
    text-align: center;
    display: block;
    clear: both;
    text-transform: capitalize;
    color: #fff;
    text-decoration: none;
    padding: 5px 18px;
}
.even {
    background: #edecec!important;
    padding: 15px 0;
}
.slid-img {
    max-height: 550px;
    overflow: hidden;
}
.slid-img img {
    width: 100%;
}
.slid-body {
    margin: 50px 0px;
}
.slid-body p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}
.slid-body img {
    margin: 0 0 0 50px;
    width: 75%;
}
.slid-body p:last-child {
    margin-bottom: 50px;
}
.slid-body h1 {
    color: #1ea1ee;
}
.slid-body p b {
    color: #faa44f;
}
.field-content1 {
    margin: auto 0;
    text-align: center;
}
.block-1 h1 {
    color: #1ea1ee;
    font-size: 26px;
    line-height: 35px;
}
a.btn-black:after {
    background: #1EA1EE;
    content: "";
    display: block;
    height: 1px;
    margin: 0px auto;
    width: 35px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
a.btn-black:hover::after {
    background: #faa44f;
    content: "";
    display: block;
    height: 1px;
    margin: 0px auto;
    width: 100%;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.field-content1 a.btn-black:after {
    background: #1EA1EE;
    content: "";
    display: block;
    height: 1px;
    margin: 0px auto;
    width: 35px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.field-content1 a.btn-black:hover::after {
    background: #FAA44F;
    content: "";
    display: block;
    height: 1px;
    margin: 0px auto;
    width: 100%;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.page1 ul li a {
    width: 88px!important;
}
.pagination li.current a {
    width: 40px !important;
}
.pagination > li a.inactive {
    width: 40px !important;
}
.cloud-bg {
    background-image: url(../images/cloud2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 80%;
    margin-bottom: 50px;
    transition: all 500ms ease-out;
}
.cloud-main {
    margin: 50px 0;
}
.cloud-bod {
    /*margin-top: 68px;*/
    padding: 0px 10px;
    text-align: left;
    background-color: rgb(255, 255, 255);
    color: #333;
}
.cloud-bod h2 {
    line-height: 30px;
}
.cloud-bod h1 {
    color: #4b4b4b;
}
.cloud-bod p b {
    color: #FBA54F;
}
.foot-img {
    border: 1px solid gray;
    width: 130px;
    height: 130px;
    overflow: hidden;
    border-radius: 50%;
}
.foot-main {
    margin-top: 15px;
    position: relative;
}
.foot-desc {
    position: absolute;
    top: 10px;
    left: 142px;
    color: #fff;
}
.foot-desc .name {
    font-size: 15px;
    margin-bottom: 9px;
}
.cont p b {
    color: #FAA44F;
}
.spac {
    margin-bottom: 50px;
}
@media only screen and (max-width:767px) {
.getin-body h1 {
    font-size: 20px!important;
    line-height: 28px!important;
}
.cont {
    margin: 30px 0px;
    padding: 15px 0;
}
}
.cloud-bg5 h1 {
    position: absolute;
    top: 90px;
    left: 20%;
    font-size: 60px;
    line-height: 52px;
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
}
#menu-header-menu.navigation ul li a.activelink {
    font-weight: normal;
}
.navigation ul.new-menu1 {
    left: -49px!important;
}
.cloud-next {
    width: 1349px;
    overflow: hidden;
    clip: rect(0px 1349px 450px -185px);
    background-color: rgba(179, 191, 231, 0.298039);
}
.cloud-nex-body {
    margin: 30px 0px;
}
.field-content2 {
    margin-top: 50px;
}
.cloud-imgsm img {
    width: auto;
    max-width: 80%;
}
.saturate {
    -webkit-filter: saturate(0);
    filter: saturate(0);
}
.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.contrast {
    -webkit-filter: contrast(160%);
    filter: contrast(160%);
}
.brightness {
    -webkit-filter: brightness(0.25);
    filter: brightness(0.25);
}
.blur {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}
.invert {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.saturate {
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
}
.huerotate {
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
}
.rss.opacity {
    -webkit-filter: opacity(50%);
    filter: opacity(50%);
}
.mov {
    transition: all 500ms ease-out;
}
@media screen and (max-width:1211px) and (min-width:993px) {
.cloud-bod {
    /*margin-top: 68px;*/
    padding: 0px 10px;
    text-align: left;
    background-color: rgb(255, 255, 255);
    color: #333;
}
.cloud-bg {
    display: block;
    margin-top: 10%;
    background-image: url(../images/cloud2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 80%;
    margin-bottom: 50px;
    transition: all 500ms ease-out;
}
}
.indus-bg {
    position: relative;
    max-height: 555px;
    overflow: hidden;
}
.indus-bg img {
    width: 100%;
    height: auto;
}
.indus-bg h1 {
    top: 66%;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0px;
    font-family: inherit;
}
.indus-main {
    margin: 30px 0px;
}
.indus-img {
    background: #006fc1;
    position: relative;
}
.indus-img img {
    width: 100%;
    height: auto;
}
.indus-cont {
    margin-top: 10px;
    position: relative;
	text-align: center;
}
.indus-cont strong {
    font-size: 16px;
}
/*.indus-cont p {
    max-height: 80px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}*/
.explore {
    position: relative;
    top: 0;
    margin-bottom: 30px;
}
.explore a {
    color: #1ea1ee!important;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.indust-bg {
    min-height: 500px;
    padding: 40px 0;
    position: relative;
    max-width: 1350px;
    overflow: hidden;
}
.indust-bg:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 1130px solid transparent;
    border-left: 1100px solid #FAA44F;
    position: absolute;
    top: 0;
    left: 0;
}
.indust-bg h1 {
    width: 100%;
    font-size: 40px;
    line-height: 55px;
    color: #fff;
    position: relative;
    font-weight: 900;
    letter-spacing: 0;
    left: -15px;
    display: none;
    margin-top: 0px;
}
.indust-bg h1:after {
    position: absolute;
    content: '';
    width: 13px;
    height: 99px;
    left: -23px;
    top: 5px;
}
.indust-bg p {
    color: #fff;
    margin-left: 19px;
}
.indus-img1 {
    height: 100px;
    width: 100px;
    border: 5px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 6px;
}
.indus-img1 img {
    width: 105%;
    height: 100%;
}
.indus-client {
    position: relative;
}
.indus-desp {
    position: absolute;
    top: 20px;
    left: 123px;
}
.indus-title {
    font-size: 20px;
    color: #fff;
}
.design {
    color: #fff;
}
.testimonial-video {
    width: 100%;
    text-align: center;
}
.testimonial-video img {
    height: auto;
}
.bot-line {
    /* background: #1ea1ee; */
   /* padding: 25px 0; */
    color: #fff;
    /*margin-top: -2px;*/
    width: 100%;
}
.bot-line p {
    color: #fff;
    font-size: 20px;
    margin: 10px 0;
    float: left;
    max-width: 60%;
}
.bot-line .btn-common:focus {
    text-decoration: none;
}
.get-touch-button {
    text-align: center;
}
.bot-line .btn-common {
    padding: 15px 35px;
    float: right;
    /*right: 4.5%;*/
}
.bot-line a.btn-common:hover {
    background-color: #faa44f;
    border-color: #faa44f;
    transition: all 200ms linear;
}
.bounce-top, .bounce-top-black, .top-green {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.bot-line .btn-common {
    border: 1px solid #fff;
    color: #fff;
}

@media screen and (min-width:768px) and (max-width:993x) {
.indus-bg h1 {
top:30%;
}
}
@media screen and (max-width:767px) and (min-width:320px) {
.indus-bg h1 {
    top: 10%;
    font-size: 16px!important;
}
}
.indus-cont h2 {
    margin-bottom: 2px;
    font-size: 15px;
}
.cont1 h1 {
    font-family: inherit;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.74);
}
.cont1 {
    margin: 30px 0;
    padding: 15px 0;
}
.cont1 p {
    font-family: inherit;
    font-size: 20px;
    color: rgb(128, 128, 128);
    line-height: 25px;
    text-align: center;
}
.banking-bg {
    background: url(../images/banking.jpg) no-repeat top center;
    padding-top: 63%;
    background-size: cover;
}
.pdl {
    padding-left: 0;
}
.pdr {
    padding-right: 0;
}
.pdtb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.banking-text {
    background-color: #faa44f;
    height: 422px;
    padding: 15px 30px 0 30px;
    color: #fff;
}
.banking-text h2 {
    color: #fff;
}
.banking-text.fadeInAmate a {
    color: #fff!important;
}
.bank-main {
    margin: 30px 0px;
}
.indus-head h2 {
    margin-bottom: 27px;
    height: 58px;
/*overflow:hidden;*/
/*display:-webkit-box;*/
    /*webkit-line-clamp: 2;*/
    -webkit-box-orient: vertical;
}
.slide-head {
    position: absolute;
    top: 66%;
    padding: 3px 15px;
    background-color: rgba(0,0,0,0.65);
}
.slide-head h1 {
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0px;
    font-family: inherit;
}
.slide-head span {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
    display: block;
    line-height:30px;
}
.slide-head span h2{font-size:18px;}
.indus-bg .slide-head span {
    line-height: 25px;
}
.banking-box {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 55px;
    border: 1px solid;
}
.banking-box i {
    font-size: 45px!important;
    padding: 4px 25px!important;
}
.banking-text.wow.fadeInUp.animated a {
    color: #fff;
}
@media only screen and (max-width:560px) {
.indus-bg .slide-head > h1 {
    padding: 5px 0;
}
.indus-head h2 {
    margin-bottom: 15px;
    margin-top: 8px;
    height: auto;
}
.xs {
    width: 100%;
    margin-top: 15px;
}
.indus-img img {
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0 auto;
    display: block;
}
}
@media only screen and (max-width:767px) {
.banking-text {
    height: auto!important;
}
}
@media screen and (max-width:1200px) and (min-width:768px) {
.affix-sta .header .logo img {
    width: 200px!important;
}
}
@media only screen and (max-width:320px) {
.affix-sta .header .logo img {
    width: 177px!important;
}
.indus-cont p {
    margin-bottom: 100px!important;
}
.explore {
    position: absolute;
    top: 142px!important;
}

}
@media only screen and (max-width:420px) {
.testimonial-video img {
    width: 100%!important;
}
.indust-bg p:last-child {
    margin-top: 37px;
}
.indust-bg h1 {
    font-size: 24px;
    line-height: 33px!important;
}
.bot-line p {
    float: left;
    text-align: center;
    margin: 20px 0;
    max-width: 100%!important;
}
.bot-line .btn-common {
    float: none!important;
    max-width: 100%;
    /*margin-left: 30%;*/
}
.carousel-inner {
    width: 100%!important;
    margin-top: 39px!important;
    overflow: hidden!important;
}
.header .logo img {
    width: 163px!important;
}
.header .logo {
    margin: 14px 0!important;
}
.affix-sta .header .logo {
    margin: 8px 0!important;
}
}
@media (max-width:991px) and (min-width:768px) {
.canvas-box {
    padding: 30px 15px 60px!important;
}
.header .mobile-nav {
    margin: 0px 0px 20px 0px!important;
}
.fade-in {
    height: 335px;
}

}
.dev-soft p, .marketing-cont-box p {
    font-size: 20px!important;
    text-align: left!important;
}
.comm-bg {
    background: url(../images/comm.jpg) no-repeat top center;
    padding-top: 63%;
    background-size: cover;
}
@media (max-width:660px) and (min-width:421px) {
.bot-line p {
    color: #fff;
    font-size: 20px;
    margin: 20px 0;
    float: none!important;
    max-width: 100%!important;
    text-align: center!important;
}
.bot-line .btn-common {
    padding: 15px 35px;
    float: none!important;
    /*margin-left: 35%;*/
    max-width: 100%!important;
}
}
.bank-bg {
    background: url(/uploads/2016/05/banking3.jpg) no-repeat top center;
    background-size: cover;
    padding-top: 74%;
    /*margin-right:-25%;*/
}
.comm-bg {
    background: url(/uploads/2016/05/comm1.jpg) no-repeat center;
    background-size: cover;
    padding-top: 74%;
    /*margin-right:-15%;*/
}
.edu-bg {
    background: url(/uploads/2016/05/education-2.png) no-repeat center;
    background-size: 100%;
    padding-top: 74%;
    /*margin-right:-25%;*/
}
.health-bg {
    background: url(/uploads/2016/05/health-new.jpg) no-repeat top center;
    background-size: cover;
    padding-top: 74%;
    /*margin-right:-25%;*/
}
.banking-bg-side {
    background: url(/uploads/2016/05/health-new.jpg) no-repeat top center;
    background-size: cover;
    padding-top: 74%;
    /*margin-right:-25%;*/
}
.inf-bg {
    background: url(/uploads/2016/05/information-new.jpg) no-repeat top center;
    background-size: cover;
    padding-top: 74%;
    /*margin-right:-25%;*/
}
.med-bg {
    background: url(/uploads/2016/05/media1.jpg) no-repeat top center;
    background-size: cover;
    padding-top: 74%;
    /*margin-right:-25%;*/
}
.ret-bg {
    background: url(/uploads/2016/05/retail-1.png) no-repeat top center;
    background-size: cover;
    padding-top: 74%;
    /*margin-right:-25%;*/
}
.tran-bg {
    background: url(/uploads/2016/05/transport-new1.png) no-repeat top center;
    background-size: cover;
    padding-top: 74%;
    /*margin-right:-25%;*/
}
.travel-bg {
    background: url(/uploads/2016/05/travel.jpg) no-repeat top center;
    background-size: cover;
    padding-top: 63%;
}
.travel-text{
    padding: 40px 80px 0px 30px;
    height: 359px;
}
@media only screen and (max-width:992px) {
.pdl {
    padding-left: 15px;
}
.pdr {
    padding-right: 15px;
}
}
.dev-cont p {
    font-family: inherit!important;
}
.marketing-cont-box p {
    font-family: inherit!important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: inherit!important;
    margin: 0 0 20px 0;
    font-weight: 500;
}
@media only screen and (max-width:767px) {
.dev-serv-list, .marketing-list {
    float: left;
    width: 100%!important;
    display: block;
}
.dev-soft, .marketing-cont-box {
    float: left;
    width: 100%!important;
    display: block;
}
.marketing-foto-box {
    display: block!important;
}
.foto-img, .marketing-foto-cont {
    width: 92%!important;
}
}
.marketing-mob img {
    width: 36%;
    max-width: 350px;
    vertical-align: middle;
}
.marketing-social p {
    font-size: 20px!important;
    font-family: inherit!important;
    text-align: center;
}
.marketing-social {
    width: 80%;
    margin: 0 auto;
}
.inner .indus-bg {
    position: relative;
    overflow: hidden;
}
.slide-head {
    position: absolute;
    top: 66%;
    left: 1%;
    z-index: 2;
}
.slide-head1 {
    position: absolute;
    padding: 2px 7px 8px 7px;
    top: 66%;
    left: 5%;
    background-color: rgba(0,0,0,0.65);
}
.sass-bg {
    background: url(/uploads/2018/03/Sass.png) no-repeat bottom right;
    background-size: 100% auto;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.app-maint-side-bg {
    background: url(../images/app-maintenanace-side.png) no-repeat bottom right;
    background-size: 100% auto;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.inner1-bg {
    background: url(../images/side-img.png) no-repeat top right;
    background-size: auto 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.quality1-bg {
    background: url(../images/quality.png) no-repeat bottom center;
    background-size: auto 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.quality-bg {
    background: url(../images/side-img.png) no-repeat top right;
    background-size: 100% auto;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.innerweb-bg {
    background: url(../images/websec11.png) no-repeat top center;
    background-size: auto 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.innerappli-bg {
    background: url(../images/appli.png) no-repeat top right;
    background-size: auto 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.parallax-inner {
    background: url(../images/par-inner.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
    display:none;
}
.grow {
    padding: 60px 180px;
}
.grow h2 {
    font-weight: 600;
    margin-bottom: 20px;
    color: #000;
    font-size: 30px;
    line-height: 34px;
    text-align: center;
}
.grow p {
    font-size: 26px;
    color: #000;
    text-align: center;
}
.talk_box {
    color: #000;
    font-size: 24px;
    text-align: center;
}
.button_box {
    display: inline-block;
    margin-top: 20px;
}
.button_box a {
    color: #000;
    font-size: 14px;
    margin-left: 20px;
    text-align: center;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    text-decoration: none;
    width: 200px;
    line-height: 50px;
    box-sizing: border-box;
    display: inline-block;
    font-weight: 600;
    position: relative;
    z-index: 1;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 0,0);
}
.button_box a.talk_expert {
    margin: 0px 20px 0px 40px;
}
.button_box a {
    line-height: 45px;
    font-size: 13px;
    width: 170px;
}
.inner-bot {
    display: block!important;
    margin: 0;
    height: 160px;
    box-sizing: border-box;
    line-height: 30px;
    padding: 42px 0;
    font-size: 27px;
    font-weight: 300;
    text-transform: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);
}
.in-main {
    text-align: center;
    line-height: 35px;
    color: #000;
}
.in-main a {
    color: #000;
}
@media only screen and (max-width:560px) {
.slide-head1 {
    position: static;
    top: 0;
    padding: 2px 7px 8px 30px;
}
.slide-head {
    /* position: static; */
    top: 0 !important;
    width: 100%;
	left: 0;
}
.indus-bg h1 {
    line-height: 20px;
}
.slide-head span {
    line-height: 22px;
    font-size: 15px;
}
}
@media screen and (max-width:767px) and (min-width:481px) {
.inner-bot {
    font-size: 22px!important;
}
indus-bg h1 {
    top: 10%;
    font-size: 14px!important;
}
.grow {
    padding: 60px 20px !important;
}
}
@media screen and (max-width:480px) and (min-width:240px) {
.dev-soft-foto-box, .marketing-foto-box {
    width: 100%!important;
}
.indus-bg h1 {
    top: 10%;
    font-size: 15px!important;
    left: 2%;
}
.out h1 {
    font-size: 22px;
}
.grow {
    padding: 60px 30px !important;
}
.inner-bot {
    font-size: 15px!important;
}
.button_box a.talk_expert {
    margin: 0px 20px 0px 20px!important;
}
.button_box a {
    display: block!important;
}
.grow h2 {
    font-size: 25px!important;
}
.grow p {
    font-size: 18px!important;
}
.talk_box {
    font-size: 14px!important;
}
}
@media screen and (max-width:1330px) and (min-width:1201px) {
.grow {
    padding: 60px 145px!important;
}
}
@media screen and (max-width:1199px) {
.grow {
    text-align: center;
}
}
/*@media screen and (max-width:479px) and (min-width:470px) {
.button_box a {
    display: inline-block!important;
}
}*/
@media screen and (max-width:992px) and (min-width:768px) {
.grow {
    padding: 60px 98px!important;
}
}
#myCarousel_tech .carousel-inner {
    width: 100%;
    margin-top: 0!important;
    max-height: 603.313px!important;
    height: auto!important;
    overflow: hidden!important;
}
#myCarousel_tech .frs-arrow-right {
    background: #222222 url("../images/right-latest.png");
    right: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
#myCarousel_tech .frs-arrow-left {
    background: #222222 url("../images/left-latest.png");
    background-repeat: no-repeat;
    background-position: center;
    left: 18px;
}
#myCarousel_tech span {
    font-family: OpenSans, Helvetica, Arial, sans-serif;
    width: 38px;
    height: 38px;
    position: absolute;
    z-index: 1000;
    font-weight: bold;
    top: 50%;
    margin-top: -19px;
    cursor: pointer;
    font-size: 1px;
    line-height: 33px;
    color: #ffffff;
    text-align: center;
    opacity: 0.9
}
.getin {
    background-color: #f5f5f5;
}
.getin-body {
    border-left: 3px solid #faa44f;
    padding: 25px 12px;
}
.getin-body h2 strong {
    line-height: 32px;
}
.getin-body h1 {
    margin-bottom: 4px;
}
.box-bt {
    margin-top: 36px;
    font-size: 11px;
    float: right;
    color: #fff;
    position: absolute;
    right: 7%;
    padding: 10px 20px;
    display: inline-block;
    background-color: #faa44f;
}
.get-bg {
    background: url(../images/get-it.png) no-repeat;
    background-size: cover;
    padding-top: 100%;
}
.agile-metho-bg {
    background: url(../images/agile-bg.jpg) no-repeat center center;
    background-size: 100% auto;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.big-data-bg {
    background: url(../images/hadoop-bg.jpg) no-repeat right;
    background-size: auto 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.cloud-comput-bg {
    background: url(../images/cloud-bg.jpg) no-repeat right;
    background-size: auto 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.property-bg {
    background: url(../images/property-side.png) no-repeat center center;
    background-size: contain;
    top: 0;
    right: 0;
    left: 15px;
    position: absolute;
    width: 100%;
    height: 100%;
}
.java-bg {
    background: url(../images/java1.jpg) no-repeat right;
    background-size: auto 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.mobile-com-bg {
    background: url(../images/app_service.png) no-repeat center;
    background-size: auto 100%;
    top: 80px;
    right: 0;
    position: absolute;
    width: 100%;
    height: 91%;
}
.aspnet-bg {
    background: url(../images/asp-net.jpg) no-repeat right;
    background-size: auto 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.angular-bg {
    background: url(../images/angular1.png) no-repeat right;
    background-size: auto 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.angular-mat {
    background: url(../images/angular-material.gif) no-repeat right;
    background-size: 100% auto;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.spm {
    margin-top: 60px;
}
.databaseservice-bg {
    background: url(../images/database-img.png) no-repeat right center;
    background-size: auto 100%;
    padding-top: 66%;
}
.saas-bg {
    background: url(../images/Sass.png) no-repeat right;
    background-size: 100% auto;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.backbonejs-bg {
    background: url(../images/backbonejs-new.jpg) no-repeat center;
    background-size: auto 100%;
    top: 50px;
    left: 26px;
    position: absolute;
    width: 100%;
    height: 100%;
}
.uiux-bg {
    background: url(../images/uxui.jpg) no-repeat right;
    background-size: 100% auto;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.nodejs-bg {
    background: url(../images/nodejs.jpg) no-repeat right;
    background-size: 100% auto;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.bigdataanalysis-bg {
    background: url(../images/bigdataanalysis.jpg) no-repeat right;
    background-size: 100% auto;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.custom_soft_bg {
    background: url('../images/custom-software-left.png') no-repeat bottom right;
    background-size: 100% auto;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.social-content-bg {
    background: url(../images/social-content.png) no-repeat right;
    background-size: auto 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.dis-table {
    display: table;
}
.dis-table .dis-cell {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.side-get {
    padding: 30px 15px;
    text-align: center;
}
.side-get h1 {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
}
.side-get span {
    display: block;
    margin-top: 10px;
    font-weight: 300;
    color: #777;
    font-size: 22px;
}
.side-get:after {
    content: "";
    display: block;
    color: #000;
    width: 40px;
    margin-top: 22px;
    border-bottom: 2px solid;
    margin: auto;
}
.side-main {
    margin-right: 15px;
}
.padding {
    padding: 30px 0;
}
.text-center {
    text-align: center;
}
p.title {
    font-size: 20px!important;
    margin-bottom: 0 !important;
}
.index_3 h2 {
    font-size: 38px!important;
    text-transform: uppercase;
    margin-top: 5px;
}
.index_3 .canvas-box {
    margin-top: 10px;
    padding: 20px;
    cursor: pointer;
}
.index_3 .canvas-box span {
    display: inline-block;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 5px;
}
.index_3 h4 {
    text-transform: uppercase;
    font-size: 18px;
}
.index_3 .canvas-box p {
    margin-top: 15px!important;
}
.index_3 .canvas-box span i {
    display: inline-block;
    font-size: 60px;
}
@media only screen and (max-width:1199px) {
.databaseservice-bg {
    padding-top: 80%;
}
.backbonejs-bg {
    background-size: auto 85%;
}
/*.in-fade {*/
/*    height: 365px !important;*/
/*}*/
}
@media only screen and (max-width:991px) {
.mobile-com-bg {
    top: 0!important;
}
.banner-img-box1 {
    padding: 60px 15px 0!important;
}
.banner-content-box {
    /*margin-bottom: 60px!important;*/
}
.inner-div1 p {
    text-align: center;
}
.banner-img-box1 {
    text-align: center;
}
.databaseservice-bg {
    background-position: center center;
    padding-top: 40%;
}
.md-dis-table-no {
    display: block !important;
}
.app-maint-side-bg, .quality1-bg, .angular-mat, .quality-bg, .sass-bg, .angular-bg, .custom_soft_bg, .innerappli-bg, .innerweb-bg, .inner1-bg, .big-data-bg, .agile-metho-bg, .nodejs-bg, .aspnet-bg, .java-bg, .uiux-bg, .bigdataanalysis-bg, .backbonejs-bg, .mobile-com-bg, .saas-bg, .cloud-comput-bg, .social-content-bg {
    background-size: cover;
    padding-top: 100%;
    position: relative;
    right: auto;
}
.custom_soft_bg.soft-custom-img {
    padding-top: 10px;
}
.property-bg {
    background-size: 100% auto;
    padding-top: 100%;
    position: relative;
    right: auto;
    left: 0;
}
.slide-head {
    /*left: 0;*/
}
.bank-bg, .comm-bg, .edu-bg, .health-bg, .banking-bg-side, .inf-bg, .med-bg, .ret-bg, .tran-bg, .travel-bg{
 margin-right:0px;
}
}
@media only screen and (max-width:767px) {
.box-bt {
    float: none;
    margin-top: 0px!important;
    right: 0;
    position: static;
    margin-bottom: 10px!important;
}
.getin-body {
    padding: 10px 12px!important;
}
.get-bg {
    padding-top: 60%!important;
    height: auto!important;
}
.databaseservice-bg {
    margin-top: 30px;
}
.side-get {
    padding: 30px 15px;
}
}
.index_3 .canvas-box:hover h4 {
    color: #faa44f;
}
.index_3 .canvas-box:hover span i {
    transform: scale(1.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    color: #faa44f;
}
.index_3 .canvas-box span i, .index_3 .canvas-box h4 {
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.getin-body h1 {
    font-size: 24px;
}
.career-bg {
    background: url(../images/carrer-full1.png) no-repeat bottom center;
    background-size: cover;
    padding-top: 38%;
    position: relative;
}
.career-title {
    position: absolute;
    top: 50%;
    width: 1170px;
}
.career-left h1 {
    color: #fff;
    font-size: 35px;
    line-height: 35px;
}
.addr {
    margin: 15px 0;
    font-size: 16px;
    color: rgb(128, 128, 128);
    width: 221px;
    display: inline-block;
}
.carrer-img {
    float: right;
    margin: 15px 0;
}
.column_attr {
    margin-bottom: 30px;
}
#frm_1 input {
    height: 45px!important;
    margin-bottom: 20px;
}
.select1 {
    width: 100%!important;
    float: left;
    height: 45px!important;
    margin-bottom: 20px;
    color: #555!important;
    background-color: #F7F7F7;
    border: 1px solid #CCC;
    color: #555!important;
}
.select1:focus {
    background-color: #fff!important;
    border-color: #ccc!important;
    outline: none!important;
}
.select1 optain {
    color: #555!important;
}
.select2 {
    margin-bottom: 20px;
    color: #555!important;
    background-color: #F7F7F7;
    height: 82px!important;
}
.input-img {
    width: 265px!important;
}
select {
    /*-moz-appearance: none;
    -webkit-appearance: none;*/
}
select::-ms-expand {
display:none;
}
p big {
    color: gray;
    line-height: 24px;
    font-size: 18px;
}
.carrer-side {
    padding: 20px 30px;
    margin: 30px 0;
}
.side-blue {
    border: 2px solid #1ea1ee;
}
.side-blue:hover {
    background-color: #1ea1ee!important;
    border: 2px solid #1ea1ee;
    color: #fff!important;
    transition: all 0.3s;
}
.side-orange {
    border: 2px solid #faa44f;
}
.side-orange:hover {
    background-color: #faa44f!important;
    border: 2px solid #faa44f;
    color: #fff!important;
    transition: all 0.3s;
}
.downl-orange {
    background-color: #faa44f;
    color: #fff;
    font-size: 18px;
    position: relative;
    padding-left: 60px;
}
.downl-orange span {
    margin-right: 2px;
    background-color: rgb(250, 189, 79);
    position: absolute;
    left: 0px;
    top: 0;
    height: 60px;
    width: 45px;
    padding: 21px 11px;
    font-size: 22px;
}
.carrer-side.side-blue:hover p {
    color: #fff!important;
}
.carrer-side.side-blue p {
    color: #1ea1ee!important;
    font-size: 16px;
    text-align: start;
}
.carrer-side.side-orange:hover p {
    color: #fff!important;
}
.carrer-side.side-orange p {
    color: #faa44f!important;
    font-size: 15px;
    text-align: justify!important;
}
form#frm_1 {
    margin: 50px 0;
}
form#frm_1 input[type=text]:focus {
    background-color: #fff!important;
}
.box-bt1 {
    font-size: 11px;
    color: #fff;
    position: absolute;
    right: 7%;
    padding: 10px 20px;
    display: inline-block;
    background-color: #faa44f;
    float: right;
}
.triangle_up {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    background-color: #fff;
    transform: rotate(45deg);
    z-index: 1;
    top: -25px;
}
.trai {
    position: relative;
}
.carrer-side.downl-orange a {
    color: #fff!important;
}
@media screen and (max-width:768px) and (min-width:320px) {
.mcen {
    text-align: center;
}
.carrer-img {
    float: none!important;
    margin: 30px 0;
}
}
@media screen and (max-width:506px) and (min-width:320px) {
.addr {
    margin: 30px 0 0!important;
}
}
@media screen and (max-width:480px) and (min-width:320px) {
.carrer-img img {
    width: 80%!important;
}
.career-left h1 {
    font-size: 28px;
}
.career-title {
    top: 8%!important;
}
}
.form-group {
    position: relative!important;
    /*margin-left: -15px;
    margin-right: -15px;*/
}
label {
    display: inline-block;
    max-width: 100%;
    /*position: absolute!important;*/
    /*top: 44px!important;*/
    margin-bottom: 5px;
}
.select1 {
    padding-left: 12px;
}
.select2 {
    padding-left: 9px;
}
.input-img {
    padding-left: 7px;
}
#singlebutton {
    width: 200px!important;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=tel], .wpcf7-form input[type=email] {
    height: 45px;
    margin-bottom: 20px;
    border-radius: 0 0;
    padding: 6px 12px;
    color:#000;
}
.wpcf7-form input[type=tel] {
    background-color: #F7F7F7!important;
}
.wpcf7-form input[type=tel]:focus {
    background-color: #F7F7F7!important;
    outline: none!important;
    box-shadow: none;
    border: 1px solid #CCC;
}
.wpcf7-form input[type=submit] {
    width: 150px!important;
    border-radius: 0 0 0 0;
    border: 1px solid #1EA1EE;
    color: #1EA1EE;
    background-color: #ffffff;
}
.wpcf7-form input[type=submit]:focus, .wpcf7-form input[type=submit]:hover, .wpcf7-form input[type=submit]:active {
    border: 1px solid #FAA44F;
    color: #FAA44F !important;
    background-color: #ffffff;
    box-shadow: none;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
}

.wpcf7-form input[type=text]:focus, .wpcf7-form input[type=tel]:focus, .wpcf7-form input[type=email]:focus {
    background-color: #fff!important;
    text-decoration: none;
    border-radius: 0 0 0 0;
}
div.wpcf7-mail-sent-ok {
    border: none;
    font-size: 16px;
    color: #090;
}
div.wpcf7-mail-sent-ok {
    border: none!important;
}
div.wpcf7-spam-blocked {
    border: none!important;
    color: #FF0000!important;
    line-height: 13px!important;
}
div.wpcf7-validation-errors {
    border: none!important;
    color: #FF0000!important;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block;
    position: absolute;
    width: 269px;
    margin-top: -20px;
}
.startegy-bg1 {
    background: url("../images/strategy.png") no-repeat 100% 40%/cover;
    padding-top: 35%;
}
.sec {
    overflow: hidden;
}
.bg2 {
    padding-top: 62%!important;
}
.npd {
    padding: 26% 8% 0!important;
}
@media only screen and (max-width:991px) {
.npd1 {
    padding: 60px 15px 0!important;
}
.npd2 {
    padding: 46px 15px 50px!important;
}
/*.in-fade {*/
/*    height: 390px !important;*/
/*}*/
}
@media only screen and (max-width:993px) {
.sec {
    height: auto;
    max-height: 100%!important;
}
}
.pro-des {
    width: 100%;
    background-color: rgba(128, 128, 128, 0.28);
}
.product-des {
    padding: 50px 100px;
    display: table;
    background-color: rgba(128, 128, 128, 0.28);
}
.half-pro {
    border: 1px solid rgba(128, 128, 128, 0.36);
    height: 100%;
}
.devlopment-head {
    position: relative;
}
.product-dep {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.pro-title1 {
    margin: 50px 0 0;
    text-align: center;
    width: 100%;
    float: left;
}
.pro-title1 .processing {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.pro-title {
    position: absolute;
    bottom: 25%;
    /*left: 7%;*/
    width: 100%;
}
.pro-title h1 {
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    background-color: rgba(0,0,0,0.65);
    padding: 0 9px;
    display: inline-block;
}
.cont p {
    text-align: center;
}
@media only screen and (max-width:560px) {
.pro-title {
    position: static;
    bottom: auto;
    top: 0;
}
.pro-title h1 {
    margin-bottom: 0;
    font-size:14px;
    width:100%;
}
.web-ser.web-head {
    margin: 30px -15px;
}
.web-ser.web-head h2 {
    line-height: 30px;
}
}
.frs-slideshow-container {
}
blockquote.footer-testimonial {
    color: #E4E4E4;
    margin-bottom: 20px;
}
blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    color: #E4E4E4;
}
.header-bg {
    background: #000;
}
.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.menu-box {
    position: relative;
    float: right;
}
.menu-top {
    position: relative;
    margin: 0;
    padding: 0;
}
.menu-top li {
    float: left;
}
.menu-top li a {
    display: block;
    padding: 27px;
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    border-bottom: 3px solid #000;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
.menu-top li a:hover {
    border-bottom: 3px solid #fff;
    background: rgba(253, 174, 23, 0.92);
}
.bg-video-box {
    position: relative;
}
.bg-video-box div {
    z-index: 0 !important;
}
.min-h-555 {
    min-height: 555px;
}
.first-sec {
    position: relative;
    background-size: cover;
}
.first-sec-overlay {
    position: relative;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.logo-sec-container {
    position: relative;
    display: table;
    width: 100%;
}
.big-logo-box, .first-list-box {
    position: relative;
    display: table-cell;
    width: 50%;
    padding: 150px 15px;
    vertical-align: middle;
}
.big-logo-box {
    text-align: center;
}
.big-logo-box img {
    max-width: 202px;
    width: 100%;
}
.first-list-box {
    padding: 230px 15px;
    padding-right: 0;
    background: #f78431;
    padding-left: 100px;
}
.menu-sec {
    margin: 0;
    padding: 0;
}
.menu-sec li {
    list-style: none;
    line-height: 35px;
}
.menu-sec li a {
    font-size: 30px;
    font-weight: 300;
    color: #000;
    padding: 7px 15px;
    display: block;
    border-left: 3px solid #fff;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
.menu-sec li a:hover {
    background: #fff;
    border-left: 3px solid #24a3ee;
    padding-left: 30px;
}
.arrow-box {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -65px 0 0 -65px;
    width: 130px;
    height: 150px;
    background: url(../images/arrow_box.png) no-repeat;
    background-size: 130px 150px;
    z-index: 9;
    cursor: pointer;
    animation: arrowUpDonw 1.5s infinite;
    -webkit-animation: arrowUpDonw 1.5s infinite;
    -moz-animation: arrowUpDonw 1.5s infinite;
    -ms-animation: arrowUpDonw 1.5s infinite;
    -o-animation: arrowUpDonw 1.5s infinite;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
.arrow-box:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
.banner-sec-container {
    position: relative;
    display: table;
    width: 100%;
}
.banner-img-box {
    vertical-align: bottom;
    padding: 0px;
}
.banner-content-box {
    padding-top: 50px;
    color: #fff !important;
    padding: 0;
}
.banner-content-box h2 span {
    font-size: 60px;
    font-family: inherit !important;
    font-weight: 800;
    color: #fff;
    line-height: 52px;
}
.banner-content-box p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
}
.banner-content-box p span {
    font-size: 30px;
    font-family: inherit !important;
    font-weight: 800;
}
.service-container {
    position: relative;
    display: table;
    width: 100%;
}
.service-content-box, .service-img-box {
    position: relative;
    display: table-cell;
    width: 66.666%;
    padding: 60px 15px 30px;
    vertical-align: middle;
}
.service-img-box {
    width: 33.333%;
    text-align: center;
}
.service-img-box img {
    width: 100%;
    max-width: 410px;
    vertical-align: top;
}
.service-content-box h2 {
    font-size: 40px;
    font-family: inherit !important;
    margin-bottom: 30px;
    color: #000;
}
.service-content-box h2 span {
    font-size: 60px;
    font-family: inherit !important;
    font-weight: 800;
}
.service-content-box p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
}
.service-content-box p span {
    font-size: 30px;
    font-family: inherit !important;
    font-weight: 800;
}
.white-dal-bg {
    background: #F4F4F4;
}
.yellow-bg {
    background: #f78431;
}
.bg-phone-touch {
    background: url(/images/phone-touch.jpg) no-repeat center center !important;
    background-size: 100% !important;
    padding: cover;
    position: relative;
}
@media (max-width:768px){
    .bg-phone-touch {
    background: url(/images/phone-touch.jpg) no-repeat center center !important;
    background-size: cover;
    padding: cover;
    position: relative;
}
}
.overlay-black {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: rgba(0,0,0,0.3);
}
#bg-canvas.bg-phone-touch .canvas-box h4, #bg-canvas.bg-phone-touch .canvas-box h4 a, #bg-canvas.bg-phone-touch .canvas-box p {
    color: #fff;
}
.values-cont-box {
    position: relative;
}
.values-cont-box h3 {
    font-size: 20px;
    color: #fff;
    letter-spacing: 1.5px;
    word-spacing: 5px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
.feature-box {
    margin: 80px 0;
    width: 25%;
    position: relative;
    padding: 15px;
    border: 2px solid #fff;
    float: left;
    text-align: center;
}
.feature-box img {
    width: 100%;
    max-width: 117px;
}
.feature-box:hover {
    border: 2px solid #fdae17;
}
.bg-video-img {
    background: url(../images/bg-3.jpg) no-repeat fixed;
    background-size: cover;
}
.video-content-box {
    width: 100%;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    padding: 80px 0;
}
.video-content-box button {
    background: none;
    border: none;
    margin-bottom: 30px;
}
.video-content-box img {
    margin-bottom: 30px;
}
.video-content-box h2 {
    color: #fff;
    font-size: 45px;
    font-family: inherit !important;
    font-weight: 300;
}
.textimonial-box {
    padding: 80px 0;
    max-width: 800px;
    margin: 0 auto;
}
.textimonial-img {
    width: 33.333%;
    float: left;
    padding: 0 15px;
}
.textimonial-img img {
    width: 100%;
    border: 5px solid #fff;
    border-radius: 50%;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.70);
}
.textimonial-content {
    width: 66.666%;
    float: left;
    padding: 0 15px;
}
.textimonial-content p {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}
.textimonial-content blockquote {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    border-left: 3px solid #fdae17;
    background: #f4f4f4;
    padding: 10px 15px;
    font-style: italic;
    margin: 15px 0;
}
#btn1 {
    z-index: 2;
    width: 137px !important;
    background-color: #faa44f !important;
    border: 1px solid #faa44f;
    color: #ffffff;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
}
.upload #btn1:hover {
    color: #faa44f !important;
    background: #ffffff !important;
} 
#btn2 {
    position: absolute;
    top: 7px;
    z-index: 1;
    left: 16%;
    width: 70% !important;
}
.inner-div1 span a {
    color: rgba(0, 0, 0, 0.8)!important;
}
.tech-sp {
    text-align: center;
}
section#bg-canvas1.new-read p {
    /*height: 100px;*/
}
.service-part {
    height: 300px;
}
section#bg-canvas1.new-read h4 {
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 0px;
    overflow: hidden;
}
.info-section1 .row {
    margin: 0;
}
.info-section1 .bg {
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    padding-top: 60%;
    margin: 0 -15px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.cont h1 {
    font-size: 35px;
    line-height: 35px;
    text-align: center;
    font-weight: 700;
}
.dev-cont p {
    font-size: 20px!important;
    color: rgba(0, 0, 0, 0.8)!important;
}
.dev-cont h2 {
    font-size: 30px!important;
}
.dev-soft h3, .marketing-cont-box h3 {
    font-size: 22px!important;
}
.dev-part.wow.bounceInLeft.animated.animatedVisi .cont h1 {
    text-align: left;
}
.dev-part.wow.bounceInLeft.animated.animatedVisi .cont p {
    text-align: left;
}
.dev-part.even.wow.bounceInRight.animated.animatedVisi .cont h1 {
    text-align: right;
}
.dev-part.even.wow.bounceInRight.animated.animatedVisi .cont p {
    text-align: right;
}
.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.mob-app-icon li {
    list-style: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 10px;
    margin: 0 10px;
}
.slide-mob-icon {
    position: absolute;
    top: 35%;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.mob-app-icon li i {
    font-size: 100px
}
.mob-app-icon li i.android-mob {
    color: #A4C639
}
.mob-app-icon li i.iphone-mob {
    color: #000;
}
.mob-app-icon li i.win-mob {
    color: #00adef;
}
@media screen and (max-width:480px) {
.mob-app-icon li i {
    font-size: 50px;
}
.heading-block h2 {
    font-size: 16px;
}
#area-main h3{font-size: 18px;}
.blog-content-bg{padding: 30px 10px 5px;}
.mcen .addr{width: 100%; margin: 30px 0 0 !important;}
.mcen .addr:last-child{margin: 5px 0 0 !important;}
.slide-head{position: relative;}
}
.out h1 {
    margin-top: 18px;
}
.web-ser {
    margin: 50px -15px;
}
.phone-img {
    text-align: center;
}
.phone-img img {
    margin-left: 17%;
}
section.focus-img img {
    width: 100%;
}
.web-ser ul {
    list-style-type: disc;
    margin: 21px 20px;
}
@media screen and (max-width:1199px) {
.phone-img img {
    margin-left: 0;
}
.service-part {
    height: 350px;
}
}
@media screen and (max-width:480px) {
.phone-img img {
    margin-left: 10%;
    width: 75%;
    height: auto;
}
.button_box {
    display: inline-block !important;}
}
a.talk_expert.text-uppercase {
    color: #000!important;
}
.getin-btn-box {
    padding: 12px 0 0;
    float: right;
    display: inline-block;
}
.angu-sec .big-data {
    padding-top: 30px;
}
#myCarousel_tech .carousel-inner .item img {
    width: 100%;
}
.pro-hd {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}
.pro-ti {
    text-align: center;
    /*margin-top: 10%;*/
}
.pro-ti h1 {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
}
.processing .arrow {
    padding-top: 5%;
}
.processing p {
    font-size: 22px;
    color: #FFF;
    text-transform: uppercase;
    padding-top: 8px;
    text-align: center;
}
.dev-part.wow.bounceInLeft.animated.animatedVisi .cont h1 {
    text-align: center;
}
.dev-part.wow.bounceInLeft.animated.animatedVisi .cont p {
    text-align: justify;
}
.dev-part.even.wow.bounceInRight.animated.animatedVisi .cont h1 {
    text-align: center;
}
.dev-part.even.wow.bounceInRight.animated.animatedVisi .cont p {
    text-align: justify;
}
.pro-indus-main h1 {
    font-weight: 700;
    font-size: 30px;
}
.pro-tit h1 {
    font-weight: 700;
    font-size: 30px;
}
.padding1 {
    padding: 3% 0;
}
@media only screen and (max-width:767px) {
div#industry-carousel {
    width: 100%;
    max-width: 100%;
}
.processing p {
    font-size: 14px;
}
.pro-ti h1 {
    font-size: 24px;
}
.service-part {
    height: auto;
}
.canvas-box {
    padding: 15px 15px;
}
#bg-canvas1 {
    padding-top: 2%;
}
.talk_box span.button_box a.talk_expert {
    margin: 0 !important;
}
.button_box a {
    margin-left: 0px;}
    .talk_box span:first-child {
    line-height: 30px;
}
.button_box {
    display: block;
}
.in-fade {
    /*height: auto !important;*/
}
}
@media only screen and (max-width:480px) {
    .button_box {
    display: inline-block !important;
}
.processing p {
    font-size: 10px;
}
.pro-ti {
    top: 12%;
}
.pro-ti h1 {
    font-size: 16px;
}
}
.frs-slideshow-container .frs-skin-default div.frs-slider-nav span.frs-arrow-right {
    right: 18px !important;
    z-index: 10!important;
}
.frs-slideshow-container .frs-skin-default div.frs-slider-nav span.frs-arrow-left {
    left: 18px !important;
    z-index: 10!important;
}
@media only screen and (max-width:991px) {
.info-section .bg {
    margin: 0 -9%;
}
.block .bg {
    background-size: 99.5%;
}
.select1 {
    float: none;}
}
@media only screen and (max-width:535px) {
.info-section .bg {
    margin: 0 -12%;
}
.block .bg {
    background-size: 99%;
}
}
@media only screen and (max-width:1200px) {
.info-section .bg {
    margin: 0 -12%;
}
.block .bg {
    background-size: 99%;
}
.banner-content-box {
    /*padding: 0 30px;*/
}
}
@media only screen and (max-width:1080px) {
.info-section .bg {
    margin: 0 -14%;
}
.block .bg {
    background-size: 99%;
}
}
@media screen and (max-width:1080px) and (min-width:993px) {
.bg-phone-touch {
   /* background-size: 100% auto!important;*/
}
}
@media screen and (max-width:993px) and (min-width:768px) {
section#bg-canvas1.new-read p {
    /*height: 126px!important;
    overflow: hidden;*/
}
}
@media only screen and (max-width:767px) {
.btn-common, .btn-black, .loadmore {
    margin-bottom: 15px;
}
section#bg-canvas1.new-read p {
    height: auto!important;
}
}
.bot-line p {
    margin: 16px 0;
}
.file-btn {
    position: absolute;
    top: 0px;
    width: 140px!important;
}
#btn1 {
    z-index: 2;
}
#btn2 {
    position: absolute;
    top: 7px;
    z-index: 1;
    left: 16%;
    width: 70%!important;
}
.newlist p {
    margin-bottom: 4px;
}
.fx {
    display: none;
}
@media only screen and (max-width:767px) {
.fx {
    display: block;
}
}
.aaa {
    position: absolute;
    top: 17%;
    left: 8%;
}
.web-data {
    margin: 0 50px 70px 30px;
}
@media (max-width:767px) {
.web-data {
    margin: 0 15px;
}
.angu-sec .container {
    padding-right: 15px!important;
    padding-left: 15px!important;
}
.side-main {
    margin-right: 0px;
}
.processing .arrow {
    padding-top: 11%;
}
.hidden-arrow {
    /*display: none!important;*/
}
.indus-bg .slide-head span h2 {
    line-height: 28px;
}
}
@media (max-width:420px) {
.processing .arrow {
    padding-top: 9%;
}
}
.work-filter {
    margin: 50px 0;
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
.work-filter ul li {
    display: inline-block;
}
.work-filter ul li a.active {
    background-color: #faa44f;
    border: 1px solid #faa44f;
    color: #fff;
}
.work-filter ul li a {
    color: #222222;
    display: block;
    font-size: 15px;
    padding: 6px 10px;
    text-transform: capitalize;
    border-bottom: 1px solid #909090;
    border-top: 1px solid #909090;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.work-filter ul li a {
    color: #222222;
    display: block;
    font-size: 15px;
    padding: 6px 10px;
    text-transform: capitalize;
    border-bottom: 1px solid #909090;
    border-top: 1px solid #909090;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.work-item {
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
}
.video {
    max-height: 610px;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: 0;
}
.work-item > img, .item-containe > img, .index_3 .project-wrap img {
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.work-item > img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}
.project-wrapper figure {
}
.portfolio-bg {
    background: url(../images/portfolioBG-1.png) no-repeat bottom center;
    background-size: cover;
    padding-top: 38%;
    position: relative;
}
p.title {
    font-size: 20px;
    margin-bottom: 0 !important;
}
.head-pro h2 {
    margin-bottom: 50px;
    font-size: 35px;
    line-height: 35px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 5px;
}
.work-detail {
    padding: 0 0 50px;
}
.work-detail .project-description p {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
}
.work-detail h4 {
    text-transform: uppercase;
    font-weight: 600;
}
.work-detail .project-description h4, .work-detail .project-description p {
}
.project-detail h4 {
    margin: 0!important;
}
.work-detail .project-detail .column {
    padding: 30px 0;
    border-bottom: 1px solid #d3d3d3;
}
.column.clearfix .pull-left {
    margin: 0!important;
}
.project-detail .column h5 {
    font-size: 16px;
    width: 40%;
    font-weight: 600;
}
.project-detail .column p {
    width: 60%;
}
.project-detail .column p {
    margin: 0;
    display: table-cell;
    line-height: 22px;
}
.work-detail .link-navigation {
    border-top: 2px solid #d3d3d3;
    min-height: 72px;
    padding-top: 20px;
    position: relative;
}
.work-detail .link-navigation .previous {
    left: 0;
}
.work-detail .link-navigation .previous, .work-detail .link-navigation .next {
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 50px;
}
.center-icon {
    font-size: 30px;
    height: 30px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    right: 50%;
    width: 30px;
    color: #d3d3d3;
}
.work-detail .link-navigation .next {
    right: 0;
}
.work-detail .link-navigation .previous, .work-detail .link-navigation .next {
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 50px;
}
.work-detail .link-navigation .next a {
    margin-left: 10px;
}
.work-detail .link-navigation .previous a, .work-detail .link-navigation .next a {
    height: 50px;
    width: 50px;
    border: 1px solid #d3d3d3;
    display: inline-block;
    font-size: 20px;
    color: #d3d3d3;
}
.bounce-top, .bounce-top-black, .top-green {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.work-detail .link-navigation .previous a {
    margin-right: 10px;
}
.bottommargin-sm {
    /*margin-bottom: 30px!important;*/
}
.col_last {
    margin-right: 0!important;
    clear: right;
}
.col_full {
    clear: both;
    float: none;
    margin-right: 0;
    margin-top: 80px;
}
.heading-block {
    margin-bottom: 50px;
}
.heading-block h1 {
    font-size: 30px;
}
.heading-block>span:not(.before-heading) {
    display: block;
    margin-top: 16px;
    font-weight: 300;
    color: #777;
}
.heading-block h1+span {
    font-size: 24px;
    line-height: 35px;
}
.center .heading-block:after, .heading-block.center:after, .heading-block.title-center:after {
    margin: 30px auto 0;
}
.heading-block:after {
    content: '';
    display: block;
    margin-top: 30px;
    width: 40px;
    border-top: 2px solid #444;
}
#content p {
    line-height: 1.8;
}
.heading-block~p:not(.lead) {
    font-size: 15px;
    line-height: 24px;
}
.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    line-height:30px;
}
.center {
    text-align: center!important;
}
.heading-block.center>span, .heading-block.title-center>span, .center .heading-block>span {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.cont-main {
    margin-top: 45px;
}
.cont-main h4 {
    color: #000;
}
h3.sideh3 {
    margin: 0px;
    margin-bottom: 7px;
}
ul.address {
    margin-bottom: 30px;
    font-size: 14px;
}
.big-sp {
    margin-top: 30px;
}
.slide-head-custom {
    position: absolute;
    top: 66%;
    left: 5%;
    padding: 2px 7px 8px 7px;
    background-color: rgba(0,0,0,0.65);
}
.slide-head-custom h1 {
    top: 66%;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0px;
    font-family: inherit;
}
.post-comment#comment label {
    position: static!important;
}
.post-comment textarea#comment {
    margin: 0;
}
.post-comment#comment span {
    color: #ef0b0b;
}
#email-notes {
    color: #696969!important;
}
input#submit.cmt {
    background-color: transparent!important;
    border: 1px solid #1EA1EE!important;
    color: #1EA1EE!important;
    box-shadow: none!important;
    text-shadow: none!important;
    font-weight: normal!important;
}
input#submit.cmt:hover {
    border: 1px solid #FAA44F!important;
    background-color: #fff;
    color: #FAA44F !important;
}
.side-main ul {
    margin-bottom: 15px;
}
.side-main h5 {
    margin-bottom: 5px;
}
.row.web-ser ul li {
    font-size: 14px;
    margin-bottom: 5px;
}
.inner-div1 ul li {
    margin-bottom: 5px;
}
.textwidget .title {
    margin-bottom: 35px!important;
}
.career-title .slide-head h1 {
    top: 66%;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0px;
    font-family: inherit;
}
.career-title span {
    padding: 7px 7px 8px 7px!important;
}
.web-data ul li {
    font-size: 14px;
}
.web-data ul {
    list-style-type: disc;
    margin: 21px 20px;
}
.web-data h2 {
    margin-bottom: 0;
}
.out-source {
    margin-top: 15px;
    margin-bottom: 15px;
}
.heading-block.span-text span {
    max-width: 100%;
}
.inner-div11 {
    margin: 69px 4%;
}
.inner-div11 h2 {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}
.web-data ul li a {
    color: #000;
    font-weight: normal;
}
.content-wrapper ul {
    list-style-type: disc;
    margin: 0;
    padding-left: 19px;
}
.content-wrapper ul li {
    padding-bottom: 10px;
    font-size: 14px;
}
section ul {
    list-style-type: disc;
    margin: 0;
    padding-left: 19px;
}
section ul li {
    padding-bottom: 10px;
    font-size: 14px;
}
.first-sec-overlay {
    background: rgba(0, 0, 0, 0.6);
}
.banner-sec-container {
    position: relative;
    display: table;
    width: 100%;
}
.banner-img-box {
    vertical-align: bottom;
}
.banner-img-box img {
    vertical-align: top;
    width: 100%;
    /*max-width: 550px;*/
}
.banner-content-box {
    /*padding-top: 100px;*/
    color: #fff !important;
}
.banner-img-box, .banner-content-box {
    position: relative;
    display: table-cell;
    width: 50%;
    /*padding: 150px 15px 0;*/
    vertical-align: middle;
}
.banner-content-box h2, .banner-content-box p {
    padding: 0 20px;
}
.banner-content-box h2 {
    font-size: 28px;
    font-family: inherit !important;
    font-weight: 600;
    /* margin-bottom: 30px; */
    color: #fff;
    line-height: 40px;
}
.banner-content-box h2 span {
    font-size: 60px;
    font-family: inherit !important;
    font-weight: 800;
    color: #fff;
    line-height: 52px;
}
.banner-content-box p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
}
/*--------------PRELOADER----------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
/*----------------END---------------------*/
#bg-service-overview {
    background: url("../images/Services-featured-full.png") no-repeat 100%/cover;
    background-size: 100%;
    color: #fff;
    padding: 19% 0;
}
.banner-img-box1 {
    position: relative;
    display: table-cell;
    width: 50%;
    padding: 150px 15px 0;
    vertical-align: middle;
}
.banner-img-box1 img {
    vertical-align: top;
    width: 100%;
    max-width: 400px;
}
blockquote.footer-testimonial p {
    position: relative;
}
blockquote.footer-testimonial p:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    padding-right: 10px;
    z-index: 10000;
}
blockquote.footer-testimonial p:after {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    padding-left: 10px;
    z-index: 10000;
}
.two-culumn {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    min-height: 100%;
}
.jumbotron > div > h1 {
    margin: 15px 0 0;
}
#post-main {
    padding: 60px 0;
}
ul.category {
    margin: 0;
    padding: 0;
}
.indus-main.pro-indus-main .row div:nth-child(9) {
    clear: both;
}
@media only screen and (max-width:993px) {
.indus-main.pro-indus-main .row div:nth-child(9) {
    clear: inherit;
}
}
.post-tag ul li {
    padding-bottom: 0;
}
.post-tag ul {
    padding-left: 2px;
    padding-top: 1px;
}
ul.social-link.pull-right {
    margin-top: 4px;
    margin-right: 5px;
}
ul.social-link.pull-right li {
    margin-left: 6px;
}
.btn-new {
    padding: 10px 36px;
    border: 1px solid #1EA1EE;
}
button.btn-new a {
    font-weight: bold;
}
button.btn-new:hover {
    border: 1px solid #FAA44F;
    background-color: #fff;
    color: #FAA44F !important;
}
button.btn-new:hover a {
    color: #FAA44F;
}
.hd-sp {
    margin-top: 12px;
    margin-bottom: 7px;
}
ol.num {
    list-style-type: decimal;
    margin-bottom: 15px;
    padding-left: 17px;
}
ol.num li {
    font-size: 15px;
    line-height: 24px;
}
.sp-bt {
    margin-bottom: 15px;
}
@media only screen and (min-width:993px) {
#wprmenu_menu.wprmenu_levels ul li ul li {
    padding-left: 141px!important;
}
}
@media screen and (max-width:992px) and (min-width:768px) {
.post-tag ul.tag-cloud {
    text-align: center;
    float: none!important;
}
.post-tag ul.social-link {
    text-align: center;
    float: none !important;
    clear: both;
}
}
@media only screen and (max-width:560px) {
.bottommargin-sm {
    margin-bottom: 0px!important;
}
.post-tag ul.tag-cloud {
    text-align: center;
    float: none!important;
}
.post-tag ul.social-link {
    text-align: center;
    float: none !important;
    clear: both;
}
}
@media only screen and (max-width:992px) {
    .inner-div11 {
    margin: 0px 4%;
}
.pdtb-50 {
    padding-top: 25px;
    padding-bottom: 25px;
}
.agile-metho-bg {
    padding-top: 60%;
}
/*.bg-phone-touch {
    background-size: auto 100%!important;
}*/
.inner-div1 {
    margin: 50px 15px!important;
}
#wprmenu_menu.wprmenu_levels ul li {
    border-top: 1px solid rgba(13, 13, 13, 0.2)!important;
}
#wprmenu_menu.wprmenu_levels ul li ul li {
    padding-left: 0px!important;
}
#wprmenu_menu.wprmenu_levels ul li ul {
    display: none;
}
}
.fa-pos {
    position: absolute;
    font-size: 22px!important;
    cursor: pointer;
    width: 50px;
    right: 0;
    text-align: center!important;
    top: 0;
    height: 100%;
    padding: 13px!important;
    border-left: 1px solid rgba(13,13,13,0.35);
    background: rgba(255, 255, 255, 0.34);
    color: rgba(11, 100, 142, 0.76);
}
li.menu-item > .fa {
    font-family: FontAwesome!important;
}
#wprmenu_menu {
    background: transparent!important;
}
#wprmenu_menu ul {
    background-color: #2098d1!important;
}
#wprmenu_menu.wprmenu_levels ul li ul {
    background-color: rgb(20, 77, 90)!important;
}
#wprmenu_menu.left, #wprmenu_menu.right {
    z-index: 10000!important;
    padding-bottom: 0!important;
}
body, .home, .page, .page-template {
    right: 0!important;
}
#wprmenu_bar {
    z-index: 10000!important;
    background: none !important;
    border: 1px solid #2098d1 !important;
    padding: 9px 10px !important;
}
ul#wprmenu_menu_ul li ul li a {
    line-height: 25px!important;
}
#wprmenu_menu ul li a {
    color: #fff!important;
}
.wprmenu_levels {
    background-color: transparent!important;
}
.blog-ss h1, .blog-ss h2, .blog-ss h3, .blog-ss h4, .blog-ss h5 {
    margin-top: 12px;
    margin-bottom: 7px;
}
@media only screen and (max-width:992px) {
#wprmenu_menu.wprmenu_levels > ul {
    border-bottom: 1px solid rgba(13, 13, 13, 0.2)!important;
}
#wprmenu_bar {
    display: block!important;
    float: right!important;
    right: 13px!important;
    left: auto!important;
    margin-top: 13px!important;
    width: 44px!important;
    height: 36px!important;
}
#wprmenu_bar .wprmenu_icon {
    width: 22px!important;
    height: 21px!important;
}
#wprmenu_bar .wprmenu_icon span {
    background: #2098d1 !important;
    width: 25px !important;
    height: 2px !important;
}
#wprmenu_menu.right {
    margin-top: 14px;
}
#wprmenu_bar.menu_is_opened .wprmenu_ic_2 {
    top: 7px!important;
    margin-left: -1px!important;
}
#wprmenu_bar.menu_is_opened .wprmenu_ic_3 {
    top: 7px!important;
    margin-left: -1px!important;
}
}
.sass-sp {
    min-height: 476px;
}
.center.text-center.npd h2 {
    text-transform: uppercase;
}
h1.blog-post {
    margin-top: 0;
}
div#respond input[type=submit] {
    background-color: #fff!important;
    border: 1px solid #279fbb!important;
    color: #279fbb!important;
    padding: 10px 36px!important;
}
div#respond input[type=submit]:hover {
    border: 1px solid #FAA44F!important;
    background-color: #fff!important;
    color: #FAA44F !important;
}
@media only screen and (max-width:560px) {
.heading-block {
    margin-bottom: 0;
    margin-top: 40px;
}
}
@media only screen and (max-width:767px) {
.inner-div11 {
    margin: 15px 4% 40px;
}
.textwidget > a >img {
    margin: 15px auto;
}
.post-comment input#submit {
    margin-bottom: 7px;
}
section#area-main.blog-ss {
    padding: 60px 0 15px;
}
.wpcf7-form input[type=submit] {
    margin-bottom: 0px!important;
}
.blog-content-bg.text-center a {
    margin-bottom: 0!important;
}
.pro-title1 {
    margin: 0;
}
}
@media only screen and (max-width:992px) {
.center .heading-block:after, .heading-block.center:after, .heading-block.title-center:after {
    margin: 30px auto 14px!important;
}
.values-cont-box h3{text-transform: capitalize; font-size: 18px; letter-spacing: normal; font-weight: normal; word-spacing: normal;}
.owl-next {
    right: 5px;
}
.owl-prev {
    left: 5px;
}
.app-sp h2 {
    margin-bottom: 20px;
}
.col_full {
    margin-top: 50px!important;
}
.heading-block {
    margin-bottom: 0px!important;
}
.web-apps {
    margin-bottom: 40px!important;
}
.app-sp {
    padding: 40px 0 0px!important;
}
.wpcf7-form input[type=submit] {
    margin-top: 21px;
}
}
.upload {
    position: relative;
    margin-bottom: 50px;
}
/*.wpcf7-form .wpcf7-response-output {
    right: auto!important;
    left: 30%!important;
}*/
@media only screen and (max-width:560px) {
/*.wpcf7-form .wpcf7-response-output {
    right: 0%!important;
    left: 52%!important;
    bottom: 0px!important;
}*/

}
.indus-tra {
    border: 1px solid rgb(250, 164, 79);
    padding: 5px;
    margin: 15px 0;
}
.indus-tra img {
    width: 100%;
    transition: all .450s ease;
    overflow: hidden;
}
.indus-tra:hover img {
    transform: scale(1.1);
}
.indus-tra1 {
    overflow: hidden;
}
.indu-tra {
    color: #1ea1ee;
    font-weight: 600;
    text-decoration: underline!important;
    font-size: 16px!important;
}
.indu-tra:hover {
    text-decoration: underline!important;
}
@media only screen and (max-width:767px) {
.indus-tra {
    margin: 15px 100px;
}
.page1 ul.pagination li a {
    padding: 4px 10px;
}
.pagination li.current a, .pagination > li a.inactive {
    width: 30px !important;
}
}
@media only screen and (max-width:480px) {
.banner-content-box p, .service-content-box p{font-size: 16px; line-height: 24px;}
.banner-content-box h2{font-size: 24px !important; line-height: 28px !important;}
.service-content-box h2{font-size: 32px;}
.service-content-box{padding: 40px 0 30px;}
.service-img-box img{max-width: 200px;}
.indus-tra {
    margin: 15px 0;
}
.copyright-text #text-4 .textwidget {
    width: 100%;
}
.footer-logo, .copyright-text #text-4 .textwidget div {
    float: none !important;
    margin: auto;
}
.footer-logo {
    float: none !important;
    margin: auto;
    padding-bottom: 10px;
}
div#captionhome-sliderpjc {
    padding: 0 !important;
}
.frs-wrapper .frs-caption.frs-caption-position-left .frs-caption-inner {
    vertical-align: top !important;
}
.frs-caption .frs-caption-content {
    margin: 0 !important;
}
.frs-caption-content h4 {
    padding-bottom: 8px;
}
}
div#comment:focus {
    outline: none;
}
input.wpcf7-form-control.wpcf7-submit.btn-black {
    background-color: #fff!important;
}
.bg-canvas-indus {
    padding-top: 5%;
    padding-bottom: 0%!important;
    position: relative;
    background: #f5f5f5;
    margin-bottom: 30px!important;
}
.carousel-img {
    position: relative;
    width: 100%;
    float: left;
}
.carousel-img .slick-slide {
    width: 33.333%;
    float: left;
    padding: 15px;
}
.carousel-img .slick-slide img {
    width: 100%;
}
.bottom-text {
    text-align: center;
}
.bottom-text h4 {
    padding-top: 15px;
    color: #1ea1ee;
    text-transform: uppercase;
}
.slider-section {
    /*padding-bottom: 4%;*/
    /*padding-top: 5%*/
}
.owl-controls {
    text-align: center;
}
.owl-dot {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 1px solid #000;
    float: left;
    margin: 0 5px;
}
.owl-dot:hover, .owl-dot.active {
    background: #333;
}
.owl-dots {
    display: inline-block;
    overflow: hidden;
}
.slider-section a {
    border: 1px solid #d4d4d4;
    padding: 5px;
    overflow: hidden;
    display: block;
}
.slider-section a img {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.slider-section a:hover img {
    transform: scale(1.1);
}
.owl-controls .owl-prev, .owl-controls .owl-next {
    background: #1ea1ee;
    height: 40px;
    float: left;
    color: #fff;
    padding-right: 3px;
    width: 40px;
    vertical-align: middle;
    border-radius: 50%;
}
.owl-controls .owl-nav {
    position: absolute;
    top: 31%;
    width: 100%;
    left: 0;
}
.owl-controls .owl-next {
    float: right !important;
    padding-left: 3px !important;
}
.owl-prev i.fa, .owl-next i.fa {
    vertical-align: middle;
    padding: 10px;
    font-size: 21px;
    text-align: center;
}
.owl-prev {
    position: absolute;
    left: -20px;
}
.owl-next {
    position: absolute;
    right: -20px;
}
/*@media screen and (max-width: 767px) {
    .owl-controls{
     position:relative !important;  
    }
}
*/
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
}
.evebt-so a {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    background: #479bcd;
    vertical-align: middle;
    padding: 5px;
    color: #fff;
    border-radius: 50%;
    margin-right: 3px;
    font-size: 16px;
}
.skype-icon img {
    margin: 0 !important;
    vertical-align: -30px !important;
}
.skype-icon {
    text-align: center;
}
.social-icon ul li {
    display: inline-block;
}
.social-icon .fa {
    font-size: 21px;
    padding-right: 20px;
}
.social-icon {
    margin: 10px;
}
#gmap_canvas img {
    max-width: none!important;
    background: none!important
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block;
    position: absolute;
    width: 227px;
    /*top: 34px;*/
}
/*.wpcf7-form .wpcf7-response-output {
    bottom: 15px;
    display: block;
    position: absolute;
    right: 100px;
}*/
.contact-text {
    margin-bottom: 20px;
}
.contact-text textarea.form-control {
    resize: none;
    border-radius: 0;
    background-color: #F7F7F7;
    border: 1px solid #CCC;
}
.contact-text input.form-control {
    border-radius: 0;
    height: 45px;
    background-color: #F7F7F7;
    border: 1px solid #CCC;
}
.contact-text input.form-control:focus, .contact-text textarea.form-control:focus, .contact-text textarea.form-control, .contact-text input.form-control {
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(0,0,0,0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(0,0,0,0);
}
.contact-text input.form-control:focus, .contact-text textarea.form-control:focus {
    background-color: #fff;
}
.submit-btn .btn-success, .submit-btn .btn-success:active:focus {
    color: #1EA1EE;
    background-color: transparent !important;
    border-color: #1EA1EE;
    width: 150px!important;
    border-radius: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 26px;
    padding: 12px;
    font-weight: bold;
    margin-bottom: 8px;
}
.submit-btn .btn-success:hover {
    border: 1px solid #FAA44F;
    color: #FAA44F !important;
    background-color: #fff;
}
.search-img, .search-text {
    /*padding-top: 40px;*/
    text-align: center;
}
.noresult {
    margin: auto;
}
#searchsubmit {
    color: #fff;
}
.search-text h4 {
    font-size: 24px;
}
.blog-item img {
    width: auto;
    max-width: 100%;
}

.seo_page {
    margin: 55px 0 60px;
}

.seo_page h2{
    line-height: 30px;
}

.seo_page p a{
    color: #1ea1ee;
}
.seo_page p a:hover, .seo_page p a:focus{color: #1ea1ee; text-decoration: none;}
.in-fade {
    height: 335px;
}
#home-sliderpjc-slideshow .frs-caption p, #home-sliderpjc-slideshow .frs-caption-inner p {
    font-size: 18px !important;
}
.frs-caption-inner .frs-caption-content {
    margin: 0 !important;
    padding: 15px !important;
    width: 100% !important;
    max-width: 500px;
}
.frs-caption-content div {
    margin-top: 18px !important;
}
.form-group.indust span input, .form-group.indust select {
    margin: 0px;
    color: #000 !important;
}
.banner-text {
    color: #fff;
}
img.ppc_img {
    width: 100%;
}
img.image-responsive {
    max-width: 100%;
    height: 250px;
}
.success-box-in {
    border: 1px solid #1EA1EE;
    margin: auto;
     display: block;
    position: fixed;
    left: 12px;
    right: 12px;
    width: 50%;
    text-align: center;
    margin-bottom: 25px;
    top: 74px;
    padding: 0px;
    padding: auto;
    float: right;
    border-radius: 20px;
    background: #1EA1EE;
    }
    h3.popup_heading {
    color: #fff;
    margin-top: 15px;
    font-weight: 600;
}
p.popup_para {
    color: #fff;
    margin-bottom: 15px;
    margin-top: -11px;
}
.para-line {
    margin-left: 20px;
}
.para-lines {
    margin-left: 20px;
        margin-top: -14px;
}
.para-list {
    margin-left: 20px;
}

/*---------------Add New css by PRT SNG 25/04/2018----------------------*/

.col-md-2.col-sm-4.xs.col-xs-6.wow.fadeIn.animated.animatedVisi {
    width: 233px;
}
.services_second_row {
    position: relative;
    left: 10%;
    top: -30px;
}
.bank-main {
    margin: 30px 0px;
    margin-top: 5%;
    margin-bottom: 0px;
}
#bg-canvas .canvas-box h4 {
    text-transform: uppercase;
    color: #000;
}
/*--------------------------new 26/4/18-------------------------------------*/
section.info-section.index_51 {
    border-top: 1px solid #0174d9;
}
section.info-section.index_5 {
    border-bottom: 1px solid #0174d9;
}
.last2col {
    /* margin: 0 auto; */
    /* text-align: center; */
    position: relative;
    left: 16%;
}

/*------------------------testimonials 30/4/18-----------------------------*/
h2#testimonials_heading{
    font-size: 50px;
    margin: 70px 0;
    color: #1ea1ee;
    font-weight: 600;
}
h2#partner{
    font-size: 50px;
    margin-top: 40px;
    margin-bottom: 100px;
    color: #1ea1ee;
    font-weight: 600;
}
img.termi_image {
    width: 400px;
	margin-top: -10px;
}
img.left_quote {
    width: 50px;
	margin-left: 12%;
    margin-bottom: -31px;
}
img.right_quote {
    width: 50px;
    float: right;
	margin-right: 12%;
    margin-top: -26px;
}
p.text-center.termi_para {
    width: 65%;
    margin: 0 auto;
    text-align: justify;
    color: #575757;
/*	margin-top: 20px;*/
}
h3.termi_heading{
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    width: 75%;
    margin-bottom: 50px;
	font-size: 22px;
	color: #1ea1ee;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
	width: 90px;
    height: 90px;
}
img.left_arrow {
    margin-top: 8%;
}
ul.partner_line {
    list-style: none;
    margin-top: 40px;
}
ul.partner_line li {
    display: inline-block;
    margin: -28px;
}
ul.partner_line li img {
    width: 76%;
    margin-bottom: 40px;
}
/*--------------Add New css 5/6/18--------------*/
.navigation > li > a > span.label-nav{font-weight: 600; color: #2199c8; }
.navigation > li > a > span.label-nav:hover{color: #faa44f;}
/*-------------------End------------------------*/


/*--------------------Service page--------------------------*/
.col-md-4.col-sm-4.canvas-box.text-center{box-shadow: 0 0 3px 1px rgba(0, 0, 0, .8);}
/*--------------------End Service page--------------------*/



/*-----------------------Media query------------------------*/
@media (min-width:320px) and (max-width:480px){
    /*******add new css 4/6/18***********/
    .wprmenu_bar .hamburger-inner, .wprmenu_bar .hamburger-inner::before, .wprmenu_bar .hamburger-inner::after{    background: #32adf1 !important;}
    .col-md-2.col-sm-4.xs.col-xs-6.wow.fadeIn.animated.animatedVisi{
        float:none; margin: 0 auto;}
    .services_second_row{left: 0; top: 0px;}
    .last2col { position: relative; left: 0;}
    /*--------------Our Services-------------*/
    #bg-canvas .canvas-box{width:85%; margin: 20px auto;}
    /*-------------------Testimonials--------------------*/
    h2#testimonials_heading{font-size: 30px;margin-top: 50px;margin-bottom: 30px;}
    img.termi_image{width: 200px;margin-top: 0px;}
    img.left_arrow{width: 30px;margin-left: 11%;margin-bottom: -49px;}
    img.right_quote{width: 30px;margin-right: 11%;margin-top: -139px;}
    .top-footer{text-align: center;}
/*----------------------------
Service page
-----------------------------*/
    .col-md-4.col-sm-4.canvas-box.text-center{width: 85%; margin: 20px auto;}
    /*Product Development*/
    .processing .arrow{visibility: hidden !important;}
    /* .devlopment-head img{width: 110px;} */
    
    .pro-ti h1{font-size: 25px !important; margin-bottom: 30px;}
    /*Footer*/
    .blog{float: none;}

/*----------------------------
About
-----------------------------*/
.service-container {text-align: center;}
/*----------------------------
News page
-----------------------------*/
.page1 ul.pagination li a{margin: 2px 2px !important}
/*---------------------------
contact
-----------------------------*/
.cont-main h4{text-align: center;line-height: 25px;}
}
@media (min-width:481px) and (max-width:698px){
/*******add new css 4/6/18***********/
.wprmenu_bar .hamburger-inner, .wprmenu_bar .hamburger-inner::before, .wprmenu_bar .hamburger-inner::after{    background: #32adf1 !important;}
.col-md-2.col-sm-4.xs.col-xs-6.wow.fadeIn.animated.animatedVisi {width: 233px;position: relative;}
.services_second_row{left: 0; top: 0px; }
.last2col {position: relative;left: 0;}   
/*---------------------------
Our Services home page
----------------------------*/
#bg-canvas .canvas-box{width:85% !important; margin: 20px auto;}
/*----------------------------
Service page
-----------------------------*/
.col-md-4.col-sm-4.canvas-box.text-center {width: 85%; margin: 20px auto;}
/*---------------------------
About
-----------------------------*/
.service-container {text-align: center;}
/*Footer*/
.top-footer{text-align: center;}
.blog{float: none;}

/*---------------------------------
INNER PAGES :- PRODUCT DEVELOPMENT
----------------------------------*/


/*---------------------------------
INNER PAGES :- mobile-app-development
----------------------------------*/
.indus-bg h1{text-align: center !important;}

}
@media (min-width:699px) and (max-width:767px){
/*---------------Service page------------------*/
    .col-md-4.col-sm-4.canvas-box.text-center{width: 44%;float: left;}
    /*footer*/
    .top-footer{text-align: center;}
    .blog{float: none;}
    .top-footer h4{font-size: 30px;}
    .social-icon .fa{font-size: 30px;margin-top: 20px;}
/*-----------------------About-----------------------------*/
    .service-container {text-align: center;}
    #bg-canvas .canvas-box{margin: 11px;}
  }


@media (min-width:768px) and (max-width:991px){
/*---------------Service page------------------*/
    .col-md-4.col-sm-4.canvas-box.text-center{width: 44%;float: left;}
/*---------------About-----------------------------*/
    #bg-canvas .canvas-box{margin: 8px;}
}
@media (min-width:699px) and (max-width:991px){
    .col-md-2.col-sm-4.xs.col-xs-6.wow.fadeIn.animated.animatedVisi{position: relative; /*left: 5%;*/}
    .services_second_row{left: 0; top: 0px;}
    .last2col {position: relative;left: 0;}
    #bg-canvas .canvas-box{width: 31%;float: left;}  
}
@media (min-width:992px) and (max-width:1199px){

    /******Footer*************/
    .col-md-4.col-sm-4.canvas-box.text-center{width: 31%;    margin: 20px 10px;}
    .col-md-2.col-sm-4.xs.col-xs-6.wow.fadeIn.animated.animatedVisi {
    width: 194px;} 
/*--------------Our Services-------------*/
    .services_second_row{left: 0; top: 0px; }
    #bg-canvas .canvas-box{width: 29%;float: left;}
    #bg-canvas .canvas-box h4{font-size: 15px;}
    #bg-canvas .canvas-box p{font-size:13px;}
    #bg-canvas .canvas-box .btn-black{padding: 6px 16px;}
}

/* media query start by abhishek 05 / may 2018  */
@media (min-width:320px) and (max-width:374px){
   .page_front_industries_pro {
       font-size: 28px;
    }
}

@media (max-width:690px) and (min-width:481px)
{
    .my_profile
    {
    width:50%;
}
}
/* media query end by abhishek 05 / may 2018  */

#wprmenu_menu_ul{
    background-color:#fff;
}
