/*-------------------------*/
* {
    margin: 0;
    padding: 0
}

html {
    scroll-behavior: auto
}

img {
    max-width: 100%;
    height: auto
}

p {
    line-height: 22px
}

a {
    outline: none !important;
    text-decoration: none !important;
    color: #0055a6
}

body {
    line-height: normal;
    overflow-x: hidden
}


div.wpcf7-response-output {
    margin: 1em .5em .5em;
    padding: 2.2em 1em;
    border: 0;
    font-size: 16px !important;
    color: #ff3000
}

.alignleft {
    float: left;
    margin: 6px 28px 28px 0
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 28px
}

.alignright {
    float: right;
    margin: 6px 0 28px 28px
}

blockquote {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    line-height: 38px;
    font-family: OpenSansSB
}

blockquote blockquote:not(.alignleft):not(.alignright) {
    margin-left: 0
}

blockquote:before,
blockquote:after {
    content: "";
    display: table
}

blockquote:after {
    clear: both
}

blockquote > :last-child {
    margin-bottom: 0
}

blockquote cite,
blockquote small {
    color: #1a1a1a;
    font-size: 16px;
    line-height: 1.75
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal
}

blockquote strong,
blockquote b {
    font-weight: 400
}

blockquote.alignleft,
blockquote.alignright {
    border: 0 solid #1a1a1a;
    border-top-width: 4px;
    padding: 18px 0 0;
    width: -webkit-calc(50% - 14px);
    width: calc(50% - 14px)
}

address {
    font-style: italic;
    margin: 0 0 28px
}

code,
kbd,
tt,
var,
samp,
pre {
    font-family: Inconsolata,monospace
}

pre {
    border: 1px solid #d1d1d1;
    font-size: 16px;
    line-height: 1.3125;
    margin: 0 0 28px;
    max-width: 100%;
    overflow: auto;
    padding: 14px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

code {
    background-color: #d1d1d1;
    padding: 2px 4px
}

abbr[title] {
    border-bottom: 1px dotted #d1d1d1;
    cursor: help
}

mark,
ins {
    background: #007acc;
    color: #fff;
    padding: 2px 4px;
    text-decoration: none
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    top: -6px
}

sup {
    bottom: -3px
}

small {
    font-size: 80%
}

big {
    font-size: 125%
}

hr {
    background-color: #d1d1d1;
    border: 0;
    height: 1px;
    margin-bottom: 28px
}

ul,
ol {
    margin: 0 0 28px 0;
    padding: 0
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li > ul,
li > ol {
    margin-bottom: 0
}

li > ul,
blockquote > ul {
    margin-left: 20px
}

li > ol,
blockquote > ol {
    margin-left: 24px
}

dl {
    margin: 0 0 28px
}

dt {
    font-weight: 700
}

dd {
    margin: 0 0 28px
}

table,
th,
td,
.mce-item-table,
.mce-item-table th,
.mce-item-table td {
    border: 1px solid #d1d1d1
}

table a {
    color: #007acc
}

table,
.mce-item-table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 28px;
    width: 100%
}

table th,
.mce-item-table th,
table caption {
    border-width: 0 1px 1px 0;
    font-size: 16px;
    font-weight: 700;
    padding: 7px;
    text-align: left;
    vertical-align: baseline
}

table td,
.mce-item-table td {
    border-width: 0 1px 1px 0;
    font-size: 16px;
    padding: 7px;
    vertical-align: baseline
}

img {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

a img {
    margin: auto
}

figure {
    margin: 0
}

del {
    opacity: .8
}

a {
    color: #191919;
    text-decoration: none
}

fieldset {
    border: 1px solid #d1d1d1;
    margin: 0 0 28px;
    padding: 14px
}

.entry-content ul li {
    margin-left: 15px
}

.entry-content ol li {
    list-style: outside decimal;
    line-height: 28px;
    margin-left: 15px;
    padding-left: 5px;
    font-size: 16px
}

.sidebar_ textarea.wpcf7-form-control {
    height: 80px
}

.sidebar_ .wpcf7-form-control {
    width: 100%;
    border-radius: 0;
    margin-bottom: 1px;
    font-size: 16px;
    color: #333;
    background: #fff;
    border: none;
    padding: 7px 10px
}

.sidebar_ .wpcf7-form-control.wpcf7-submit {
    background: #325971;
    border: none;
    color: #fff;
    float: right;
    width: auto;
    padding: 0;
    cursor: pointer;
    font-size: 17.48px;
    height: 32px;
    border-radius: 4px;
    width: 40%;
    margin-top: 10px
}

div.wpcf7-form-control-wrap {
    display: block;
    overflow: hidden;
    height: 66px
}

.wp-caption {
    background: transparent;
    border: none;
    margin-bottom: 28px;
    max-width: 100%;
    padding: 0;
    text-align: inherit
}

.wp-caption-text,
.wp-caption-dd {
    color: #686868;
    font-size: 13px;
    font-style: italic;
    line-height: 1.6153846154;
    padding-top: 7px
}

.mce-content-body .wpview-wrap {
    margin-bottom: 28px
}

.gallery {
    margin: 0 -1.1666667%;
    padding: 0
}

.gallery .gallery-item {
    display: inline-block;
    max-width: 20%;
    padding: 0 1%;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-1 .gallery-item {
    max-width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery .gallery-caption {
    font-size: 13px;
    margin: 0
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none
}

.wp-audio-shortcode a,
.wp-playlist a {
    box-shadow: none
}

.mce-content-body .wp-audio-playlist {
    margin: 0;
    padding-bottom: 0
}

.mce-content-body .wp-playlist-tracks {
    margin-top: 0
}

.mce-content-body .wp-playlist-item {
    padding: 10px 0
}

.mce-content-body .wp-playlist-item-length {
    top: 10px
}

.rtl blockquote {
    border: 0 solid #1a1a1a;
    border-right-width: 4px
}

.rtl blockquote.alignleft,
.rtl blockquote.alignright {
    border: 0 solid #1a1a1a;
    border-top-width: 4px
}

.rtl blockquote:not(.alignleft):not(.alignright) {
    margin-right: -28px;
    padding: 0 24px 0 0
}

.rtl blockquote blockquote:not(.alignleft):not(.alignright) {
    margin-right: 0;
    margin-left: auto
}

.rtl li > ul,
.rtl blockquote > ul {
    margin-right: 20px;
    margin-left: auto
}

.rtl li > ol,
.rtl blockquote > ol {
    margin-right: 24px;
    margin-left: auto
}

.rtl table th,
.rtl .mce-item-table th,
.rtl table caption {
    text-align: right
}

.navbar-brand {
    padding: 0 0;
    margin: auto;
    float: left
}

.navbar-brand img {
    padding: 5px 20px
}

ul#navbarToggleExternalContent {
    text-align: left;
    float: right;
    margin-top: 12px
}

.top-head {
    background: #222
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    background: transparent;
    color: #ff3000 !important
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child > a.mega-menu-link,
.nav-pills li:last-child a {
    padding: 0 15px !important;
    background-color: #5cb85c !important;
    color: #fff !important;
    border-radius: 4px;
    font-size: 14px;
    line-height: 30px;
    margin: 6px 0 0 !important;
    transition: transform .2s;
    font-family: OpenSans;
    height: 30px
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child:hover > a.mega-menu-link {
    background: #222 !important;
    color: #fff !important
}

.nav-pills li:last-child:hover a {
    color: #fff
}

li.wpml-ls-slot-header_links {
    position: absolute;
    right: 0;
    top: 4px
}

.wpml-ls-legacy-list-horizontal {
    border: 0 !important;
    padding: 0 !important;
    clear: both
}

.wpml-ls-legacy-list-vertical {
    position: absolute;
    right: 0
}

.nav-pills li a,
.nav-pills li a:not([href]):not([tabindex]) {
    display: block;
    font-size: 14px;
    color: #222;
    margin: 16px 0;
    white-space: normal;
    padding: 0 16px 0 16px;
    font-family: MYRIADPRO;
    text-transform: uppercase
}

.nav-pills li a:hover:before,
.nav-pills li a:focus:before,
.nav-pills li a:active:before {
    left: 0;
    right: 0
}

.nav-pills li:last-child a:hover:before,
.nav-pills li:last-child a:focus:before,
.nav-pills li:last-child a:active:before {
    content: none
}

.nav-pills li a:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    right: 50%;
    bottom: -7px;
    background: #ff3000;
    height: 4px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.nav-pills li a {
    position: relative
}

.nav-pills li:last-child {
    margin-left: 10px
}

.nav-pills li:hover .sub-menu li.current-menu-item a,
.nav-pills li.current_page_item a,
.nav-pills li a:focus,
.nav-pills li a:hover,
.nav-pills li a:hover:not([href]):not([tabindex]) {
    text-decoration: none;
    color: #ff3000 !important
}

.nav-pills li.current_page_item:last-child a,
.nav-pills li:last-child a:focus,
.nav-pills li:last-child a:hover,
.nav-pills li:last-child a:hover:not([href]):not([tabindex]) {
    color: #fff
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: transparent
}

.nav-pills li:hover .sub-menu li a:hover {
    text-decoration: none;
    color: #fff;
    background: none
}

.sub-menu {
    display: none
}

.nav-pills li {
    position: relative
}

.nav-pills li .sub-menu li a {
    font-size: 13px
}

.nav-pills li .sub-menu li {
    padding: 0;
    margin: 0
}

.nav-pills li:hover .sub-menu li {
    list-style: none;
    border-bottom: 1px solid #fff
}

.nav-pills li:hover .sub-menu ul.sub-menu {
    left: 100%;
    top: 0;
    background: #0e2841;
    display: none
}

.nav-pills li .sub-menu:hover .sub-menu ul.sub-menu {
    left: 100%;
    top: 0;
    background: #ff1919;
    display: none
}

.nav-pills li:hover .sub-menu li:hover .sub-menu li:hover .sub-menu {
    display: block
}

.nav-pills li:hover .sub-menu {
    background: #fff;
    display: block;
    position: absolute;
    z-index: 16;
    left: 0;
    border-radius: 0;
    width: 250px;
    margin: auto;
    text-align: left;
    top: 44px;
    box-shadow: 2px 0 2px #d8d4d4
}

.nav-pills li:hover .sub-menu li:hover .sub-menu {
    display: block;
    background: #fff
}

.nav-pills li:hover .sub-menu li ul.sub-menu {
    left: 100%;
    top: 0;
    display: none;
    left: 250px
}

.nav-pills li .sub-menu:hover ul.sub-menu {
    display: block;
    margin-top: 20px
}

.nav-pills li .sub-menu:hover ul.sub-menu li {
    border-bottom: 2px solid #ff3000
}

.nav-pills li .sub-menu li:hover ul.sub-menu ul.sub-menu {
    left: 100%;
    top: 0;
    display: none
}

.nav-pills li .sub-menu li ul.sub-menu li:hover ul.sub-menu {
    display: block
}

.nav-pills li:hover .sub-menu li {
    border-bottom: 2px solid #5cb85c;
    display: block;
    list-style: outside none none;
    margin: auto;
    text-align: left;
    float: left;
    min-width: 250px
}

.nav-pills li .sub-menu li:last-child a {
    margin: 0 !important;
    line-height: 16px;
    height: auto
}

.nav-pills .sub-menu li a {
    background: none;
    border-radius: 0;
    color: #222 !important;
    padding: 8px 10px !important;
    margin: 0;
    font-weight: 400;
    width: 200px
}

.header_phone,
.header_email,
.mobile_phone {
    display: inline-block;
    font-size: 14px;
    font-family: OpenSans;
    color: #fff;
    letter-spacing: .5px;
    line-height: 16px;
    padding: 0 0 0
}

.navbar-toggler {
    display: none
}

.mob_menu {
    display: none
}

body.home .home_page .home_container {
    margin: auto
}

.home_container,
.box-content .container,
.main.content .container,
.main_content .container.bg_container,
.main_content.full-width .container.bg_container {
    background: #fff
}

.mobmenu_content #mobmenuright li.menu-item-has-children {
    background-image: none !important
}

.mobmenu_content #mobmenuleft li:hover .sub-menu,
.mobmenu_content #mobmenuright li:hover .sub-menu {
    background-color: #ddd !important
}

.mobmenu_content #mobmenuright li:hover a .sub-menu:hover,
.mobmenu_content #mobmenuright li:active a .sub-menu:hover {
    color: #000 !important
}

.mobmenu_content #mobmenuright li:hover > a,
.mobmenu_content #mobmenuright li.focus > a,
.mobmenu_content #mobmenuright .sub-menu a:hover {
    color: #fff;
    background: #325971
}

.mob-menu-header-holder {
    position: absolute
}

.mob-menu-header-holder {
    background-color: rgb(255,255,255) !important
}

.header_bg {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

.section-title-about h2:before {
    background: none !important
}

.header_bg.fixed-top .contact-info.row {
    display: none
}

.fixed-top .info {
    display: none
}

.mobmenu_content #mobmenuright li.menu-item-has-children {
    background-image: none !important
}

.home-page-content-slider-bottom p {
    font-size: 40px;
    font-family: Dinpro;
    text-align: center;
    color: #fff;
    margin: auto;
    padding: 32px 0
}

div.wpcf7 p {
    margin: 0
}

.sidebar_,
.category_list aside,
.main_blog aside {
    padding: 0;
    color: #222;
    height: auto
}

.category_list ul li,
.main_blog aside ul li {
    list-style: none;
    display: block;
    color: #fff;
    position: relative
}

.rpwwt-post-date {
    position: absolute;
    top: 0;
    left: 73px
}

span.rpwwt-post-title {
    color: #222;
    padding-top: 0;
    position: relative;
    display: block;
    font-size: 13.5px !important;
    padding: 0 15px 0;
    clear: both;
    height: 66px;
    font-family: MYRIADPROSB;
    line-height: 22px
}

.category_list {
    padding-bottom: 30px
}

.category_list section#categories-2 li a {
    border-bottom: 0;
    padding: 15px 15px 15px;
    float: left
}

