#page,
body {
    overflow-x: hidden;
    position: relative
}

body,
li,
ol,
ul {
    padding: 0;
    margin: 0
}

body,
h2,
h3,
h4 {
    font-family: Roboto, sans-serif;
    font-weight: 300
}

h3,
h4 {
    line-height: 25px
}


.logo,
.pagination li,
.social li {
    float: left
}


.purpose_block .btn-active,
footer,
textarea {
    overflow: hidden
}


.services_item {
    cursor: default
}

::selection {
    background: #000;
    color: #fff
}

::-moz-selection {
    background: #000;
    color: #fff
}


.cleancode_block ::selection,
footer ::selection {
    background: #fff;
    color: #000
}

footer ::-moz-selection {
    background: #fff;
    color: #000
}

.cleancode_block ::-moz-selection {
    background: #fff;
    color: #000
}

body {
    font-size: 13px;
    line-height: 20px;
    color: #666;
    background-color: #fff
}

#page {
    z-index: 5
}

.preloader_hide {
    opacity: 0
}

#preloader {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 62px;
    height: 62px;
    margin: -16px 0 0 -16px;
    display: block
}

.container {
    padding-left: 0;
    padding-right: 0
}

a,
input,
select,
textarea {
    vertical-align: top;
    outline: 0 !important;
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

select:-moz-focusring {
    color: transparent;
    outline: 0 !important;
    text-shadow: 0 0 0 #000 !important;
    border: 0 !important
}

img {
    outline: 0;
    vertical-align: top;
    border: 0;
    max-width: 100.1%;
    height: auto
}

a {
    color: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.btn,
.navmenu ul li a {
    transition: all .3s ease-in-out
}

a:focus,
a:hover {
    text-decoration: none;
    color: #333
}


header {
    position: relative
}

hr {
    border-color: #ededed
}

li {
    list-style: none
}

p {
    margin: 0 0 20px
}


h2,
h4 {
    margin-top: 0;
    text-transform: none;
    color: #333
}


h2 {
    margin: 0 0 26px
}

.logo a,
.navmenu ul li a {
    text-transform: uppercase
}

h2 {
    line-height: 40px;
    font-size: 40px
}

h2 b,
h4 b {
    font-weight: 500
}

.btn,
.logo a span.b1,
h3 b {
    font-weight: 900
}

h3 {
    margin: 0 0 21px;
    font-size: 22px
}

h4 {
    margin: 0 0 34px;
    font-size: 20px
}

.btn {
    line-height: 20px
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.btn {
    margin: 0;
    padding: 24px 27px 22px;
    border: 2px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    color: #999;
    text-shadow: none;
    background-image: none !important;
    -webkit-transition: all .3s ease-in-out
}

.btn:focus,
.btn:hover {
    color: #333;
    border-color: #333
}

.btn-active {
    background-color: #1c1c1c;
    color: #fff;
    border-color: #1c1c1c
}

.menu_block,
header {
    height: 80px;
    background-color: #fff
}

.btn-active:hover {
    color: #fff
}

.ie .btn,
.ie .btn-default {
    filter: none !important
}

.logo a {
    line-height: 80px;
    font-size: 26px;
    color: #333
}

.logo a span {
    display: inline-block;
    padding-right: 18px
}

.logo a span.b2 {
    font-weight: 700
}

.logo a span.b3 {
    font-weight: 500
}

.logo a span.b4 {
    font-weight: 300
}

.logo a span.b6 {
    font-weight: 200
}

.logo a span.b7 {
    font-weight: 100
}

.menu_block {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1)
}

.navmenu ul li {
    position: relative;
    display: inline-block
}

.navmenu ul li a {
    display: block;
    margin: 0 0 0 -3px;
    padding: 30px 20px;
    font-weight: 900;
    line-height: 20px;
    font-size: 13px;
    color: #666;
    -webkit-transition: all .3s ease-in-out
}

.navmenu li.active a,
.navmenu li:hover a {
    color: #333
}

#search-form input,
.services_item p {
    text-transform: none;
    font-weight: 300
}

#search-form form {
    position: relative;
    height: 40px;
    margin: 20px 0 20px 19px;
    padding-left: 49px;
    border-left: 1px solid #ccc;
    font-family: FontAwesome
}

#search-form input,
.cleancode_block .nav-tabs li a span {
    font-family: Roboto, sans-serif
}

#search-form form:before {
    content: "\f002";
    position: absolute;
    left: 29px;
    top: -2px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #ccc
}