.category_list section#categories-2 h2 {
    margin: 0 auto 0;
    padding: 15px 15px 5px
}

.category_list .widget.zoom-social-icons-widget h2 {
    margin: 0 auto 0;
    padding-bottom: 15px
}

.category_list section#categories-2 li:last-child a {
    border-bottom: 0
}

.category_list ul li a {
    display: block;
    font-size: 17px;
    color: #676767;
    text-decoration: none;
    padding: 0 0 15px 0
}

.main_blog aside ul li a {
    display: block;
    font-size: 14px;
    color: #676767;
    text-decoration: none
}

.content-area,
.main_content {
    margin: auto
}

.home .main_content {
    padding: 0
}

.category_list ul {
    margin: 0;
    padding: 0 20px
}

.rpwwt-post-date {
    color: #676767;
    font-size: 12px;
    font-family: Poppins
}

.widget.zoom-social-icons-widget h2,
.category_list h2,
.main_blog aside h2 {
    margin: 0 auto 0;
    color: #222;
    font-size: 36px;
    padding: 15px;
    font-family: MYRIADPROSB;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 30px
}

div#rpwwt-recent-posts-widget-with-thumbnails-2 {
    padding: 15px 15px 15px 15px
}

section#categories-2 {
    max-width: 830px;
    margin: 50px auto 20px;
    text-align: center;
    display: block;
    width: 100%;
    clear: both
}

ul.wp-tag-cloud {
    padding-bottom: 20px
}

ul.wp-tag-cloud li a {
    padding: 0
}

ul.wp-tag-cloud li {
    background: #fff;
    border: 1px solid #bfbcbc;
    padding: 7px;
    display: inline-flex
}

section#categories-2,
.widget.zoom-social-icons-widget,
section#tag_cloud-2,
div#rpwwt-recent-posts-widget-with-thumbnails-2 {
    background: #f8f8f8;
    display: block;
    overflow: hidden
}

div#rpwwt-recent-posts-widget-with-thumbnails-2 li {
    float: left;
    width: 23%;
    border: 1px solid #ddd;
    margin: 0 1% 20px !important
}

div#rpwwt-recent-posts-widget-with-thumbnails-2 img {
    border-radius: 0;
    display: block;
    padding: 0;
    width: 100%;
    margin: 0;
    object-fit: contain
}

.rpwwt-widget ul li {
    overflow: hidden;
    margin: 0 0 10px !important;
    float: left;
    width: 50%
}

.widget.zoom-social-icons-widget li a.zoom-social_icons-list__link {
    margin: 0 8px
}

.widget.zoom-social-icons-widget li:first-child a.zoom-social_icons-list__link {
    background: #1da1f2;
    color: #fff
}

.widget.zoom-social-icons-widget li:nth-child(2) a.zoom-social_icons-list__link {
    background: #3b5998;
    color: #fff
}

.widget.zoom-social-icons-widget li:nth-child(3) a.zoom-social_icons-list__link {
    background: #e4405f;
    color: #fff
}

.widget.zoom-social-icons-widget li:nth-child(4) a.zoom-social_icons-list__link {
    background: #0077B5;
    color: #fff
}

.widget.zoom-social-icons-widget li a {
    padding: 0
}

.home-page-slider-section {
    width: 100%
}

.slider {
    margin-left: -15px;
    margin-right: -15px
}

body.home .home_page .home_container {
    padding: 0
}

.header_bg {
    padding-right: 20px;
    padding-left: 20px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    border: 0;
    padding: 10px 20px
}

.mob-menu-header-holder.mobmenu {
    box-shadow: 2px 1px 4px #ddd
}

.footer-left li {
    list-style-type: none;
    line-height: 28px
}

.footer-right li {
    list-style-type: none
}

.ftr a {
    color: #fff;
    transition: 0.5s ease-in-out
}

.ftr ul li {
    transition: 0.5s ease-in-out
}

.ftr ul li:hover a,
.ftr a:hover {
    color: #ff3000;
    transition: 0.5s ease-in-out
}

.ftr ul li {
    list-style: none
}

.footer-middle2 ul.cnss-social-icon li.cn-fa-icon a {
    background-color: #cd201f !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50px !important;
    display: flex !important;
    align-items: center;
    justify-content: center
}

.footer-middle2 .widget_cnss_widget {
    margin-top: 10px
}

.ftr {
    color: #fff
}

.copy_right p {
    font-size: 14.79px
}

.col-md-3.ftr_middle {
    padding-left: 5%
}

.wpcf7-form-control,
.wpcf7-form-control-wrap .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    border: 1px solid;
    height: 35px;
    font-size: 18.67px;
    color: #000;
    background: #fff;
    margin: 0 0 4px;
    width: 100%;
    padding: 0 0 0 20px;
    display: block;
    vertical-align: top;
    border-radius: 0;
    display: inline-block;
    padding: 10px;
    text-align: left
}

.wpcf7-form-control.wpcf7-textarea {
    height: 110px;
    width: 100%;
    padding: .375rem .75rem;
    text-align: l
}

.wpcf7-form-control.wpcf7-submit {
    max-width: 280px;
    width: 100%;
    border-radius: 0;
    color: #fff;
    background: #ff3000;
    height: 50px;
    font-size: 26px;
    margin: 0 0 10px;
    display: block;
    padding: 0;
    line-height: 50px;
    border-radius: 0;
    margin: 45px auto 0;
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    font-family: OpenSansSB
}

ul.cnss-social-icon li {
    padding: 0 0px !important
}

.contact-left {
    padding-right: 2px
}

.contact-right {
    padding-left: 2px
}

.wpcf7-form-control-wrap.your-address .wpcf7-form-control {
    min-height: 67px
}

.wpcf7-form-control-wrap.your-message .wpcf7-form-control {
    min-height: 102px
}

::placeholder {
    color: #000
}

h1.entry-title,
h2.comment-reply-title,
.woocommerce-additional-fields > h3,
.checkout.woocommerce-checkout > h3,
.woocommerce-billing-fields > h3 {
    color: #000;
    font-size: 30px;
    margin: 20px auto 15px;
    text-transform: uppercase;
    font-family: Dinpro;
    text-align: left
}

h1.entry-title {
    color: #000;
    font-size: 40px;
    margin: 0;
    text-transform: uppercase;
    font-family: Dinpro;
    text-align: left
}

aside label {
    display: block;
    color: #fff
}

aside input.search-field {
    width: calc(100% - 56px);
    border: 1px solid #ddd;
    height: 50px;
    padding: 0 10px;
    display: block;
    float: left
}

section.widget.widget_search {
    margin: 0 0 32px
}

aside button.search-submit span.screen-reader-text {
    top: 0;
    clip-path: unset !important;
    position: relative !important
}

aside button.search-submit span.screen-reader-text::before {
    position: absolute;
    content: '';
    font-family: FontAwesome;
    color: #fff;
    left: 15px;
    top: -1px;
    font-size: 24px
}

aside button.search-submit {
    padding: 0;
    text-transform: uppercase;
    color: transparent;
    overflow: hidden;
    font-weight: 700;
    background: #ffca29;
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    height: 50px;
    width: 57px;
    margin-left: -2px
}

.search-form {
    position: relative
}

section.widget.widget_search {
    margin: 0 0 30px;
    padding: 25px 20px;
    background: #f8f8f8
}

.main_blog {
    overflow: hidden
}

.main_blog article {
    width: 100%;
    max-width: 100%
}

.main_blog article h2.entry-title {
    font-weight: 600;
    font-size: 27px;
    text-align: left;
    padding: 20px 25px 0;
    line-height: 35px;
    font-family: MYRIADPROSB;
    max-width: 100%
}

.main_blog article h2.entry-title a:hover {
    color: #ff3000
}

.by-date span {
    position: relative;
    padding: 0 10px
}

.rpwwt-widget ul {
    margin: 0;
    padding: 0
}

.rpwwt-widget ul li {
    overflow: hidden;
    margin: 0 0 10px !important
}

.by-date ul.post-categories {
    margin: 0;
    display: inline-block
}

.by-date ul li {
    list-style: none
}

.by-date,
.by-date ul li a {
    padding: 25px 15px 0 15px;
    font-size: 14px;
    color: #9c9c9c;
    line-height: 22px;
    font-style: normal
}

.by-date ul li a {
    padding: 0 4px
}

.read-more-date {
    padding: 0 15px
}

.main_blog article .entry-content p {
    text-align: left;
    padding: 15px 0 0 0;
    font-size: 14px;
    color: #676767;
    font-family: Poppins;
    line-height: 22px
}

.read-more-date a {
    color: #ffca29;
    font-style: italic;
    font-size: 14px;
    width: 100%;
    max-width: 108px;
    display: block;
    text-align: left;
    font-family: OpenSans;
    padding: 0
}

.main_blog article footer.entry-footer {
    display: none
}

.post-full a {
    color: #1e76d0
}

.post-full {
    line-height: 26px;
    font-size: 15px
}

.post-full h3 {
    font-size: 24px;
    margin: 15px 0;
    font-family: MYRIADPROSB
}

.inner-banner.blog-banner h1 {
    font-size: 36px;
    text-align: center
}

.post-full h2 {
    font-size: 24px;
    margin: 15px 0
}

span.rpwwt-post-title {
    color: #222
}

.rpwwt-post-excerpt {
    color: #676767;
    font-size: 14px;
    line-height: 19px;
    font-family: brown !important
}

nav.navigation.pagination {
    text-align: center;
    margin: 0 auto 50px;
    display: block;
    font-size: 18px
}

a.next.page-numbers::before,
a.prev.page-numbers::before {
    position: absolute;
    content: '';
    font-family: FontAwesome;
    font-size: 30px;
    color: #ddd;
    top: 7px;
    left: 15px
}

a.page-numbers {
    padding: 0 18px
}

a.next.page-numbers:before,
a.prev.page-numbers:before {
    position: absolute;
    content: '';
    font-family: FontAwesome;
    font-size: 33px;
    color: #fff;
    left: 18px
}

a.prev.page-numbers {
    position: relative;
    width: 47px;
    height: 47px;
    display: inline-block;
    overflow: hidden;
    background: #000;
    top: 15px;
    color: #000;
    border: 0 solid #ddd;
    border-radius: 4px
}

a.prev.page-numbers:hover,
a.next.page-numbers:hover {
    background: #000;
    color: #000
}

a.next.page-numbers::before {
    content: ''
}

a.next.page-numbers {
    position: relative;
    width: 47px;
    height: 47px;
    display: inline-block;
    overflow: hidden;
    color: #ff3000;
    background: #ff3000;
    border: 0;
    top: 15px;
    border-radius: 4px
}

.single-post footer.comment-meta,
footer.entry-footer {
    background: transparent;
    color: #000
}

.single-post .banner .navbar-inverse {
    background: rgb(35,31,32,.4)
}

.single-post .entry-body ol ol {
    list-style: disc !important
}

.single-post .entry-body {
    padding: 50px
}

.single-post .entry-body ol {
    margin-left: 25px
}

.single-post .post-full {
    box-shadow: 1px 3px 15px #d0c9c9;
    margin: 0 15px 40px
}

.single-post .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    margin: 0 auto 0;
    max-width: 100%;
    width: -moz-fit-content;
    display: block;
    width: 100%;
    padding: 50px
}

.single-post .author .avatar.avatar-49.photo {
    margin-right: 15px
}

.single-post .entry-footer a {
    color: #0055a6;
    margin: auto 5px
}

.single-post .content-area {
    border-top: 1px solid #0055a6;
    margin: 25px 0 0
}

.single-post article {
    width: 100%
}

.post-full {
    margin-bottom: 100px
}

.single-post .entry-header {
    display: block
}

.single-post .entry-meta {
    margin: 25px auto 0
}

.single-post h1 {
    color: #12120e;
    font-size: 36px;
    font-weight: 600;
    margin: 0 auto 20px
}

.single-post p.belief {
    font-size: 15px;
    line-height: 23px
}

.post-listing .most-post {
    box-shadow: 1px 3px 10px #d0c9c9;
    padding: 0 px 10px;
    margin: 0 0 20px
}

.single-post .post-full {
    box-shadow: 1px 3px 9px #d0c9c9;
    margin: 0 0 40px
}