#home,
.services_item p {
    position: relative
}

#search-form input {
    width: 42px;
    margin: 0;
    padding: 11px 0;
    line-height: 20px;
    font-size: 13px;
    color: #999;
    background: 0 0;
    border: 0;
    box-shadow: none;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

#team,
.cleancode_block {
    background-attachment: fixed !important
}

#search-form input:focus {
    width: 140px;
    padding: 11px 20px 11px 0
}

.services_item {
    display: block
}

.services_item p {
    margin-bottom: 15px;
    padding-bottom: 19px;
    font-size: 20px;
    color: #333
}

.services_item p b {
    font-weight: 400
}

.services_item p:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background-color: #ccc
}

.services_item span {
    display: block;
    padding-bottom: 9px;
    font-weight: 300;
    font-size: 14px;
    color: #666
}

.cleancode_block {
    background-image: url(../images/clean_code_bg.jpg);
    background-size: cover;
    background-position: 0 0
}

.cleancode_block .tab-content {
    overflow: hidden;
    padding: 0;
    margin: 0 0 80px
}

.cleancode_block p.title {
    margin: 0 0 17px;
    line-height: 50px;
    font-size: 40px;
    color: #fff
}

.cleancode_block p.title b {
    font-weight: 500
}

.cleancode_block span {
    font-weight: 300;
    line-height: 35px;
    font-size: 22px;
    color: #999
}

.cleancode_block .tab-pane {
    display: block;
    height: 0;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.cleancode_block .tab-pane.active {
    height: auto;
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0)
}

.ie .cleancode_block .tab-pane {
    display: none
}

.ie .cleancode_block .tab-pane.active {
    display: block
}

.cleancode_block .nav-tabs {
    margin: 0;
    border: 0
}

.cleancode_block .nav-tabs li {
    margin: 0;
    padding: 0 12px
}

.cleancode_block .nav-tabs li a {
    width: 170px;
    height: 170px;
    margin: 0;
    padding: 54px 0 0;
    text-align: center;
    border: 0 !important;
    border-radius: 0;
    transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out
}

.cleancode_block .nav-tabs li a i {
    display: block;
    margin: 0 auto;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    transition: transform .2s ease-in-out;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    text-align: center
}

.icon_style {
    font-size: 60px
}

.nav-tabs li a:focus,
.nav-tabs li a:hover {
    background-color: transparent
}

.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover {
    background-color: #fff
}

.nav-tabs li a:hover i {
    background-position: 0 -120px;
    transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px)
}

.nav-tabs li.active a i {
    background-position: 0 0;
    transform: translateY(-16px);
    -o-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    -webkit-transform: translateY(-16px);
    color: #333
}

.cleancode_block .nav-tabs li a span {
    display: block;
    font-weight: 400;
    line-height: 20px;
    font-size: 20px;
    color: #fff;
    padding-top: 22px;
    transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.nav-tabs li.active a span {
    opacity: 1;
    transform: translateY(-6px);
    -o-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    padding-top: 0;
    color: #333
}

.purpose_block p {
    margin-bottom: 26px;
    font-weight: 300;
    line-height: 26px;
    font-size: 17px;
    color: #666
}

.purpose_block .btn {
    margin-top: 30px;
    margin-right: 16px
}

.purpose_block .btn-active span:before {
    content: attr(data-hover);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
    line-height: 20px;
    font-size: 13px;
    color: #1C1C1C;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.purpose_block .btn-active:hover span:before {
    color: #fff
}

.purpose_block .btn-active span {
    position: relative;
    display: inline-block;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.purpose_block .btn-active:focus span,
.purpose_block .btn-active:hover span {
    color: #1c1c1c;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
}

.purpose_block .ipad_img1 {
    box-shadow: 0 0 0
}

#team {
    padding: 75px 0 100px;
    background-image: url(../images/team_bg.jpg);
    background-size: cover
}

#map {
    transition: all .3s ease-in-out
}

#news {
    padding: 75px 0 50px
}

.testim_content {
    font-weight: 300;
    line-height: 35px;
    font-size: 22px;
    color: #333;
    padding: 0 10px
}

.testim_author {
    padding-top: 46px;
    font-weight: 300;
    font-size: 16px;
    color: #666
}

.testim_author b {
    font-weight: 500;
    color: #333
}

#map,
footer {
    position: fixed
}

.recent_posts_small {
    margin-bottom: 15px
}

.post_item_content_small a.title {
    display: block;
    line-height: 17px;
    font-size: 14px;
    color: #ccc
}

.post_item_content_small a.title:hover {
    color: #666
}

.foot_about_block p,
.post_item_content_small {
    line-height: 20px;
    font-size: 14px
}

#contacts {
    position: relative;
    z-index: 0;
    padding: 0;
    background: 0 0
}

footer {
    z-index: 1;
    bottom: 0;
    left: 50%;
    opacity: 0;
    width: 100%;
    padding: 60px 0 10px;
    color: rgba(255, 255, 255, .77);
    background-color: #1c1c1c;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

footer h3 {
    color: #fff;
    font-family: Roboto, sans-serif;
}

h3 b {
    font-weight: 300;
}

.foot_about_block p {
    margin-bottom: 11px;
    padding-right: 71px
}

#map {
    z-index: 3;
    bottom: -100%;
    left: 0;
    right: 0;
    height: 401px;
    -webkit-transition: all .3s ease-in-out
}

#map iframe {
    width: 100%;
    height: 399px
}

.map_hide,
.social li a {
    width: 50px;
    height: 50px;
    text-align: center
}

#map.showed {
    bottom: 0
}

.map_hide {
    position: absolute;
    left: 50%;
    z-index: 20;
    display: block;
    margin-left: 525px;
    background-color: #333;
    font-family: FontAwesome
}

.map_hide:hover {
    background-color: #fff
}

.map_hide i {
    line-height: 46px;
    font-size: 26px;
    color: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    margin: 0 -2px
}


.social li {
    display: inline-block;
    margin: 0 7px 10px 0
}

.map_hide:hover i {
    color: #333
}

.social li a {
    display: block;
    border: 1px solid rgba(255, 255, 255, .77);
    line-height: 46px;
    font-size: 23px;
    color: rgba(255, 255, 255, .77)
}


input[type=text],
textarea {
    font-family: Roboto, sans-serif;
    line-height: 20px;
    background: 0 0
}

.social li a:hover {
    color: #ccc;
    border-color: #ccc
}

input[type=text],
textarea {
    width: 100%;
    margin: 0 0 10px;
    padding: 10px 8px;
    text-transform: none;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255, 255, 255, .68);
    font-style: normal;
    border-radius: 0;
    border: 2px solid rgba(255, 255, 255, .35);
    box-shadow: none;
    transition: border-color .3s ease-in-out;
    -webkit-transition: border-color .3s ease-in-out
}

textarea {
    min-height: 95px;
    resize: none
}

input[type=text].last,
textarea {
    margin-right: 0
}

input[type=time]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
    outline: 0;
    box-shadow: none;
    color: #fff;
    border-color: #ccc
}

.bechangemodal input[type=time]:focus,
.bechangemodal input[type=number]:focus,
.bechangemodal input[type=email]:focus,
.bechangemodal input[type=url]:focus,
.bechangemodal input[type=search]:focus,
.bechangemodal input[type=tel]:focus,
.bechangemodal input[type=color]:focus,
.bechangemodal input[type=text]:focus,
.bechangemodal textarea:focus {
    outline: 0;
    box-shadow: none;
    color: #000 !important;
    border-color: #ccc
}

.bechangemodal input[type=text],
.bechangemodal textarea {
    color: #000;
    border-radius: 4px
}

.single_page #blog {
    padding-top: 50px
}

.pagination {
    display: block;
    margin: 0 0 50px;
    padding: 0;
    border-radius: 0
}

.pagination li {
    width: 68px;
    height: 70px
}

.pagination li a {
    float: none;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 900;
    text-align: center;
    line-height: 68px;
    font-size: 20px;
    color: #999
}

.pagination li a:focus,
.pagination li a:hover,
.pagination li.active a {
    color: #333 !important;
    background: 0 0 !important
}