.single-post .navigation.post-navigation {
    display: none
}

.single-post form.comment-form {
    background: #eee none repeat scroll 0 0;
    padding: 40px;
    width: 75%;
    margin-bottom: 60px
}

.single-post h2.comment-reply-title {
    background: #eee none repeat scroll 0 0;
    color: #0055a6;
    line-height: normal;
    margin: 20px auto 25px 0;
    padding: 10px 15px;
    text-transform: uppercase;
    width: 75%;
    font-size: 22px
}

.single-post form.comment-form .comment-notes {
    color: #0055a6
}

.single-post form.comment-form input,
.single-post form.comment-form textarea {
    border: 0 none;
    color: #666;
    font-size: 16px;
    padding: 11px 15px;
    width: 100%;
    border: 1px solid #0055a6;
    margin-bottom: 10px
}

.single-post form.comment-form textarea {
    height: 100px;
    resize: none
}

.single-post .form-submit .submit {
    background: #121b56 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    padding: 8px 18px;
    text-transform: uppercase;
    width: auto
}

.blog .entry-header {
    display: block
}

div#ui-datepicker-div {
    top: 195px !important
}

.recap {
    background: #fff;
    height: 102px;
    overflow: hidden
}

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    background: #fff;
    height: auto;
    padding: 0
}

.g-recaptcha {
    transform: scale(.68);
    transform-origin: 0 0
}

li.menu-item.menu-item-has-children li.menu-item.menu-item-has-children a:before,
li.menu-item.menu-item-has-children .sub-menu li a:before {
    content: none !important
}

li.menu-item.menu-item-has-children a {
    position: relative
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children a {
    position: relative
}

.header_bg.fixed-top .info a,
.header_bg.fixed-top .sofi .site_timing {
    display: none
}

.ftr .wpcf7-form-control,
.ftr .wpcf7-form-control-wrap .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    background: #fff;
    color: #1e1e63;
    border: none;
    font-size: 14px;
    font-family: Dinpro
}

.grid-blog a.post-thumbnail {
    height: 275px;
    overflow: hidden;
    position: relative;
    display: block
}

.grid-blog pre {
    border: 0 solid #d1d1d1;
    font-size: 16px;
    line-height: normal;
    margin: -25px 0 0;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    white-space: pre-line;
    word-wrap: break-word
}

.grid-blog a.post-thumbnail img {
    width: 100%;
    display: block;
    height: 100%
}

.mt-140 {
    margin-top: 50px
}

.entry-body p a,
.entry-body p a:hover,
.entry-body p a:focus,
.entry-body p a:active {
    color: #007bff !important
}

.main_blog article {
    padding: 0 0 2px;
    position: relative;
    margin: 0 1% 40px;
    float: left;
    max-width: 48%
}

.case-meta {
    box-shadow: 0 2px 10px #dedede;
    background: #fff;
    padding: 0 0 20px;
    max-width: 94%;
    margin: -42px auto 0;
    z-index: 999;
    position: relative;
    height: 300px
}

h2.screen-reader-text,
span.meta-nav.screen-reader-text {
    display: none
}

.search-d .main_blog article h2.entry-title {
    padding: 0 0 10px
}

.search-d .main_blog article {
    padding: 0 0 22px;
    position: relative;
    margin: 12px 1.5% 30px;
    border: 0 solid #ddd;
    background: #fff
}

.grid {
    box-shadow: 2px 3px 15px 2px #dedede;
    padding: 0 0 30px;
    position: relative
}

.grid .entry-body {
    padding: 5px 15px
}

.grid .entry-body h3 {
    font-size: 24px;
    line-height: normal
}

.grid .entry-media {
    position: relative
}

.grid .entry-media span {
    position: absolute
}

.grid .entry-media {
    height: 300px;
    overflow: hidden
}

.card-meta strong {
    font-weight: 400
}

.card-meta {
    color: #67646c;
    font-style: italic;
    font-size: 14px;
    line-height: 22px
}

@media only screen and (max-width:767px) {
    .sidebar_,
    .category_list aside,
    .main_blog aside {
        padding: 0 10px
    }

    .grid .entry-media {
        height: 200px
    }

    .entry-body h3 {
        font-size: 20px
    }

    .grid .entry-body h3 {
        font-size: 18px
    }

    .main_blog article {
        width: 100%;
        max-width: 100%;
        float: none
    }

    .inner-banner.blog-banner h1 {
        font-size: 30px
    }

    .post-full {
        margin-bottom: 100px
    }
}

@media only screen and (max-width:414px) {
    .navigation .brand {
        padding: 0 0 0 15px;
        position: absolute;
        top: 6px
    }

    .inner-banner.blog-banner h1 {
        font-size: 20px;
        line-height: 24px
    }
}

.ftr .wrapper.center-block {
    display: none
}

.grid-blog .entry-content {
    padding: 0 22px
}

.main_blog article .entry-content p {
    margin: 0 0 10px;
    text-align: left;
    padding: 0 0 0 0;
    font-size: 16px;
    color: #676767;
    font-family: MYRIADPRO;
    line-height: 22px;
    margin-top: -20px;
    white-space: pre-line
}

.blog-page {
    padding: 105px 0 100px
}

a.more-link {
    color: #ff3000
}

.aboutus-heading h2 span,
.brands-home-title h2 span,
.portfolio-home-title h2 span,
.service-heading h2 span {
    color: #ff3000
}

.service-heading h2 {
    font-size: 44px;
    margin: 0 auto 25px;
    position: relative;
    font-family: MYRIADPROB;
    text-transform: capitalize !important
}

.service-heading h2:before {
    background: url(../../../../../../themes/kaira/img/line-bottom.png) no-repeat;
    content: "";
    display: block;
    left: 50%;
    transform: translate(-50%);
    position: absolute;
    width: 505px;
    height: 2px;
    top: 100%;
    margin-top: 5px
}

.service-heading p {
    font-size: 16px;
    line-height: 25px
}

.services a {
    cursor: default
}

.service-img {
    height: 100px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    margin: 0 auto 50px
}

#startchange h4 {
    text-transform: uppercase;
    font-size: 22px;
    color: #222;
    margin: 0 auto;
    font-family: MYRIADPROB
}

div#service-web-develop:before {
    width: 60px;
    height: 34px;
    content: '';
    top: -68px;
    position: absolute;
    border-bottom: 34px solid #1bbe9e;
    border-top: 34px solid transparent;
    border-left: 34px solid transparent;
    border-right: 34px solid transparent;
    left: 47%
}

div#service-mobile:before {
    width: 60px;
    height: 34px;
    content: '';
    top: -68px;
    position: absolute;
    border-bottom: 34px solid #389acc;
    border-top: 34px solid transparent;
    border-left: 34px solid transparent;
    border-right: 34px solid transparent;
    left: 22%
}

div#service-cms:before {
    width: 60px;
    height: 34px;
    content: '';
    top: -68px;
    position: absolute;
    border-bottom: 34px solid #fa8758;
    border-top: 34px solid transparent;
    border-left: 34px solid transparent;
    border-right: 34px solid transparent;
    left: 73.5%
}

.services-details-content {
    width: 100%;
    padding: 15px 0 0;
    color: #fff;
    text-align: center;
    display: inline-block
}

.services-details-content h4 {
    line-height: 30px;
    padding: 50px 0;
    margin: 0;
    font-size: 20px;
    line-height: 36px;
    max-width: 856px;
    margin: 0 auto;
    color: #fff
}

.aboutus-heading h2 span,
.leader-sec .brands-home-title h2 span,
.portfolio-home-title h2 span,
.service-heading h2 span {
    color: #ff3000
}

.service-content {
    width: 100%;
    padding: 0;
    text-align: center;
    position: relative
}

div#service-mobile {
    background: #389acc
}

div#service-web-develop {
    background: #1bbe9e
}

#service-cms {
    background: #fa8758
}

#startchange {
    padding: 99px 0 49px
}

.service-content .btn {
    margin: 0 10px 10px
}

.service-content h1,
.service-content h2 {
    font-size: 100px;
    position: absolute;
    font-family: OpenSansB;
    color: rgba(255,255,255,.3) !important;
    text-transform: capitalize;
    margin: 0
}

.service-content h2 {
    left: auto;
    right: 0;
    bottom: -25px
}

div#service-cms h2 {
    left: auto;
    right: 0;
    bottom: -10px
}

.services-details-content h3 {
    margin: 0 0 10px;
    font-size: 2em
}

.services-details-content h4 {
    line-height: 30px;
    padding: 50px 0;
    margin: 0;
    font-size: 20px;
    line-height: 36px;
    max-width: 856px;
    margin: 0 auto
}

.service-icons {
    margin: 0 auto;
    display: inline-block
}

.service-mobile {
    background-color: #389acc
}

.service-web {
    background-color: #1bbe9e
}

.service-cms {
    background-color: #fa8758
}

.service-qa {
    background-color: #159C49
}

.service-icons-img {
    display: block;
    text-align: center
}

.service-icons-img a {
    display: block;
    color: #fff;
    font-size: 16px
}

.service-icons-img img {
    display: block;
    height: 100%
}

.service-icons-img h3 {
    height: 60px;
    margin: 0 auto 17px;
    display: flex;
    align-items: center
}

.btn-develop {
    background-color: transparent;
    border-color: #fff;
    border-radius: 6px !important;
    border-width: 2px;
    color: #fff;
    font-size: 1.125em;
    text-transform: uppercase
}

.serv-button a {
    height: 53px;
    border: 0;
    font-size: 22px;
    background: #ff3000;
    opacity: 1;
    position: relative;
    z-index: 99;
    width: 190px;
    padding: 0;
    line-height: 53px;
    font-family: OpenSans;
    text-transform: capitalize
}

.serv-button a:last-child {
    background: #222
}

#service-mobile .btn-develop:hover {
    color: #389ACC
}

#service-web-develop .btn-develop:hover {
    background-color: #fff;
    color: #1BBE9E
}

#service-cms .btn-develop:hover {
    background-color: #fff;
    color: #FA8758
}

.border-dash {
    border-radius: 3px;
    position: absolute;
    height: 5px;
    width: 50px;
    display: block;
    top: -50px;
    z-index: 2;
    border: 0 solid #000;
    margin-top: 0;
    margin-left: 15px;
    transition: background-color 0.2s;
    pointer-events: none
}

.aboutus {
    padding: 110px 0 40px
}

.aboutus-heading {
    position: relative;
    margin: 0 0 60px
}

.aboutus-heading h2 {
    font-size: 44px;
    margin: 0 auto 25px;
    position: relative;
    font-family: MYRIADPROB;
    text-transform: capitalize !important
}

.aboutus-heading h2:before {
    background: url(../../../../../../themes/kaira/img/line-bottom2.png) no-repeat;
    content: "";
    left: 58%;
    transform: translate(-50%);
    position: absolute;
    width: 505px;
    height: 2px;
    top: 100%;
    margin-top: 5px
}

.aboutus h3 {
    font-size: 22px;
    font-family: OpenSansSB;
    line-height: 33px;
    padding-right: 30px
}

.aboutus p {
    font-size: 16px;
    line-height: 25px;
    font-family: OpenSans;
    padding-right: 34px
}

.about-img img {
    width: 100% !important
}

.about-content-logo {
    position: relative
}

.orange {
    color: #f60
}

.tomato {
    color: #EA4852
}

.portfolio-home {
    padding-top: 20px
}

.brands-home-title h2,
.portfolio-home-title h2 {
    font-size: 42px;
    margin: 0 auto 40px;
    position: relative;
    font-family: MYRIADPROB;
    text-transform: capitalize !important
}

.portfolio-home-title h2:before {
    background: url(../../../../../../themes/kaira/img/line-bottom.png) no-repeat;
    content: "";
    display: block;
    position: absolute;
    width: 506px;
    height: 2px;
    top: 100%;
    margin-top: 5px;
    left: 50%;
    transform: translate(-50%)
}

#porfolio-flip {
    padding: 25px 0 0;
    margin-bottom: 30px
}

.project-tech {
    height: 65px;
    padding: 10px;
    position: inherit;
    z-index: 30;
    text-transform: capitalize
}

.project-tech img {
    max-height: 50px;
    max-width: 50px
}

.card {
    float: left;
    background-color: #fff;
    margin: 5px 5px 5px 5px;
    text-align: center
}

.cards-wrap {
    margin-left: 6px;
    margin-right: 10px
}

.card__front,
.card__back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card__front,
.card__back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s
}

.card__front {
    background-color: #ff5078
}

.card__back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.card.effect__random.vertical .card__back {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.card__text {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 20px;
    color: #fff;
    font-family: "Roboto Slab",serif;
    line-height: 20px
}

.card.effect__random.flipped .card__front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.card.effect__random.flipped .card__back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.card.effect__random.vertical.flipped .card__front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateX(-180deg)
}

.card.effect__random.vertical.flipped .card__back {
    -webkit-transform: rotateY(0);
    transform: rotateX(0)
}

.big-mid,
.info-last,
.info-one,
.small-one,
.small-two {
    position: relative
}