.pagination li.active a {
    border: 2px solid #333 !important;
    font-size: 26px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    #team,
    .cleancode_block,
    .top_slider .slide1,
    .top_slider .slide2,
    .top_slider .slide3 {
        background-attachment: scroll !important;
        background-position: 0 0
    }

    .top_slider .slide1,
    .top_slider .slide2,
    .top_slider .slide3 {
        background-size: cover !important
    }
}

@media (min-width:992px) and (max-width:1199px) {

    #team,
    .cleancode_block {
        background-attachment: scroll !important;
        background-size: 100% auto !important;
        -webkit-background-size: 100% auto !important
    }

    h2 {
        font-size: 35px;
        line-height: 35px
    }

    .navmenu ul li a {
        padding-left: 15px;
        padding-right: 15px
    }

    .cleancode_block p.title {
        font-size: 70px;
        line-height: 70px
    }

    .cleancode_block .nav-tabs li a span {
        font-size: 16px
    }

    .nav-tabs li a:hover i {
        background-position: 0 -90px;
        transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -webkit-transform: translateY(-5px)
    }

    .nav-tabs li.active a i {
        background-position: 0 0;
        transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px)
    }

    .purpose_block p {
        font-size: 15px;
        line-height: 22px
    }

    .owl-theme .owl-controls {
        top: -69px
    }

    .owl-theme .owl-controls .owl-buttons div {
        width: 50px;
        height: 50px
    }

    .owl-theme .owl-controls .owl-buttons div:before {
        width: 48px;
        height: 48px;
        line-height: 46px
    }

    .map_hide {
        margin-left: 435px
    }
}

@media (min-width:768px) and (max-width:991px) {

    .logo a {
        font-size: 22px
    }

    #search-form input:focus {
        width: 42px
    }

    .navmenu ul li a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px
    }

    .cleancode_block p.title {
        font-size: 60px;
        line-height: 60px
    }

    .cleancode_block span {
        font-size: 20px;
        line-height: 24px
    }

    .cleancode_block .nav-tabs li a span {
        font-size: 13px
    }

    .nav-tabs li a:hover i {
        background-position: 0 -90px;
        transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -webkit-transform: translateY(-5px)
    }

    .nav-tabs li.active a i {
        background-position: 0 0;
        transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px)
    }

    .purpose_block {
        padding-top: 35px
    }

    .purpose_block .ipad_img1 {
        margin-top: -50px
    }

    .purpose_block p {
        font-size: 12px;
        line-height: 20px
    }

    .owl-theme .owl-controls {
        top: -69px
    }

    .owl-theme .owl-controls .owl-buttons div {
        width: 50px;
        height: 50px
    }

    .owl-theme .owl-controls .owl-buttons div:before {
        width: 48px;
        height: 48px;
        line-height: 46px
    }

    .testim_content {
        font-size: 17px;
        line-height: 24px
    }

    footer {
        position: static;
        left: auto;
        bottom: auto;
        transform: none;
        -webkit-transform: none
    }

    .map_hide {
        margin-left: 325px
    }

    .respond_clear {
        clear: both;
        height: 0;
        font-size: 0
    }
}

@media (max-width:767px) {

    a.menu_toggler,
    a.menu_toggler:hover {
        background-color: #333
    }

    .container {
        padding-left: 15px;
        padding-right: 15px
    }

    h2 {
        font-size: 30px;
        line-height: 32px
    }

    .logo a {
        font-size: 22px
    }

    #search-form input:focus {
        width: 42px
    }

    a.menu_toggler {
        display: inline-block;
        float: right;
        margin: 20px 0 0 20px;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 38px;
        font-size: 23px;
        color: #fff
    }

    .navmenu {
        position: absolute;
        left: 0;
        right: 0;
        top: 80px;
        background-color: #fff
    }

    .navmenu ul {
        padding: 10px 0
    }

    .navmenu ul li {
        display: block;
        text-align: left
    }

    .navmenu ul li a {
        padding: 4px 20px
    }

    .cleancode_block p.title {
        font-size: 40px;
        line-height: 40px
    }

    .cleancode_block span {
        font-size: 15px;
        line-height: 22px
    }

    .cleancode_block .nav-tabs {
        margin: 0 auto;
        width: 450px
    }

    .cleancode_block .nav-tabs li a {
        width: 120px;
        height: 120px;
        padding-top: 24px
    }

    .cleancode_block .nav-tabs li a span {
        font-size: 13px
    }

    .nav-tabs li a:hover i {
        background-position: 0 -90px;
        transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -webkit-transform: translateY(-5px)
    }

    .nav-tabs li.active a i {
        background-position: 0 0;
        transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px)
    }

    .ipad_img_in {
        width: 350px;
        margin: 0 auto
    }

    .purpose_block .ipad_img1 {
        margin-top: 40px
    }

    .purpose_block p {
        font-size: 12px;
        line-height: 20px
    }

    .client_img {
        width: 140px;
        display: inline-block
    }

    .owl-theme .owl-controls {
        top: -69px
    }

    .testimonials .owl-theme .owl-controls {
        top: -49px
    }

    .owl-theme .owl-controls .owl-buttons div {
        width: 50px;
        height: 50px
    }

    .owl-theme .owl-controls .owl-buttons div:before {
        width: 48px;
        height: 48px;
        line-height: 46px
    }

    .testim_content {
        font-size: 17px;
        line-height: 24px
    }

    .pagination li {
        width: 40px;
        height: 40px
    }

    .pagination li a {
        font-size: 16px;
        line-height: 38px
    }

    .pagination li a:focus,
    .pagination li a:hover,
    .pagination li.active a {
        font-size: 18px
    }

    footer {
        position: static;
        left: auto;
        bottom: auto;
        transform: none;
        -webkit-transform: none
    }

    .map_hide {
        margin: 0;
        left: auto;
        right: 15px
    }

    .respond_clear {
        clear: both;
        height: 0;
        font-size: 0
    }
}

.er:before,
.errormsg {
    z-index: 1;
    position: absolute
}

@media (max-width:479px) {

    .cleancode_block p.title,
    h2 {
        font-size: 26px;
        line-height: 26px
    }

    #search-form {
        display: none
    }

    .purpose_block .btn {
        padding: 10px;
        margin: 10px 5px 0 0
    }

    .cleancode_block .nav-tabs {
        width: 290px
    }

    .cleancode_block .nav-tabs li {
        padding: 0
    }

    .cleancode_block .nav-tabs li a {
        width: 96px;
        height: 96px
    }


    .ipad_img_in {
        width: 290px
    }

    .testimonials .owl-theme .owl-controls {
        top: 0
    }

    .col-ss-12 {
        width: 100%
    }
}

@media (max-width:767px) {

    .xs-name {
        padding-bottom: 0 !important
    }

    .cleancode_block .nav-tabs li a {
        width: 100%;
        height: 108px
    }

    .icon_style {
        font-size: 40px
    }

    .cleancode_block .nav-tabs li a span {
        font-size: 12px
    }

    .nav-tabs>li {
        float: left;
        width: 50%
    }

    .title_imagine {
        font-size: 50px !important;
        line-height: 0 !important
    }

    .subtittle {
        font-size: 25px !important;
        line-height: 20px !important
    }

    section {
        padding: 30px 0 !important
    }

    .about {
        padding-top: 10px !important
    }

    footer h4 {
        margin: 0
    }

    footer .padbot30 {
        padding-bottom: 30px
    }

    footer .post_item_content_small {
        padding-top: 10px
    }

    .recent_posts_small {
        margin-bottom: 0
    }

    .services_item {
        padding-bottom: 15px
    }

    .reclica {
        padding-top: 0;
        padding-bottom: 20px !important
    }
}

@media (max-width:992px) {
    footer {
        padding-bottom: 20px;
        margin-top: 30px
    }
}

@media (max-width:350px) {
    .cleancode_block .nav-tabs li a {
        width: 100%;
        height: 107px
    }

    .nav-tabs>li {
        float: left;
        width: 50%
    }
}

@media (min-width:768px) and (max-width:992px) {
    .outernavmenu {
        width: 100%
    }

    .outernavmenu .navmenu {
        background: rgba(255, 255, 255, .81);
        width: 100%
    }

    .menu_block .container {
        max-width: 100%
    }

    .logo {
        padding-left: 97px
    }
}