.info-photo-main {
    clear: both;
    display: block;
    margin: 0 auto;
    width: 1150px;
    height: 405px
}

.info-one {
    float: left;
    height: 384px;
    width: 330px
}

.info-mid {
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    float: left;
    height: 384px;
    width: 485px
}

.small-one {
    float: left;
    height: 188px;
    width: 232px
}

.small-two {
    border-left: 8px solid #fff;
    float: left;
    height: 188px;
    width: 232px
}

.big-mid {
    border-top: 8px solid #fff;
    float: left;
    height: 191px;
    width: 473px
}

.info-last {
    float: left;
    height: 384px;
    overflow: hidden;
    width: 330px
}

.btn-black {
    background: #000 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px
}

.btn-black:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none
}

.btn-success {
    background-color: #59be7a;
    border-color: #59be7a;
    font-size: 1.125em;
    border-radius: 4px !important
}

.brands-home-title h2,
.aboutus-heading h2,
.service-heading h2 {
    margin-top: 0
}

.leader-sec {
    background: #efefef;
    padding: 110px 0
}

.brands {
    padding: 20px 0;
    display: inline-block;
    width: 100%
}

.brands-home-title h2 {
    margin: 0 auto 77px
}

.brands-home-title {
    position: relative
}

.brands-home-title h2:before {
    background: url(../../../../../../themes/kaira/img/line-bottom.png) no-repeat;
    content: "";
    display: block;
    position: absolute;
    width: 506px;
    height: 2px;
    top: 100%;
    margin-top: 5px;
    left: 50%;
    transform: translate(-50%)
}

.logical-reason .service-icons-img {
    margin-right: 0
}

.logical-reason .service-icons-img {
    margin-right: 0;
    padding-top: 80px
}

.logical-reason {
    padding: 105px 0 110px;
    display: inline-block;
    width: 100%
}

.logical-reason .service-icons-img img {
    height: 100px;
    margin: 0 auto 25px;
    text-align: center
}

.logical-reason .col-sm-4.col-xs-12:nth-child(5) .service-icons-img h4,
.logical-reason .col-sm-4.col-xs-12:nth-child(6) .service-icons-img h4 {
    max-width: 80%;
    margin: 0 auto
}

.logical-reason .service-icons-img h4.grey {
    font-size: 18px;
    font-family: OpenSansSB;
    color: #9d9d9d !important;
    line-height: 22px;
    text-align: center;
    margin: 0 auto
}

.free-quote-home {
    background: url(../../../../../../themes/kaira/img/word-back.jpg) no-repeat center center / cover;
    padding: 100px 0 83px;
    overflow: hidden
}

.free-quote-heading {
    position: relative;
    margin: 0 0 30px
}

.free-quote-heading h2 {
    color: #fff;
    font-size: 44px;
    font-family: MYRIADPROB;
    margin: 0 auto 25px;
    text-transform: capitalize
}

.free-quote-home a {
    width: 100%;
    border: 0;
    max-width: 316px;
    height: 55px;
    line-height: 55px;
    padding: 0;
    background: #ff3000;
    font-size: 23px
}

.free-quote-home p {
    font-size: 18px;
    font-family: OpenSans;
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px;
    line-height: 25px
}

.free-quote-heading h2:before {
    background: url(../../../../../../themes/kaira/img/white-bottom.png) no-repeat;
    content: "";
    display: block;
    position: absolute;
    width: 504px;
    height: 2px;
    top: 100%;
    margin-top: 5px;
    left: 50%;
    transform: translate(-50%)
}

.free-quote-content {
    margin-bottom: 30px;
    line-height: 30px
}

.light-skyblue {
    color: #fff
}

.btn-primary {
    background-color: #5db75d;
    border-color: #5db75d;
    font-size: 1.10em;
    border-radius: 4px !important
}

.btn-primary:hover {
    background-color: #468b46;
    border-color: #468b46
}

.footer-mob {
    display: none
}

footer.ftr {
    background-color: #fff;
    display: block;
    padding-top: 75px;
    width: 100%;
    clear: both
}

.ftr p {
    font-size: 14px;
    line-height: 22px;
    font-family: OpenSans;
    margin: 0 auto 25px;
    color: #000
}

.ftr ul {
    margin: 0;
    padding: 0
}

.ftr ul li {
    font-size: 14px;
    line-height: 29px;
    list-style: none;
    font-family: OpenSans
}

.ftr ul li a {
    color: #222
}

.ftr_rght li {
    background: url(../../../../../../themes/kaira/img/location.png) no-repeat 0 5px;
    padding-left: 25px;
    padding-bottom: 20px
}

.ftr_rght ul li {
    line-height: 22px
}

.ftr_rght li:nth-child(2) {
    background: url(../../../../../../themes/kaira/img/phone.png) no-repeat 0 5px
}

.ftr_rght li:nth-child(3) a,
.ftr_rght li:nth-child(4) a {
    color: #222
}

.ftr_rght li:nth-child(3):hover a,
.ftr_rght li:nth-child(3):hover,
.ftr_rght li:nth-child(4):hover,
.ftr_rght li:nth-child(4):hover a {
    color: #ff3000
}

.ftr_rght li:nth-child(3) {
    color: #000;
    background: url(../../../../../../themes/kaira/img/email.png) no-repeat 0 5px
}

.ftr_rght li:nth-child(4) {
    color: #000;
    background: url(../../../../../../themes/kaira/img/email.png) no-repeat 0 5px
}

.ftr_rght li:nth-child(5) {
    background: url(../../../../../../themes/kaira/img/Skype-footer.png) no-repeat 0 5px
}

.ftr_middle ul li,
.ftr_middle2 ul li {
    text-transform: uppercase
}

.footer-socials {
    text-align: left !important
}

ul.cnss-social-icon li.cn-fa-icon a.cnss-behance {
    background-color: #d93725 !important
}

ul.cnss-social-icon li.cn-fa-icon a.cnss-linkedin-in {
    background: #0e76a8 !important
}

ul.cnss-social-icon li a {
    border-radius: 4px !important
}

.ftr .copy_right {
    margin-top: 55px;
    border-top: 1px solid #ddd
}

.ftr .copy_right p {
    font-size: 14px;
    line-height: normal;
    font-family: OpenSans;
    padding: 15px 0 11px;
    margin: 0 auto 0;
    text-align: center
}

.ftr h3.widget-title {
    font-size: 22px;
    text-transform: uppercase;
    font-family: OpenSansSB;
    margin: 0 0 28px;
    color: #000
}

.footer ul {
    list-style: none;
    text-align: center;
    margin: 0;
    padding-left: 0
}

.footer ul li {
    display: inline;
    color: #5b6d80;
    font-size: 1.125em
}

.footer ul li a {
    color: #3377ab;
    margin: 0 10px;
    padding: 10px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

.footer ul li a:hover {
    color: #23527c
}

.hvr-underline-reveal:before {
    background: #00A2D5 !important
}

.footer-social {
    margin: 30px 0
}

.footer-social i {
    background: transparent;
    position: relative;
    padding: .7em 0em;
    height: 42px;
    width: 42px;
    cursor: pointer;
    display: inline-block;
    transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease
}

.footer-social i:not(:first-child) {
    margin-left: 1em
}

.footer-social i:hover {
    border-radius: 50%
}

.footer-social i:nth-child(1) {
    color: #3b5998;
    border: 2px solid #3b5998
}

.footer-social i:nth-child(1):hover {
    background-color: #3b5998;
    color: #fff
}

.footer-social i:nth-child(2) {
    color: #00a0d1;
    border: 2px solid #00a0d1
}

.footer-social i:nth-child(2):hover {
    background-color: #00a0d1;
    color: #fff
}

.footer-social i:nth-child(3) {
    color: #0077B5;
    border: 2px solid #0077B5
}

.footer-social i:nth-child(3):hover {
    background-color: #0077B5;
    color: #fff
}

.footer-social i:nth-child(4) {
    color: #db4a39;
    border: 2px solid #db4a39
}

.footer-social i:nth-child(4):hover {
    background-color: #db4a39;
    color: #fff
}

.footer-social i:nth-child(5) {
    color: #cb2027;
    border: 2px solid #cb2027
}

.footer-social i:nth-child(5):hover {
    background-color: #cb2027;
    color: #fff
}

.copyright {
    color: #023669
}

.testimonials-sec {
    background: url(../../../../../../themes/kaira/img/testmonials-back.jpg) no-repeat center center / cover;
    padding-top: 104px
}

div#carousel-2 .carousel-item .col-md-6:first-child img {
    text-align: center;
    margin: 20px auto 0;
    display: block
}

.tg-custom-padding {
    padding: 75px 0
}

.tg-lightgray {
    background: #f7f7f7
}

.tg-main-section {
    padding: 40px 0 0;
    background-image: url(../../../../../../themes/kaira/img/testimonialbg.jpg);
    background-repeat: no-repeat;
    background-position: center center
}

.tg-haslayout {
    width: 100%;
    float: left;
    margin-bottom: 0
}

.tg-buynowbox {
    width: 100%;
    float: left;
    text-align: center
}

.tg-img-box {
    width: 100%;
    float: left;
    margin: 0;
    padding: 30px 0 0;
    z-index: 1
}

figure {
    margin-bottom: 6px;
    position: relative
}

.tg-img-box img {
    width: 100%;
    height: auto;
    display: block
}

.tg-verticalmiddle,
.tg-verticalbottom {
    margin: 0 -1px;
    float: none !important;
    display: inline-block;
    vertical-align: middle
}

.tg-verticalmiddle,
.tg-verticalbottom {
    margin: 0 -1px;
    float: left !important;
    display: inline-block;
    vertical-align: middle
}

.tg-testimonials {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1
}

.tg-heading-border {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    position: relative
}

.tg-heading-border h2 {
    font-size: 44px;
    line-height: 50px;
    margin: 0 0 0;
    text-transform: capitalize !important;
    color: #fff;
    position: relative;
    font-family: OpenSansB;
    text-align: center
}

.tg-heading-border h2:before {
    background: url(../../../../../../themes/kaira/img/white-bottom.png) no-repeat;
    content: "";
    display: block;
    position: absolute;
    width: 504px;
    height: 2px;
    top: 100%;
    margin-top: 5px;
    left: 50%;
    transform: translate(-50%)
}

.tg-message-slider .item blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1.125em;
    line-height: 24px;
    padding: 12px 0 9px 100px;
    position: relative
}

.tg-buynowbox h3 {
    float: left;
    margin: 11px 0;
    text-transform: uppercase;
    font: 400 27px/27px 'robotoregular'
}

.tg-testimonials-slider {
    padding: 0;
    z-index: 2;
    position: relative
}

.tg-message-slider {
    padding: 0 0 40px;
    border-bottom: 1px solid #ddd
}

.tg-author-slider .item .tg-author-img {
    float: left;
    overflow: hidden;
    position: relative;
    margin: 0 30px 0 0;
    border: 1px solid #ddd
}

.tg-author-slider .item .tg-author-detail {
    overflow: hidden;
    padding: 11px 0
}

.tg-heading-border {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    position: relative
}

.tg-heading-border h3 {
    font-size: 1em;
    line-height: 16px;
    margin: 0 0 12px;
    color: #fff
}

.tg-author-slider .item {
    padding: 32px 10px 15px;
    position: relative
}

.tg-author-slider .item:after {
    width: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 3px
}

.tg-author-slider .synced .item:after {
    width: 100%;
    transition: width 5s ease-in;
    -o-transition: width 5s ease-in;
    -ms-transition: width 5s ease-in;
    -moz-transition: width 5s ease-in;
    -webkit-transition: width 5s ease-in
}

.tg-author-slider .item:after {
    background: #92C963
}

.item q {
    color: #fff
}

.video-block-left {
    width: 100%;
    height: auto;
    display: block;
    clear: both;
    margin-top: 0;
    border: 1px solid #ababab
}

.video-block-left {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.video-block-left .video-block-small {
    position: relative;
    display: block;
    width: 100%
}

.video-block-left .video-block-small .holder {
    padding: 0 10px
}

.video-block-left .video-block-small .video-wrap {
    background-size: cover;
    background-position: 40% 100%;
    position: relative;
    height: 220px
}

.video-block-left .video-block-small .play {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin: 2px 0 0 -1px
}

.video-block-left .video-block-small .play .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    line-height: 1;
    font-size: 70px;
    margin: 0 0 0 3px;
    font-family: FontAwesome
}

.icon-play:before {
    content: "\f01d"
}

.testimonials-video-section {
    padding: 5px 10px;
    margin: 0;
    color: #4BA1D0;
    background-color: #EAEAEA;
    font-weight: 400;
    border: 1px solid #fff
}

.testimonials-video-section h5 {
    font-size: .8rem;
    color: #000
}

.testimonials-video-section h4 {
    font-size: 1rem
}

.left-content p {
    font-size: 18px;
    font-family: OpenSans;
    line-height: 27px
}

.left-content h5 {
    font-family: OpenSansB;
    font-size: 18px
}

.left-content {
    padding-top: 70px;
    max-width: 80%;
    color: #fff;
    padding-left: 70px
}

.owl-dots {
    display: none
}

.owl-theme .owl-nav {
    margin-top: 60px;
    margin-left: 100px;
    position: absolute
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none !important
}

button:focus {
    outline: 0 auto -webkit-focus-ring-color !important
}

button.owl-next span {
    background: url(../../../../../../themes/kaira/img/arrow-r.png) no-repeat !important;
    color: transparent;
    width: 40px;
    height: 100%;
    background-size: 100% 100%;
    display: block
}

button.owl-prev span {
    background: url(../../../../../../themes/kaira/img/arrow-l.png) no-repeat !important;
    color: transparent;
    width: 40px;
    height: 100%;
    background-size: 100% 100%;
    display: block
}

.inner-banner {
    padding: 100px 0 85px;
    background: url(../../../../../../themes/kaira/img/inner-banner.jpg) no-repeat center center / cover
}

.inner-banner h1 {
    margin: 0 auto;
    font-size: 49px;
    font-family: OpenSansB;
    display: block;
    width: 100%
}

.inner-banner h5 {
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    font-family: OpenSans
}

.inner-banner ul {
    clear: both;
    float: none;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center
}

.inner-banner ul li {
    margin-right: 20px;
    display: inline-block
}

.inner-banner ul li a {
    display: block;
    clear: both;
    width: 190px;
    height: 52px;
    float: none;
    background: #ff3000;
    text-align: center;
    margin: 0 auto;
    line-height: 52px;
    color: #fff !important;
    border-radius: 4px;
    font-size: 22px;
    font-family: OpenSans;
    padding: 0
}

.inner-banner ul li:last-child a {
    background: #ff3000 !important
}

.inner-banner p {
    font-size: 19px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    margin: 5px auto 30px;
    max-width: 500px;
    font-family: MYRIADPRO
}

h2.waitrose {
    text-transform: capitalize
}

.know-about-img {
    position: relative
}

.know-about-img:hover:after {
    background: #222;
    transition: 0.5s ease-in-out
}

.know-about-img:after {
    position: absolute;
    background: #ff3000;
    top: 8px;
    left: 8px;
    width: 100%;
    height: 100%;
    content: '';
    transition: 0.5s ease-in-out
}

.know-about-img img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 99
}

.section-title-about h2 span,
.waitrose span {
    color: #ff3000
}

.know-kaira h2 {
    font-size: 38px;
    font-family: OpenSansB;
    color: #222;
    margin: 0 0 10px
}

.pricing h2,
.global h2,
.ethics .waitrose {
    position: relative;
    font-size: 49px;
    font-family: MYRIADPROB;
    color: #222;
    margin: 0 0 70px
}

.pricing h2:after,
.global h2:after,
.ethics .waitrose:after {
    margin-top: 5px;
    top: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 304px;
    height: 2px;
    content: '';
    background: url(../../../../../../themes/kaira/img/line-bottom2.png) no-repeat
}

.know-kaira p {
    font-size: 16px;
    font-family: OpenSans;
    color: #676767;
    line-height: 25px;
    margin: 0 0 30px
}

.media-left,
.media > .pull-left {
    padding-right: 10px
}

.media-body h4 {
    font-size: 20px;
    font-family: Roboto;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px
}

.media-body p {
    font-size: 16px;
    font-family: Roboto;
    line-height: 25px;
    color: #676767
}

.ethics {
    padding: 0 0 88px
}

.stats {
    padding: 53px 0 49px;
    color: #fff;
    background: #ff3000
}

.stats .counter-img {
    height: 75px;
    margin: 0 0 15px
}

.stats h2 {
    color: #fff;
    margin: 0 0 70px;
    position: relative;
    font-size: 49px;
    font-family: MYRIADPROB
}

.stats h2:after {
    margin-top: 5px;
    top: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 304px;
    height: 2px;
    content: '';
    background: url(../../../../../../themes/kaira/img/white-line2.png) no-repeat
}

.stats h3 {
    text-transform: uppercase;
    font-size: 22px;
    font-family: OpenSans
}

.stats h5 {
    font-size: 53px;
    font-family: OpenSansB
}

.pricing {
    background: #e2e2e2;
    padding: 97px 0 70px
}

.pricing h3 {
    position: relative;
    font-size: 32px;
    font-family: OpenSansSB;
    color: #222;
    margin: 0 0 10px
}

.pricing p {
    font-size: 16px;
    font-family: OpenSans;
    color: #222;
    line-height: 24px;
    margin: 0 0 30px
}

.pricing ul {
    margin: 0;
    padding: 0
}

.pricing ul li {
    font-size: 17px;
    font-family: OpenSans;
    color: #222;
    line-height: 24px;
    padding: 0 0 20px 15px;
    list-style: none;
    position: relative
}

.pricing ul li:before {
    position: absolute;
    left: 0;
    background: #ff3000;
    width: 6px;
    height: 6px;
    content: '';
    border-radius: 50%;
    top: 8px
}

.global {
    padding: 100px 0 80px
}

.contact-list ul li span {
    background: #222;
    height: 102px;
    width: 102px;
    display: flex;
    text-align: center;
    border-radius: 50%;
    align-items: center;
    margin: 0 auto 20px;
    transition: 0.5s ease-in-out
}

.contact-list ul li:hover span {
    background: #ff3000;
    transition: 0.5s ease-in-out
}

.contact-list ul li,
.contact-list ul li a {
    font-size: 16px;
    color: #000
}

.contact-list ul li span img {
    margin: 0 auto;
    text-align: center
}

.contact-form {
    background: #e9e9ea;
    padding: 70px 0 0
}

.contact-form form {
    background: #fff;
    padding: 50px 40px;
    box-shadow: 0 0 14px #e9e9ea;
    margin-bottom: -270px
}

.contact-form input,
.contact-form select#country {
    height: 48px;
    border-radius: 0;
    font-size: 14px;
    margin: 0 0 10px;
    border: 1px solid #dedede
}

.contact-form .Telephone,
.contact-form .Firstname {
    float: left;
    width: 49.5%;
    margin-right: .5%
}

.contact-form .Email,
.contact-form .Lastname {
    float: right;
    width: 49.5%;
    margin-left: .5%
}

.contact-form textarea {
    height: 130px;
    border-radius: 0;
    font-size: 14px;
    border: 1px solid #dedede
}

.contact-list {
    padding: 375px 0 75px
}

.contact-list ul li {
    display: block;
    float: left;
    width: 25%;
    text-align: center;
    padding: 0 20px;
    transition: 0.5s ease-in-out
}

.contact-list ul li:hover,
.contact-list ul li:hover a {
    color: #ff3000;
    transition: 0.5s ease-in-out
}

.contact-list ul li a {
    transition: 0.5s ease-in-out
}

.main_blog header h1 {
    letter-spacing: 3px;
    font-size: 49px;
    margin: 0 auto 100px;
    position: relative;
    font-family: MYRIADPROB
}

.main_blog header h1:before {
    background: url(../../../../../../themes/kaira/img/line-bottom.png) no-repeat;
    content: "";
    display: block;
    left: 50%;
    transform: translate(-50%);
    position: absolute;
    width: 505px;
    height: 2px;
    top: 100%;
    margin-top: 5px
}

.main_blog header h1 span {
    color: #ff3000
}

.recent-blog {
    background: #f8f8f8;
    padding: 50px 0
}

.why-android {
    background: #ebebeb;
    padding: 84px 0 80px
}

h2.waitrose {
    font-size: 44px !important;
    margin: 0 auto 25px !important;
    position: relative !important;
    font-family: MYRIADPROB !important
}

h2.waitrose:before {
    background: url(../../../../../../themes/kaira/img/line-bottom.png) no-repeat;
    content: "";
    display: block;
    left: 50%;
    transform: translate(-50%);
    position: absolute;
    width: 505px;
    height: 2px;
    top: 100%;
    margin-top: 5px
}

.serv-img {
    margin: 0 auto 10px;
    text-align: center;
    height: 90px
}

.why-android .all-services h4 {
    font-size: 24px;
    font-family: OpenSansSB;
    color: #222;
    position: relative;
    margin: 0 auto 35px;
    text-align: center;
    text-transform: capitalize
}

.php-why .all-services {
    margin-bottom: 30px
}

.php-why .all-services h4 {
    font-size: 21px;
    font-family: OpenSansSB
}

.why-android .all-services p {
    font-size: 14px;
    font-family: OpenSans;
    color: #676767;
    position: relative;
    margin: 0 auto 15px;
    text-align: center;
    line-height: 22px;
    text-align: center;
    padding: 0 25px
}

.all-services h4:after {
    background: #ff3000;
    height: 3px;
    width: 85px;
    left: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    content: '';
    top: 100%;
    margin-top: 10px
}

.our-skills-section {
    padding: 98px 0 20px
}

.our-skills-section h2 {
    margin: 0 auto 25px
}

.our-skills-section p {
    font-size: 16px;
    color: #676767;
    line-height: 25px;
    max-width: 900px;
    margin: 0 auto 15px
}

.better-best {
    padding: 20px 0 30px
}

.better-best ul li {
    color: #222;
    list-style: none;
    padding: 0 0 12px 25px;
    position: relative;
    background: url(../../../../../../themes/kaira/img/orange-tick.png) no-repeat 0 4px
}

.carrer-sec {
    padding: 100px 0 100px
}

.carrer-sec h2 {
    margin: 0 auto 50px
}

.carrer-sec h4 {
    font-size: 22px;
    color: #222;
    font-family: OpenSansSB;
    text-transform: uppercase
}

.carrer-sec h5 {
    font-size: 18px;
    color: #222;
    font-family: OpenSans
}

.carrer-sec h5 span {
    color: #ff3000
}

.carrer-sec ul {
    padding: 20px 0
}

.carrer-sec ul li {
    font-size: 16px;
    list-style: none;
    color: #222;
    font-family: OpenSans;
    line-height: 20px;
    padding: 0 5px 8px 25px;
    background: url(../../../../../../themes/kaira/img/orange-tick.png) no-repeat 0 4px
}

.carrer-sec ul.android-list li {
    padding: 0 5px 25px 25px
}

a.btn.btn-waitrose {
    background: #ff3000;
    color: #fff;
    font-size: 16px;
    width: 100%;
    max-width: 145px;
    margin: 50px auto 130px;
    height: 36px;
    padding: 0;
    line-height: 36px;
    position: relative
}

a.btn.btn-waitrose::after {
    background: url(../../../../../../themes/kaira/img/logo-bottom.png) no-repeat;
    width: 505px;
    height: 31px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    content: '';
    top: 100%;
    margin-top: 50px
}

.carrer-banner {
    background: url(../../../../../../themes/kaira/img/career-back.jpg) no-repeat center center / cover
}

.carrer-banner ul li:last-child a {
    background: #ff3000
}

.carrer-banner h1 {
    position: relative
}

.carrer-banner h1:after {
    top: 100%;
    position: absolute;
    height: 2px;
    width: 417px;
    background: #ff3000;
    content: '';
    left: 50.5%;
    transform: translate(-50%);
    margin-top: -2px
}

.our-skills-section h4 {
    font-size: 22px;
    font-family: OpenSansSB;
    color: #222
}

.our-skills-section ul {
    margin: 15px 0 10px;
    padding: 0 0 0 10px
}

.our-skills-section ul li {
    color: #222;
    list-style: none;
    padding: 0 0 8px 25px;
    position: relative;
    background: url(../../../../../../themes/kaira/img/orange-tick.png) no-repeat 0 4px;
    font-size: 15px
}

section.our-skills-section.scratch-app p {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    color: #222;
    display: block
}

.why-android .all-services {
    position: relative
}

.why-android .all-services:nth-child(2):before,
.why-android .all-services:nth-child(5):before {
    position: absolute;
    background: url(../../../../../../themes/kaira/img/gray-line.png) no-repeat;
    width: 1px;
    height: 100%;
    content: '';
    top: 0;
    left: 0
}

.why-android .all-services:nth-child(5):after,
.why-android .all-services:nth-child(2):after {
    position: absolute;
    background: url(../../../../../../themes/kaira/img/gray-line.png) no-repeat;
    width: 1px;
    height: 100%;
    content: '';
    top: 0;
    right: 0
}

.agenda-sec {
    padding: 48px 0 32px
}

.agenda-text h3 {
    font-size: 32px;
    color: #222;
    line-height: 30px;
    font-family: MYRIADPROSB;
    margin: 0 0 20px
}

.agenda-text p {
    font-size: 14px;
    color: #676767;
    line-height: 24px;
    margin: 0 0 30px;
    font-family: MYRIADPRO
}

.agenda-text .trainer-p {
    font-size: 16px;
    margin: 0 0 10px;
    color: #222
}

.agenda-text ul li {
    font-size: 18px;
    color: #222;
    line-height: 22px;
    font-family: MYRIADPRO;
    padding: 0 0 7px 25px;
    list-style: none;
    position: relative
}

.agenda-text ul {
    margin: 0 0 70px
}

.agenda-text ul li a {
    color: #676767
}

.agenda-text ul li:before {
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    background: #ff3000;
    border-radius: 50%;
    content: '';
    top: 7px
}