@media (max-width:767px) {
    .container {
        padding-left: 15px;
        padding-right: 15px
    }

    a.menu_toggler {
        display: inline-block;
        float: right;
        margin: 20px 0 0 20px;
        width: 40px;
        height: 36px;
        text-align: center;
        line-height: 38px;
        font-size: 23px;
        color: #fff;
        background-color: #333
    }

    .navmenu {
        position: absolute;
        left: 0;
        right: 0;
        top: 80px;
        background-color: #fff
    }

    .navmenu ul {
        padding: 10px 0
    }

    .navmenu ul li {
        display: block;
        text-align: left;
        padding-bottom: 10px
    }

    .navmenu ul li a {
        padding: 4px 20px
    }

    .cleancode_block p.title {
        font-size: 28px;
        line-height: 32px
    }

    .cleancode_block span {
        font-size: 20px
    }

    h2 {
        font-size: 30px;
        line-height: 35px
    }

    .purpose_block p {
        font-size: 15px
    }

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

    .logo a {
        font-size: 25px
    }

    .logo a span {
        padding-right: 5px
    }

    footer .row {
        width: 100% !important
    }

    .testimonials .owl-theme .owl-controls {
        top: -2px
    }

    #home {
        padding-top: 0 !important
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .cleancode_block .nav-tabs li a {
        width: 100%;
        height: 170px
    }

    .nav-tabs>li {
        float: left;
        width: 33.33%
    }

    .title_imagine {
        font-size: 60px !important
    }

    .subtittle {
        font-size: 40px !important
    }

    .cleancode_block p.title {
        font-size: 40px;
        line-height: 50px
    }
}

@media (min-width:1025px) and (max-width:1200px) {
    .cleancode_block .nav-tabs li a {
        width: 150px;
        height: 170px
    }

    .nav-tabs>li {
        float: left
    }

    .cleancode_block .nav-tabs li {
        padding: 0 5px
    }
}

.npt {
    padding-top: 0
}

.np {
    padding: 0
}

.nm {
    margin: 0
}

.inputgrp {
    padding: 10px;
    position: relative
}

.innerform {
    padding: 0
}

.bechangemodal .modal-body {
    display: table
}

.outer_submitbtn .btn {
    float: right;
    margin-right: 7px
}

.outer_submitbtn {
    padding: 15px 10px 20px 15px;
    float: right;
    background-image: url(../images/clean_code_bg.jpg);
    background-size: cover
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    position: relative
}

.message_box {
    float: left;
    padding-bottom: 18px
}

.bechangemodal {
    border: 0;
    box-shadow: 0 0 0;
    outline: 0
}

.bechangemodal .modal-content {
    top: 15%
}

.bechangemodal form {
    padding: 15px 0
}

.outer_submitbtn .btn {
    border: 1px solid rgba(255, 255, 255, .43);
    padding: 7px 15px
}

.outer_submitbtn .btn:active,
.outer_submitbtn .btn:focus,
.outer_submitbtn .btn:hover {
    color: #fff;
    border: 1px solid #fff
}

.bechangemodal .modal-title {
    margin: 0;
    line-height: 1.428571429;
    color: #fff;
    font-size: 26px;
    padding: 15px 10px
}

.bechangemodal .modal-header .close {
    margin-top: -2px;
    color: #fff;
    font-size: 35px
}

.errormsg {
    color: #fff;
    border-bottom: 1px solid #333 !important;
    padding: 2px;
    line-height: 1;
    animation: fromtop 2s 1 linear;
    display: inline-block;
    font-size: 11px;
    background: #333;
    font-weight: 400;
    right: 19px;
    top: -9px
}

.errormsg:after {
    content: "";
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #333 !important;
    bottom: -6px;
    position: absolute;
    right: 0
}

.er:before {
    content: "_";
    right: 16px;
    width: 20px;
    height: 20px;
    line-height: 9px;
    top: 16px;
    color: #f32;
    border-radius: 50%;
    border: 1px solid;
    text-align: center
}

.loading,
.locked {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000002;
    display: none
}


.loading i,
.locked i {
    font-size: 200%;
    color: #fff;
    position: relative;
    top: 45%;
    width: 100%;
    display: block;
    text-align: center
}

.phonenumber,
.phonenumber:active,
.phonenumber:focus,
.phonenumber:hover {
    color: rgba(255, 255, 255, .77)
}

.fa-spin:before {
    animation: fa-spin 2s infinite linear;
    display: inline-block
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

.bechangemodal .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-image: url(../images/clean_code_bg.jpg);
    background-size: cover
}