.agenda-text h5 {
    font-size: 16px;
    color: #222;
    text-transform: uppercase;
    line-height: 20px;
    font-family: MYRIADPROSB;
    margin: 20px 0 10px
}

.agenda-text .share-media li:before {
    content: none
}

.agenda-text .share-media li {
    display: inline-block;
    padding: 0;
    margin: 0 2px
}

.agenda-text .share-media {
    margin: 0 0 20px
}

.agenda-text .share-media li a i {
    font-size: 12px
}

.agenda-text .share-media li a {
    display: block;
    font-size: 14px;
    color: #fff;
    background: #4867aa;
    height: 16px;
    width: 16px;
    border-radius: 4px;
    text-align: center;
    line-height: 20px;
    padding: 0 0
}

.agenda-text .share-media li:nth-child(2) a {
    background: #0274b3
}

.agenda-text .share-media li:nth-child(3) a {
    background: #2caae1
}

.agenda-text .share-media li:nth-child(4) a {
    background: #df7346;
    color: #fff !important
}

.siderbar-training {
    background: #f4f4f4;
    padding: 48px 20px 170px
}

.workshop-sec {
    padding: 30px 0 0
}

.workshop-text {
    padding: 20px;
    background: #f2f2f2
}

.siderbar-training h4 {
    font-size: 28px;
    color: #222;
    text-transform: uppercase;
    line-height: 30px;
    font-family: MYRIADPROSB;
    margin: 0 0 20px
}

.siderbar-training ul li {
    font-size: 16px;
    color: #676767;
    line-height: 25px;
    font-family: MYRIADPRO;
    list-style: none;
    position: relative
}

.post-glory {
    padding: 58px 0;
    background: #f4f4f4;
    border-bottom: 2px solid #c9c9c9
}

.post-glory h2 {
    letter-spacing: 3px;
    font-size: 46px;
    margin: 0 auto 100px;
    position: relative;
    font-family: MYRIADPROB
}

.post-glory h2:before {
    background: url(../../../../../../themes/kaira/img/line-bottom2.png) no-repeat;
    width: 300px
}

.glroy-img {
    height: 172px;
    display: block;
    width: 100%
}

.glroy-img img {
    height: 100%;
    display: block;
    width: 100%
}

.glory-images .col-lg-4 {
    padding: 5px 5px
}

a.regs-btn {
    width: 100%;
    max-width: 165px;
    height: 48px;
    background: #ff3000;
    font-size: 16px;
    display: block;
    text-align: center;
    color: #fff;
    font-family: MYRIADPROSB;
    text-transform: uppercase;
    line-height: 48px;
    border-radius: 4px
}

.training-form input {
    font-size: 14px;
    height: 40px;
    border: 1px solid #cfcfcf;
    font-family: MYRIADPRO;
    margin: 0 0 10px
}

.training-form .wpcf7-form-control.wpcf7-submit {
    background: #222;
    font-size: 18px;
    max-width: 208px;
    border-radius: 4px;
    height: 46px;
    line-height: 46px;
    margin: 20px auto 0
}

.full-top-intro {
    background: #F2F2F2;
    width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 20px;
    font-size: 16px;
    margin-bottom: 15px
}

.full-infro-section {
    padding: 30px 0 0
}

.date-data span {
    font-size: 32px;
    display: block;
    text-align: center;
    font-weight: 600;
    margin-top: 5px
}

.date-data {
    float: left;
    width: 70px;
    text-align: center;
    display: block;
    color: #45494e;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px
}

.date-of-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 20px;
    border-left: 1px solid #45494e;
    padding-left: 20px;
    max-width: 400px;
    display: block;
    float: left
}

.date-of-title p {
    line-height: 30px;
    margin: 0;
    color: #45494e
}

.register-unit {
    float: left;
    display: block
}

.top-regster a.regs-btn {
    max-width: 100%
}

.register-unit {
    float: right;
    display: block;
    padding: 0 0;
    width: 260px
}

.register-unit p {
    color: #45494e;
    font-size: 18px;
    line-height: 22px;
    width: 50%;
    float: left
}

.big-offfer {
    font-size: 33px !important;
    display: block;
    letter-spacing: 3px;
    text-align: center;
    margin-top: 15px !important
}

.row.app-design {
    padding-top: 40px
}

.row.app-design ul li {
    padding-bottom: 5px
}

.ios-icons h2 {
    font-size: 40px;
    margin: 0 auto 25px
}

.row.app-design p {
    max-width: 100%;
    text-align: left !important;
    margin: 0 0 10px 15px
}

.better-best ul li span {
    display: block;
    margin: 0 auto 0;
    color: #222;
    font-family: OpenSansSB;
    font-size: 16px
}

.ios-app p {
    max-width: 100%
}

.logical-reason.inner-logical {
    padding: 20px 0 0
}

.logical-reason.inner-logical .service-icons-img {
    padding-top: 30px
}

.logical-reason.inner-logical .service-icons-img h4.grey {
    font-size: 18px;
    font-family: OpenSansSB;
    color: #222 !important;
    line-height: 22px;
    text-align: center;
    margin: 0 auto;
    text-transform: capitalize
}

.we-best.better-best ul li {
    padding: 0 0 5px 25px;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    font-family: OpenSans
}

.we-best h2.waitrose {
    margin: 0 auto 70px
}

.app-design h2 {
    font-size: 40px;
    margin: 0 auto 25px;
    text-align: center
}

.row.app-design ul.app-list li {
    float: left;
    width: 50%;
    padding: 0 0 20px 25px
}

.ios-icons p {
    margin: 20px auto 10px
}

.app-design h3 {
    font-size: 22px;
    font-family: OpenSansSB;
    line-height: 30px;
    color: #222
}

.better-best.we-best {
    padding: 30px 0 80px
}

.row.app-design .asp-list li {
    padding-bottom: 20px
}

.pd-list li {
    padding-bottom: 20px !important
}

section#service-details .service-icons-img {
    display: inline-block;
    text-align: center;
    margin: 0 0 0 5px
}

.quote-sec {
    background: url(../../../../../../themes/kaira/img/quote-back.jpg) no-repeat center center / cover;
    padding: 15px 0 42px
}

.quote-sec h2 {
    font-size: 44px;
    color: #fff;
    line-height: 57px;
    font-family: MYRIADPROB;
    padding-top: 300px
}

.quote-sec h2 span {
    color: #ff3000;
    display: block
}

.quote-form {
    max-width: 475px;
    color: #222;
    background: #fff;
    padding: 15px 30px 30px;
    float: right;
    border-top: 5px solid #ff3000
}

.quote-form h4 {
    font-size: 25px;
    color: #222;
    max-width: 350px;
    margin: 0 0 25px;
    font-family: OpenSansSB
}

.quote-form h4 span {
    font-family: OpenSansB
}

.quote-form ::placeholder {
    color: #cfcfcf
}

.quote-form input,
.quote-form textarea {
    color: #cfcfcf;
    border: 0;
    margin: 0 0 10px;
    border-bottom: 1px solid #cfcfcf;
    font-size: 14px;
    padding-left: 30px !important;
    position: relative
}

.quote-form textarea {
    height: 70px
}

.quote-form .wpcf7-form-control.wpcf7-submit {
    font-size: 18px;
    text-transform: unset;
    font-family: OpenSans;
    max-width: 210px;
    height: 52px;
    line-height: 52px;
    border-radius: 12px;
    margin: 20px auto 30px
}

.quote-name input {
    background: url(../../../../../../themes/kaira/img/name.png) no-repeat 4px 12px
}

.quote-email input {
    background: url(../../../../../../themes/kaira/img/email-2.png) no-repeat 4px 12px
}

.Skype input {
    background: url(../../../../../../themes/kaira/img/skype-2.png) no-repeat 4px 12px
}

.PhoneNumber input {
    background: url(../../../../../../themes/kaira/img/ph.png) no-repeat 4px 8px
}

.your-message textarea {
    background: url(../../../../../../themes/kaira/img/tell.png) no-repeat 4px 12px
}

div#carousel-2 h2 {
    font-size: 60px;
    line-height: 60px;
    font-weight: 400;
    color: #fff;
    text-decoration: none
}

div#carousel-2 p {
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.right-carousel {
    padding: 20px 80px 20px 20px
}

a.slider-btn,
a.slider-btn-2 {
    background: #ff3000;
    display: block;
    max-width: 142px;
    height: 42px;
    border-radius: 4px;
    line-height: 42px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    float: left;
    width: 100%;
    margin-right: 15px
}

a.slider-btn-2 {
    background: #222;
    max-width: 194px
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background: none !important
}

.carousel-control-next-icon:before {
    position: absolute;
    content: '';
    font-family: FontAwesome;
    width: 60px;
    height: 60px;
    background: #f6f4f4;
    line-height: 60px;
    font-size: 30px;
    color: #222
}

.carousel-control-next {
    width: 9% !important
}

.carousel-control-prev {
    width: 0 !important
}

.carousel-control-prev-icon:before {
    position: absolute;
    content: '';
    font-family: FontAwesome;
    width: 60px;
    height: 60px;
    background: #f6f4f4;
    line-height: 60px;
    font-size: 30px;
    color: #222
}

div#carousel-2 .carousel-item .row:before {
    background: rgba(0,0,0,.7);
    left: 0;
    right: 0;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 9
}

div#carousel-2 .carousel-item .row .col-md-6,
div#carousel-2 .carousel-item .row {
    z-index: 999;
    position: relative
}

article.vp-portfolio__item-wrap {
    height: 450px;
    overflow: hidden
}

.vp-portfolio__items-style-fade .vp-portfolio__item-img img {
    height: 300px !important
}

.vp-portfolio__item-img {
    height: 450px !important
}

.vp-portfolio {
    padding: 0 30px
}

.portfolio-page {
    padding: 70px 0
}

html {
    scroll-behavior: smooth
}

section.our-skills-section.ecom-skills {
    padding: 90px 0 10px
}

li.vp-pagination__item a {
    opacity: 1 !important
}

li.vp-pagination__item {
    background: #ff3000;
    color: #fff;
    opacity: 1;
    border-radius: 4px
}

ul.vp-pagination.vp-pagination__no-more.vp-pagination__align-center.vp-pagination__style-default {
    display: none
}

span.wpcf7-not-valid-tip {
    margin: 0 0 10px
}

p.site-title {
    display: none
}

section.protfolio-1 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 20px 30px;
    position: relative;
    width: 100%
}

section.protfolio-1 h1 {
    color: rgb(26,99,154);
    color: #fff
}

.single-portfolio p {
    font-size: 18px;
    line-height: 30px;
    font-family: OpenSans !important;
    color: #222
}

.single-portfolio h2,
section.protfolio-1 h2 {
    color: rgb(26,99,154);
    font-family: OpenSansB !important;
    color: #fff;
    font-size: 40px;
    margin: 0 0 30px
}

.single-portfolio h2 {
    color: #222
}

section.protfolio-1 p {
    color: #fff !important;
    font-size: 14px;
    line-height: 22px
}

section.key-features,
section.buying-sec {
    padding: 70px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

section.dash-sec {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background: rgb(26,99,154);
    color: #fff;
    padding: 40px 0
}

section.browse-sec,
section.bloggin-sec {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
    background: #fafafa
}

.portfolio-pad {
    padding-top: 80px
}

.single-portfolio .single-post {
    display: none
}

section.dash-sec h2,
section.dash-sec p {
    color: #fff !important
}

.built-tech {
    max-width: 550px;
    margin: 0 auto;
    overflow: hidden
}

.tech-sec ul,
.bulit ul {
    margin: 0 auto;
    text-align: center
}

.tech-sec ul li,
.bulit ul li {
    display: inline-flex
}

.bulit,
.tech-sec {
    text-align: center;
    float: left;
    width: 50%
}

.tech-sec h3,
.bulit h3 {
    font-size: 24px;
    font-family: OpenSansB;
    margin: 0 0 20px;
    color: #fff
}

.port-list ul {
    margin: 0 auto 30px;
    text-align: center
}

.port-list ul li {
    display: inline-flex
}

.port-list ul li a {
    display: block;
    border: 1px solid #ddd;
    padding: 6px 15px
}

.port-list ul li.active a {
    background: #222;
    border: 1px solid #222;
    color: #fff
}

ul.vp-filter.vp-filter__align-center.vp-filter__style-default {
    display: none
}

.vp-portfolio__items-style-fade .vp-portfolio__item-img img {
    height: 450px !important
}

.vp-portfolio {
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto !important
}

div#carousel-2 p {
    padding-right: 70px
}

div#carousel-2 h2 {
    margin: 30px 0 20px
}

.testimonials-sec .col-lg-3 {
    border: 6px solid #fff;
    padding: 0;
    border-radius: 4px;
    margin-top: -6px
}

.testimonials-video-section h5 {
    color: #4ba1d1
}

.error404 .ftr {
    border-top: 1px solid #ddd
}

.error-404 a {
    color: #f3791e;
    font-weight: 700
}

.error-404 p {
    font-siize: 18px;
    line-height: 24px;
    color: #222;
    max-width: 550px;
    margin: 0 auto 10px
}

section.ethics .media-left {
    width: 90px
}

div#carousel-2 .carousel-item .row .col-md-6:last-child {
    background: rgba(0,0,0,.7);
    padding: 30px
}

.vp-portfolio__layout-elements.vp-portfolio__layout-elements-top.vp-portfolio__layout-elements-align-center {
    display: none
}

.inner-banner.software-banner {
    padding: 200px 0 170px;
    background: url(../../../../../../themes/kaira/img/software-banner.jpg) no-repeat center center / cover
}

.inner-banner.software-banner p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    margin: 15px auto 0;
    max-width: 950px;
    padding: 0 15px;
    font-family: Roboto
}

.deveopment-services {
    padding: 0 0 47px
}

.deveopment-services h2,
.development-approach h2 {
    font-size: 44px;
    font-family: MYRIADPROB;
    margin: 0 auto 40px
}

.development-approach h3,
.deveopment-services h3 {
    font-size: 19px;
    font-family: RobotoB;
    margin: 25px 0 22px
}

.development-approach ul li,
.deveopment-services ul li {
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 0 20px;
    font-family: RobotoM
}

.deveopment-services ul li span {
    display: block;
    font-size: 16px;
    font-family: Roboto;
    padding: 15px 0
}

.development-approach p,
.deveopment-services p {
    font-size: 16px;
    line-height: 23px;
    font-family: OpenSans;
    margin: 0 0 10px;
    color: #676767
}

.deveopment-services img,
.development-approach img {
    display: block;
    text-align: center;
    margin: 30px auto
}

.deveopment-services .row.ser-row:nth-child(4) .col-lg-6:first-child {
    order: 2
}

.deveopment-services .row.ser-row:nth-child(4) .col-lg-6 ul {
    margin-top: 100px
}

.development-approach .row.approach-row:nth-child(5) .col-lg-6:first-child,
.development-approach .row.approach-row:nth-child(3) .col-lg-6:first-child {
    order: 2
}

.row.ser-row,
.row.approach-row {
    margin-top: 65px
}

.dedicated-text {
    padding: 20px 0 40px
}

.dedicated-text h3 {
    margin-top: 20px
}

.dedicated-text .main-dedicated h3 {
    margin: 17px 0 20px;
    font-family: RobotoM;
    font-size: 17px
}

.inner-banner.dedicated-banner {
    background: url(../../../../../../themes/kaira/img/dedicated-banner.jpg) no-repeat center center / cover
}

.inner-banner.qa-banner {
    background: url(../../../../../../themes/kaira/img/qa-banner.jpg) no-repeat center center / cover
}

.inner-banner.flutter-banner {
    background: url(../../../../../../themes/kaira/img/flutter-banner.jpg) no-repeat center center / cover
}

.inner-banner.unity-banner {
    background: url(../../../../../../themes/kaira/img/unity-banner.jpg) no-repeat center center / cover
}

.inner-banner.sql-banner {
    background: url(../../../../../../themes/kaira/img/database-banner.png) no-repeat center center / cover
}

.inner-banner.mobile-banner {
    background: url(../../../../../../themes/kaira/img/mobile-banner.jpg) no-repeat center center / cover
}

.inner-banner.saleforce-banner {
    background: url(../../../../../../themes/kaira/img/sale-force-banner.png) no-repeat center center / cover
}

.inner-banner.andriod-banner {
    background: url(../../../../../../themes/kaira/img/andriod-banner.jpg) no-repeat center center / cover
}

.inner-banner.asp-banner {
    background: url(../../../../../../themes/kaira/img/asp-banner.jpg) no-repeat center center / cover
}

.inner-banner.ios-banner {
    background: url(../../../../../../themes/kaira/img/ios-banner.jpg) no-repeat center center / cover
}

.inner-banner.mca-banner {
    padding: 200px 0 170px;
    background: url(../../../../../../themes/kaira/img/software-banner.jpg) no-repeat center center / cover
}

ul.arrow-list li {
    list-style: none
}

ul.arrow-list li {
    line-height: 22px;
    list-style: none;
    padding-left: 40px;
    font-family: RobotoM;
    background: url(../../../../../../themes/kaira/img/arrow-lft.png) no-repeat 0 3px / auto
}

ul.arrow-list li span {
    display: block;
    padding: 15px 0;
    font-size: 16px;
    font-family: 400;
    font-family: Roboto;
    margin: 0 0 10px
}

ul.arrow-list.arrow-blue li {
    background: url(../../../../../../themes/kaira/img/arrow-blue.png) no-repeat 0 7px / auto;
    padding-bottom: 7px
}

ul.arrow-list.arrow-blue li {
    float: left;
    width: 48%;
    margin: 0 01%
}

.key-benefits p {
    margin: 0 0 10px;
    background: url(../../../../../../themes/kaira/img/arrow-lft.png) no-repeat 0 7px / auto;
    padding-left: 40px
}

.key-benefits ul li {
    font-family: Roboto
}

.quote-sec.footer-quote {
    background: #fff;
    padding-top: 50px
}

.quote-sec.footer-quote .quote-form {
    color: #222;
    background: #fff;
    padding: 20px;
    float: none;
    max-width: 700px;
    border-top: 0;
    box-shadow: 0 0 5px #ddd;
    margin: 0 auto
}

.quote-sec.footer-quote .quote-form h4 {
    font-size: 30px;
    color: #222;
    max-width: 90%;
    margin: 0 auto 30px;
    text-align: center
}

.quote-sec.footer-quote .quote-form input {
    background-position: 4px 12px
}

.quote-sec.footer-quote input.wpcf7-form-control.wpcf7-text.wpcf7-tel {
    background-position: 4px 7px
}

.page-template-get-quotePage .quote-sec.footer-quote {
    display: none
}

.development-approach p.sp {
    padding-top: 100px
}

.inner-banner.software-banner h1 {
    margin: 0 auto;
    font-size: 29px;
    font-family: RobotoB;
    display: block;
    width: 100%
}

.free-quote-heading h2 {
    color: #fff;
    font-size: 36px;
    font-family: MYRIADPROB;
    margin: 0 auto 25px;
    text-transform: unset
}

.lef-cont {
    float: left;
    width: 50%
}

div#wpcf7-f2253-o1,
div#wpcf7-f2253-o2 {
    clear: both;
    float: none;
    overflow: hidden
}

.right-cont {
    width: 49%;
    float: right
}

div#wpcf7-f2253-o1 input.wpcf7-form-control,
div#wpcf7-f2253-o2 input.wpcf7-form-control {
    font-size: 14px;
    height: 48px;
    margin: 0 0 010px
}

div#wpcf7-f2253-o1 .wpcf7-form-control.wpcf7-submit,
div#wpcf7-f2253-o2 .wpcf7-form-control.wpcf7-submit {
    max-width: 100%;
    width: 100%;
    margin: 10px 0 0;
    display: block;
    border: 0;
    font-size: 22px
}

div#wpcf7-f2253-o1 .wpcf7-form-control.wpcf7-textarea,
div#wpcf7-f2253-o2 .wpcf7-form-control.wpcf7-textarea {
    height: 100px;
    font-size: 14px;
    margin: 0 0 5px
}

.mca-banner h1 {
    font-size: 37px;
    font-family: RobotoM
}

.mca-banner p {
    font-size: 17px;
    font-family: RobotoL;
    line-height: 23px
}

.mca-text p {
    font-size: 16px;
    color: #676767;
    font-family: RobotoL;
    line-height: 23px
}

.mca-text ul li {
    font-size: 16px;
    color: #676767;
    font-family: RobotoL;
    line-height: 26px
}

.mca-text ul.circle-list li::marker {
    font-size: 30px;
    color: #a71e22
}

.mca-text h2 {
    font-size: 46px;
    font-family: RobotoM
}

.mca-text h3 {
    font-size: 22px;
    color: #0090ff;
    width: max-content;
    text-decoration: underline;
    font-family: RobotoM
}

.mca-text h4 {
    font-size: 22px;
    color: #222;
    font-family: RobotoM
}

body .gs_logo_area.gs_logo_area_631adbae6ff94.slider1 {
    visibility: visible !important;
    opacity: 1 !important
}

.logo-slides p {
    height: 100px;
    justify-content: center;
    align-items: center;
    display: flex
}

.slider-logo.owl-theme .owl-nav {
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    left: 50%
}

@media screen and (max-width:1024px) {
    .brands-home-title h2,
    .portfolio-home-title h2,
    .tg-heading-border h2,
    .free-quote-heading h2,
    .service-heading h2,
    .brands-home-title h2,
    .aboutus-heading h2,
    .service-heading h2 {
        font-size: 36px;
        margin: 0 auto 50px
    }

    .quote-sec h2 {
        font-size: 40px;
        line-height: 50px;
        padding-top: 200px
    }

    .header_bg #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding: 0 9px 0 9px
    }

    .inner-banner.software-banner {
        padding: 100px 0 100px
    }
}

@media screen and (max-width:991px) {
    li.menu-item.menu-item-has-children a::before,
    li.menu-item.menu-item-has-children a::before,
    li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-home.current-menu-ancestor.menu-item-has-children a:before {
        content: none !important
    }

    li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children a:before {
        content: none !important;
        background: transparent !important;
        font-size: 0
    }

    .mobmenu-right-panel li,
    .rightmbottom,
    .rightmtop {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    div#rpwwt-recent-posts-widget-with-thumbnails-2 li {
        width: 48%
    }

    .main_blog article a.post-thumbnail,
    .main_blog article .entry-content {
        display: block;
        max-width: 100%;
        float: none;
        height: 100%
    }

    .case-meta {
        height: 400px
    }

    .main_blog article h2.entry-title {
        font-size: 20px;
        line-height: 24px
    }

    .main_blog article a.post-thumbnail {
        height: 180px
    }

    .main_blog article {
        margin: 0 0 30px;
        height: 100%
    }

    .ftr .wrapper.center-block {
        display: block
    }

    .mob-standard-logo {
        padding: 5px
    }

    .development-approach p.sp {
        padding-top: 0
    }

    .offline-access {
        padding: 90px 0
    }

    .panel-heading {
        padding: 0;
        border: 0
    }

    .panel-title > a,
    .panel-title > a:active {
        padding: 10px;
        background: #fff;
        color: #222 !important;
        font-weight: 400;
        letter-spacing: 1px;
        word-spacing: 3px;
        text-decoration: none;
        display: block;
        color: #fff
    }

    .recent-blog {
        padding: 30px 0;
        overflow: hidden
    }

    .category_list section#categories-2 li a {
        border-bottom: 0;
        padding: 0 0 15px;
        float: none;
        text-align: center
    }

    footer.ftr {
        background-color: #f6f6f6;
        padding-top: 25px
    }

    .ftr .copy_right {
        margin-top: 15px
    }

    .ftr .collapse.show .panel-body {
        border: 1px solid #ff3000;
        border-top: 0 solid #fff
    }

    .panel-body section.widget.widget_nav_menu,
    .panel-body section.widget.WP_Editor_Widget {
        padding: 15px 15px 15px
    }

    .ftr .panel-title {
        font-size: 24px;
        margin: 0
    }

    .remote-text {
        padding: 30px 0 40px
    }

    .ftr .panel-heading.active .panel-title > a,
    .ftr .panel-heading.active .panel-title > a:active {
        background: #ff3000;
        color: #fff !important;
        border: 1px solid #ff3000
    }

    .panel.panel-default {
        margin-bottom: 10px
    }

    .panel-heading a:before {
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
        transition: all 0.5s
    }

    .panel-heading.active a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .ftr h4 {
        margin: 0
    }

    .ftr ul li a {
        padding: 5px 0 0
    }

    footer.ftr h3.widget-title {
        display: none
    }

    .ftr .dsktp-ftr {
        display: none
    }

    .copy_right p {
        text-align: center !important
    }

    .brands-home-title h2,
    .portfolio-home-title h2,
    .tg-heading-border h2,
    .free-quote-heading h2,
    .service-heading h2,
    .brands-home-title h2,
    .aboutus-heading h2,
    .service-heading h2 {
        font-size: 30px;
        line-height: 36px;
        max-width: 400px
    }

    .brands-home-title h2:before,
    .portfolio-home-title h2:before,
    .tg-heading-border h2:before,
    .brands-home-title h2:before,
    .aboutus-heading h2:before,
    .service-heading h2:before,
    .free-quote-heading h2:before,
    .service-heading h2:before {
        width: 400px
    }

    h2.waitrose {
        font-size: 36px;
        margin: 0 auto 50px
    }

    h2.waitrose:before {
        width: 400px
    }

    .service-content h1,
    .service-content h2 {
        font-size: 50px
    }

    .team-best-at {
        position: relative;
        height: auto;
        padding-bottom: 30px
    }

    .service-icons-img {
        margin-right: 9px
    }

    .aboutus {
        padding: 40px 15px
    }

    .aboutus-heading h2:before {
        width: 230px;
        left: 47%
    }

    .free-quote-home,
    .leader-sec {
        padding: 40px 0 40px
    }

    .logical-reason {
        padding: 70px 0 40px
    }

    .testimonials-sec {
        padding-top: 30px
    }

    ul.cnss-social-icon.footer-socials {
        padding: 0 15px 15px;
        margin-top: -27px
    }

    .inner-banner {
        padding: 120px 0 125px
    }

    .know-about-img {
        margin: 0 auto 20px
    }

    .pricing,
    .global {
        padding: 40px 0 30px
    }

    .ethics {
        padding: 0 0 40px;
        overflow: hidden
    }

    .contact-form {
        padding: 50px 0 0
    }

    .contact-list ul li {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        padding: 0 15px;
        margin: 0 auto 20px;
        max-width: 320px
    }

    .our-skills-section,
    .better-best,
    .why-android {
        padding: 40px 0 40px
    }

    i.mob-icon-menu.mob-menu-icon {
        margin-top: 11px;
        background: #ff3000;
        color: #fff;
        border-radius: 4px
    }

    .why-android .all-services:nth-child(2):after,
    .why-android .all-services:nth-child(5):after,
    .why-android .all-services:nth-child(5):before,
    .why-android .all-services:nth-child(2):before {
        content: none
    }

    .quote-sec h2 {
        font-size: 36px;
        line-height: 40px;
        padding-top: 70px
    }

    .key-features ul {
        padding-left: 20px
    }

    .quote-form {
        max-width: 100%;
        float: none
    }

    .offset-1.col-lg-2.col-md-12,
    .offset-2.col-lg-4 {
        margin: 0
    }

    .row.app-design ul.app-list li {
        float: none;
        width: 100%;
        padding: 0 0 10px 25px
    }

    div#carousel-2 h2 {
        font-size: 40px;
        line-height: 40px
    }

    a.slider-btn,
    a.slider-btn-2 {
        display: block;
        margin: 0 auto 20px;
        text-align: center;
        max-width: 300px;
        float: none
    }

    .deveopment-services .row.ser-row:nth-child(4) .col-lg-6:first-child {
        order: unset
    }

    .deveopment-services .row.ser-row:nth-child(4) .col-lg-6 ul {
        margin-top: 30px
    }

    .development-approach .row.approach-row:nth-child(5) .col-lg-6:first-child,
    .development-approach .row.approach-row:nth-child(3) .col-lg-6:first-child {
        order: unset
    }

    ul.arrow-list.arrow-blue li {
        float: none;
        width: 100%;
        margin: 0 0
    }
}