.supstyle {
    font-size: 23px;
    top: -28px
}

.title_imagine {
    font-size: 80px
}

.phonenumber {
    cursor: default
}

section {
    background-color: #fff;
    padding: 50px 0
}

.signbtn,
.yesntn {
    background-color: #0cc2aa;
    height: 40px
}

#myTabContent {
    padding-top: 50px
}

#myTab {
    padding-bottom: 50px
}

.whatsappstyle {
    padding-top: 5px
}

.reclica {
    padding-top: 0;
    padding-bottom: 36px
}

.success_feedback {
    padding: 9px 21px
}

#show_register_message_success .modal-body {
    position: relative;
    padding: 20px 20px 0;
    line-height: 40px
}

.yesntn {
    color: #fff;
    border-radius: 30px;
    font-weight: 500;
    border: 2px solid #0cc2aa;
    padding: 1em 2.5em
}


footer .post_item_content_small {
    padding-top: 20px
}

footer h4 {
    margin: 0
}

.amclink {
    color: rgba(255, 255, 255, .72)
}

.amclink:active,
.amclink:focus,
.amclink:hover {
    text-decoration: underline;
    color: #fff
}

.contactstyle {
    line-height: 20px
}

.btn_terms_privacy a {
    display: table;
    padding: 6px 0 0;
    color: rgba(255, 255, 255, .72)
}

.btn_terms_privacy a:active,
.btn_terms_privacy a:focus,
.btn_terms_privacy a:hover {
    text-decoration: underline;
    color: #fff
}

.signbtn {
    color: #000;
    border-radius: 20px;
    font-weight: 500;
    padding-left: 2.2em;
    padding-right: 2.2em;
    border: 2px solid #0cc2aa
}

/*-------------------Telemedicine Guidelines-----------------*/
.guidelines-link {
    color: #666 !important;
    text-decoration: underline;
}

.guidelines-link:hover {
    color: #000 !important;
    text-decoration: underline;
}

/*------------------- Portals-------------------------------------*/
.portals .card {
    border: 1px solid #dddddd;
    border-radius: 10px;
    font-weight: 300;
    line-height: 26px;
    font-size: 14px;
    color: #666;
    padding: 1em;
    margin: 1em;
    /*    height: 30em;*/
    align-self: stretch;
}



.all-portals {
    padding: 6.7em 0;
}

.portals a:hover .card {
    background-color: #0cc2aa;
}

.portals .np {
    padding: 0 !important;
}

.portals .row {
    margin: 3em 0;
}

.portals .social a img {
    width: 36px;
    box-shadow: none;
}

.portals .social {
    padding-top: 1em;
}

.portals .card .dr-name {
    font-size: 16px;
    margin-top: .5em;
}

.portals .card-body {
    display: inline-block;
    padding-left: 2em;
}

.book-btn {
    margin-bottom: 1em;
    margin-top: 2em;
}

.portals .card img {
    width: 150px;
    height: auto;
    margin-bottom: 1em;
    border-radius: 10px;
    padding: 2px;
    box-shadow: 5px 5px 0 #55c3ab;
}

.social li a {
    fill: white;
    padding: 8px;
}



@media only screen and (max-width: 600px) {
    .portals .card-body {
        display: inline-block;
        padding-left: 0em;
    }

}

/*--------Novosalus fonts------*/
@charset "UTF-8";

@font-face {
    font-family: "reclica";
    src: url("../fonts/reclica.eot");
    src: url("../fonts/reclica.eot?#iefix") format("embedded-opentype"),
        url("../fonts/reclica.woff") format("woff"),
        url("../fonts/reclica.ttf") format("truetype"),
        url("../fonts/reclica.svg#reclica") format("svg");
    font-weight: normal;
    font-style: normal;

}

[class^="icon-f-"]:before,
[class*=" icon-f-"]:before {
    font-family: "reclica" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-f-addmore:before {
    content: "\61";
}

.icon-f-responsive:before {
    content: "\62";
}

.icon-f-pioneering:before {
    content: "\63";
}

.icon-f-reclika:before {
    content: "\64";
}

.icon-f-tele:before {
    content: "\65";
}

.icon-f-whatsapp:before {
    content: "\6d";
}

.icon-f-growmore:before {
    content: "\6f";
}

.icon-f-refresh:before {
    content: "\70";
}