@media screen and (max-width:768px) {
    .vp-portfolio__items-style-fade .vp-portfolio__item-img img {
        height: 200px !important
    }

    div#carousel-2 h2 {
        margin: 15px 0 10px
    }

    .vp-portfolio__item-img {
        height: 200px !important
    }

    article.vp-portfolio__item-wrap {
        height: 200px
    }

    .our-partners .elementor-col-50.elementor-inner-column img {
        height: 43px
    }

    div#carousel-2 p {
        padding-right: 0
    }

    div#carousel-2 .carousel-item {
        padding: 0 15px
    }

    .tg-testimonials {
        padding: 0 0 14px
    }

    .deveopment-services,
    .development-approach {
        padding: 25px 0
    }

    .development-approach p,
    .deveopment-services p {
        font-size: 14px
    }

    .deveopment-services ul li span {
        font-size: 14px;
        padding: 10px 0;
        line-height: 22px
    }

    .lef-cont,
    .right-cont {
        float: none;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    article.vp-portfolio__item-wrap {
        margin: 0 auto 20px !important
    }

    section.our-skills-section.ecom-skills {
        padding: 30px 0 10px
    }

    .left-content {
        padding-top: 30px;
        max-width: 100%;
        color: #fff;
        padding-left: 10px
    }

    ul.pd-list {
        margin: 15px 0 10px !important
    }

    .case-meta {
        height: auto
    }

    .main_blog header h1 {
        font-size: 30px;
        margin: 0 auto 50px
    }

    div#rpwwt-recent-posts-widget-with-thumbnails-2 li {
        float: none;
        width: 100%;
        border: 1px solid #ddd;
        margin: 0 auto 30px !important
    }

    span.rpwwt-post-title {
        color: #222;
        font-size: 15px !important
    }

    div#rpwwt-recent-posts-widget-with-thumbnails-2 img {
        height: 140px !important
    }

    div#rpwwt-recent-posts-widget-with-thumbnails-2 {
        padding: 0
    }

    .widget.zoom-social-icons-widget h2,
    .category_list h2,
    .main_blog aside h2 {
        font-size: 30px;
        margin: 0 0 20px
    }

    .inner-banner.software-banner {
        padding: 70px 0 70px
    }

    .service-icons .col {
        max-width: 100%;
        flex: 0 0 100%
    }

    .main_blog header h1:before {
        width: 300px
    }

    #startchange {
        padding: 30px 0 29px
    }

    .contact-list {
        padding: 310px 0 30px
    }

    .logical-reason .service-icons-img {
        margin-right: 0;
        padding-top: 30px;
        margin: 0 auto;
        text-align: center;
        display: block;
        max-width: 300px;
        float: none
    }

    .contact-form form {
        padding: 20px 15px
    }

    .service-img {
        margin: 20px auto 10px
    }

    .testimonials-sec {
        background: #fa512a
    }

    .owl-theme .owl-nav {
        margin-top: 21px;
        margin-left: 0
    }

    .left-content {
        padding-top: 30px;
        max-width: 100%;
        color: #fff
    }

    .tg-heading-border {
        margin: 0
    }

    .sliderContentTitle {
        font-size: 28px
    }

    .sliderContentDescription {
        font-size: 16px;
        line-height: 24px
    }

    .home-banner-style {
        height: 300px !important
    }

    #sliderPages {
        top: 80%
    }

    .scroll-btn {
        top: 82%
    }

    .sliderContentItem {
        top: 10px;
        padding: 0 20px 20px 50px
    }

    #sliderContent {
        top: 15%
    }

    .inner-banner h1 {
        font-size: 30px
    }

    .carrer-banner h1:after {
        width: 220px
    }

    .pricing h2,
    .global h2,
    .ethics .waitrose {
        font-size: 30px;
        margin: 0 0 40px
    }

    .contact-form .Email,
    .contact-form .Lastname,
    .contact-form .Telephone,
    .contact-form .Firstname {
        float: none;
        width: 100%;
        margin-right: 0%
    }

    h2.waitrose {
        font-size: 24px !important;
        line-height: 30px !important;
        margin: 0 auto 20px !important
    }

    .offset-2.col-lg-4.all-services {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0
    }

    div#carousel-2 h2 {
        font-size: 30px;
        line-height: 40px
    }

    .right-carousel {
        padding: 20px
    }

    .brands-home-title h2,
    .portfolio-home-title h2,
    .tg-heading-border h2,
    .free-quote-heading h2,
    .service-heading h2,
    .brands-home-title h2,
    .aboutus-heading h2,
    .service-heading h2 {
        margin: 0 auto 20px
    }

    .inner-banner {
        padding: 70px 15px 50px
    }

    .carousel-control-next,
    .carousel-control-prev {
        display: none
    }

    .brands-home-title h2:before,
    .portfolio-home-title h2:before,
    .tg-heading-border h2:before,
    .free-quote-heading h2:before,
    .brands-home-title h2:before,
    .aboutus-heading h2:before,
    .service-heading h2:before,
    .service-heading h2:before,
    .portfolio-home-title h2:before {
        background: none !important
    }

    h2.waitrose br {
        display: none
    }

    h2.waitrose:before {
        width: 0
    }

    .carrer-sec ul {
        padding: 0 0 0
    }

    .carrer-sec ul.android-list li,
    .carrer-sec ul li {
        padding: 10px 5px 0 25px;
        background: url(../../../../../../themes/kaira/img/orange-tick.png) no-repeat 0 13px
    }

    .carrer-sec h5 span b {
        margin-top: 20px;
        display: block
    }

    .carrer-sec ul {
        padding: 0 0 0;
        margin: 0
    }

    .quote-sec h2 {
        font-size: 30px;
        line-height: 36px
    }

    .quote-form {
        float: none
    }

    .quote-form h4 {
        font-size: 18px;
        color: #222;
        margin: 0 0 15px;
        font-family: OpenSansSB
    }

    h2.waitrose:before {
        background: none !important
    }

    .we-best h2.waitrose {
        margin: 0 auto 30px
    }

    .better-best.we-best,
    .logical-reason {
        padding: 40px 0 40px
    }

    .inner-banner ul li a {
        margin: 0 auto 20px;
        font-size: 16px;
        height: 40px;
        line-height: 40px
    }

    section.protfolio-1 {
        padding: 50px 15px 30px
    }

    .single-portfolio ul {
        margin-left: 20px
    }

    .single-portfolio ul li {
        color: #222;
        list-style: none;
        padding: 0 0 12px 25px;
        position: relative;
        background: url(../../../../../../themes/kaira/img/orange-tick.png) no-repeat 0 4px
    }

    .single-portfolio p {
        font-size: 14px;
        line-height: 22px
    }

    .single-portfolio h2,
    section.protfolio-1 h2 {
        font-size: 30px;
        margin: 0 0 20px
    }

    section.protfolio-1 p {
        font-size: 14px;
        line-height: 22px
    }

    section.key-features,
    section.buying-sec {
        padding: 30px 0
    }

    section.dash-sec {
        background: rgb(26,99,154);
        color: #fff;
        padding: 30px 0
    }

    section.browse-sec,
    section.bloggin-sec {
        padding: 30px 0
    }

    .portfolio-pad {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .testimonials-sec .col-lg-3 {
        border-radius: 0;
        margin-top: -6px;
        max-width: 95%;
        margin: 0 AUTO;
        border-bottom: 0
    }

    .deveopment-services h2,
    .development-approach h2 {
        font-size: 20px;
        font-family: RobotoB;
        margin: 0 auto 15px
    }

    .row.ser-row,
    .row.approach-row {
        margin-top: 25px
    }

    .inner-banner.software-banner p {
        font-size: 14px;
        line-height: 22px;
        margin: 5px auto 0
    }
}

@media screen and (max-width:600px) {
    .brands-home-title h2:before,
    .portfolio-home-title h2:before,
    .tg-heading-border h2:before,
    .free-quote-heading h2:before,
    .brands-home-title h2:before,
    .aboutus-heading h2:before,
    .service-heading h2:before,
    .service-heading h2:before {
        width: 218px
    }

    .main_blog header h1 {
        font-size: 28px
    }

    .blog-page {
        padding: 35px 0
    }

    .main_blog header h1:before {
        width: 200px
    }

    .logical-reason h4.text-center.grey {
        font-size: 16px;
        line-height: 25px
    }

    .service-icons-img {
        margin-right: 5px
    }

    .inner-banner {
        padding: 60px 15px 55px
    }

    .pd-list li {
        padding-bottom: 10px !important
    }

    h2.waitrose {
        font-size: 21px
    }

    h2.waitrose:before {
        width: 0
    }

    .service-content h1,
    .service-content h2 {
        font-size: 30px
    }

    .services-details-content h4 {
        font-size: 18px;
        line-height: 30px
    }

    .serv-button a {
        height: 36px;
        font-size: 18px;
        line-height: 36px
    }

    .about-content-logo {
        position: relative;
        padding: 0 15px
    }

    .quote-sec h2 {
        font-size: 24px;
        line-height: 30px;
        padding-top: 50px
    }

    .aboutus h3,
    .aboutus p {
        padding: 0 15px
    }

    #sliderPages {
        display: none
    }

    .sliderContentTitle {
        font-size: 20px
    }

    .ethics .media {
        display: block
    }

    .ethics .media-body h4,
    .ethics .media-body p,
    .ethics .media-left {
        float: none;
        margin: 0 auto 10px;
        text-align: center !important
    }

    .ethics .media-body {
        padding: 0 15px;
        text-align: center;
        margin: 0 auto;
        display: block
    }

    .stats h2 {
        margin: 0 0 40px;
        font-size: 30px
    }

    .pricing h2:after,
    .global h2:after,
    .ethics .waitrose:after,
    .stats h2:after {
        width: 200px
    }

    .stats .col {
        flex: 0 0 100%;
        margin: 0 0 30px
    }

    .pricing h3 {
        font-size: 24px
    }

    .inner-banner p {
        font-size: 14px
    }

    a.btn.btn-waitrose::after {
        background: url(../../../../../../themes/kaira/img/logo-bottom2.png) no-repeat;
        width: 200px;
        height: 121px;
        margin-top: 25px
    }

    a.btn.btn-waitrose {
        margin: 20px auto 70px
    }

    .free-quote-home a {
        max-width: 280px;
        height: 40px;
        line-height: 40px;
        font-size: 18px
    }
}

@media screen and (max-width:480px) {
    .brands-home-title h2,
    .portfolio-home-title h2,
    .tg-heading-border h2,
    .free-quote-heading h2,
    .service-heading h2,
    .brands-home-title h2,
    .aboutus-heading h2,
    .service-heading h2 {
        font-size: 28px;
        line-height: 30px
    }

    .inner-banner h1 {
        font-size: 24px
    }

    .carrer-banner h1:after {
        width: 180px
    }
}

@media screen and (max-width:384px) {
    .main_blog header h1 {
        font-size: 21px
    }
}