@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:    DIGITAL MARKETO
Version:    1
Date created: July 21, 2017;
Primary use:    MultiPurpose Template  
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[ Table of contents ]

1. Imported Styles
2. Typography
3. Colors
4. Form Elements
5. buttons.parallax-container section .image
6. Upper Header 
7. menu
8. Home page
    1. Carousel
    2. Clients
    3. Services
    4. Portfolio
    5. Case Studies
    6. Why Us
    7. Success
    8. Blog
9. footer
10. website Design page
11. Mobile app Design page 
12. protfilio page 
13. Case studies details page 
14. contact page
15. about page
16. blog page


/* ===================================
    Imported Styles
====================================== */

/* Google Font
-------------------------------------------------*/

@import "https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900";
/* ===================================
    Typography
====================================== */

body {
    font-family: "Raleway", sans-serif;
    margin: 0;
    padding: 0;
    color: #606060;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 26px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

h1 {
        font-size: 30px;
    text-transform: uppercase;
    font-weight: 900;
}

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

h3 {
    font-size: 24px;
    line-height: 30px;
}

li {
    list-style: none;
}

a {
    text-decoration: none !important;
}

a,
button,
input {
    outline: 0 !important;
}

.small-text {
    font-size: 14px;
    font-weight: 400;
}

.extra-small-text {
    font-size: 13px;
    font-weight: 400;
}

.regular-text {
    font-size: 16px;
}

.medium-text {
    font-size: 18px;
}

.semi-bold {
    font-weight: 600;
}

.text-align-center {
    text-align: center;
}

.no-margin {
    margin: 0;
}

/* ===================================
    colors
====================================== */

.b-clor {
    color: #333;
}

.base-color-bg {
    background-color: #f59348;
}

.grey-dark {
    color: #323a45;
}

.grey-dark-bg {
    background: #323a45;
}

.text-color-light {
    color: #606060;
}

.light-gray-font-color {
    color: #9d9d9d;
}

/* ===================================
    Custom Animations
====================================== */

@keyframes fade-in-up {
    0% {
        top: 110%;
        opacity: 0;
    }
    100% {
        top: calc(100% - 50px);
        opacity: 1;
    }
}

/* ===================================
    common-styles
====================================== */

a,
button,
p,
li,
input,
textarea {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

hr {
    width: 100%;
    border: none;
    height: 1px;
    background: url("images/line.png") repeat-x left center;
    margin: 15px 0;
}

hr.dark-line {
    background: url("images/line-gray.png") repeat-x left center;
}

.o-hidden {
    overflow: hidden;
}

.bg-white {
    background: #fff;
    padding: 85px 0 0;
}

.bg-white h2 {
    margin: 0;
}

.btn.btn-fill.full-width {
    display: block;
    margin: 56px auto;
    max-width: 360px;
    width: 100%;
}

.btn.btn-fill.full-width:focus,
.btn.btn-fill.full-width:hover {
    background: #fff;
    color: #f59348;
}

/*bottom green border  box*/

.box-green-border {
    padding: 58px 10px 24px 30px;
    border-bottom: 2px solid #f59348;
	min-height:333px !important;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-40 {
    margin-top: 40px;
}

.box-green-border a {
    font-size: 24px;
    display: block;
    color: #323a45;
    font-weight: 600;
    margin-bottom: 16px;
    text-decoration: none !important;
    text-transform: capitalize;
}

.box-green-border:hover a,
.box-green-border a:focus,
.box-green-border:hover span {
    color: #f59348;
    text-decoration: none;
}

.box-green-border p {
    font-size: 16px;
    color: #606060;
    line-height: 26px;
}

.box-green-border span {
    font-size: 68px;
    color: #323a45;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.box-green-border a span {
    display: block;
    margin: 0 0 38px;
    line-height: 53px;
}

.clearlist,
.clearlist li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
}

/* ===================================
   Form Elements
====================================== */

input::-webkit-input-placeholder {
    color: #606060;
    font-weight: 400;
    font-size: 14px;
    opacity: 1;
}

input:-moz-placeholder {
    color: #606060;
    font-weight: 400;
    font-size: 14px;
    opacity: 1;
}

input::-moz-placeholder {
    color: #606060;
    font-weight: 400;
    font-size: 14px;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #606060;
    font-weight: 400;
    font-size: 14px;
    opacity: 1;
}

textarea::-webkit-input-placeholder {
    color: #606060;
    font-weight: 400;
    font-size: 14px;
    opacity: 1;
}

textarea:-moz-placeholder {
    color: #606060;
    font-weight: 400;
    font-size: 14px;
    opacity: 1;
}

textarea::-moz-placeholder {
    color: #606060;
    font-weight: 400;
    font-size: 14px;
    opacity: 1;
}

textarea:-ms-input-placeholder {
    color: #606060;
    font-weight: 400;
    font-size: 14px;
    opacity: 1;
}

form .customised-formgroup {
    position: relative;
    margin-bottom: 0;
    color: #323a45;
    padding: 8px 0;
}

form .customised-formgroup input,
form .customised-formgroup textarea {
    border: medium none;
    width: 100%;
    overflow: hidden;
    height: 44px;
    padding: 10px 25px;
    border-bottom: 2px solid #d5d5d5;
}

form .customised-formgroup textarea:focus,
form .customised-formgroup input:focus {
    outline: none;
}

form .customised-formgroup input:focus,
form .customised-formgroup textarea:focus {
    border-color: #f59348;
}

form .customised-formgroup input::-webkit-input-placeholder {
    font-weight: 400;
    line-height: normal;
}

form .customised-formgroup input:-moz-placeholder {
    font-weight: 400;
    line-height: normal;
}

form .customised-formgroup input::-moz-placeholder {
    font-weight: 400;
}

form .customised-formgroup input:-ms-input-placeholder {
    font-weight: 400;
    line-height: normal;
}

form .customised-formgroup textarea::-webkit-input-placeholder {
    font-weight: 400;
    line-height: normal;
}

form .customised-formgroup textarea:-moz-placeholder {
    font-weight: 400;
    line-height: normal;
}

form .customised-formgroup textarea::-moz-placeholder {
    font-weight: 400;
    line-height: normal;
}

form .customised-formgroup textarea:-ms-input-placeholder {
    font-weight: 400;
    line-height: normal;
}

form .customised-formgroup span {
    position: absolute;
    top: 22px;
    left: 0;
    font-size: 17px;
    color: #606060;
}

form .customised-formgroup span.icon-user {
    font-size: 16px;
}

form .customised-formgroup span.icon-envelope {
    font-size: 18px;
}

form .customised-formgroup span.icon-telephone {
    font-size: 17px;
}

form .customised-formgroup textarea {
    resize: none;
    height: 108px;
}

/* ===================================
    buttons
====================================== */

.btn {
    font-size: 14px;
    line-height: 46px;
    background: rgba(245,147,72,1);
background: -moz-linear-gradient(left, rgba(245,147,72,1) 0%, rgba(248,190,54,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245,147,72,1)), color-stop(100%, rgba(248,190,54,1)));
background: -webkit-linear-gradient(left, rgba(245,147,72,1) 0%, rgba(248,190,54,1) 100%);
background: -o-linear-gradient(left, rgba(245,147,72,1) 0%, rgba(248,190,54,1) 100%);
background: -ms-linear-gradient(left, rgba(245,147,72,1) 0%, rgba(248,190,54,1) 100%);
background: linear-gradient(to right, rgba(245,147,72,1) 0%, rgba(248,190,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59348', endColorstr='#f8be36', GradientType=1 );
    border-radius: 0;
    padding: 0 15px;
    text-transform: uppercase;
    border: 2px solid #f59348;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 600;
    transition: all .5s;
}

.btn.btn-nofill {
    background: transparent;
    color: #f59348;
}

.main-slider .btn.btn-fill {
    margin-right: 14px;
}

.tparrows {
    top: 57% !important;
    background: transparent !important;
}

.tparrows::before {
    font-size: 40px !important;
}

.btn.btn-fill .icon-chevron-right {
    margin-left: 5px;
    font-size: 13px;
}

.btn.btn-nofill .icon-chevron-right {
    margin-left: 5px;
}

.btn.btn-fill:hover,
.btn.btn-fill:focus,
.btn.btn-fill:active {
    background: transparent;
    color: #f59348;
}

.btn.btn-nofill:hover,
.btn.btn-nofill:focus,
.btn.btn-nofill:active {
    background: #f59348;
    color: #fff;
}

.btn.btn-nofill.grey-dark-text,
.btn.btn-nofill.grey-dark-text:focus {
    color: #323a45;
}

.rev_slider .btn {
    transition: all .5s !important;
}

.banner-txt .btn.btn-nofill,
.rev_slider .btn.btn-nofill,
.rev_slider .btn:hover,
.product-section .img_container .overlay .btn,
.portfolio .text-inner .btn.btn-nofill {
    color: #ffffff;
}

/* ===================================
    home page -- upper-header
====================================== */

header {
    background: #f5f6f7;
}

header .contact-info ul {
    margin-bottom: 0;
}

header .contact-info ul li {
    padding: 0;
}

header .contact-info ul li:last-child {
    margin-left: 20px;
    padding-left: 20px;
    position: relative;
}

header .contact-info ul li:last-child::before {
    content: " ";
    width: 2px;
    height: 100%;
    display: block;
    background: url(images/separator.png) center center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

header .contact-info ul li a {
    font-size: 16px;
    line-height: 44px;
    color: #606060;
    display: block;
}

header [class^="icon-"] {
    margin-right: 10px;
    vertical-align: middle;
    line-height: 44px;
    float: left;
}

header .contact-info ul li a:hover {
    color: #f59348;
}

header .form-element {
    position: relative;
}

header .form-inline .form-control {
    width: 100%;
    max-width: 300px;
    height: 44px;
    font-size: 16px;
    line-height: 16px;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 13px 25px 15px;
}

header .form-inline button {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 44px;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}

/* ===================================
    menu
====================================== */

.main-menu .nav {}

.main-menu {
    margin: 0;
}

.navbar {
    border-radius: 0;
    border: none !important;
}

.main-menu .navbar-brand {
    height: auto;
    margin-top: 15px;
    padding: 0 15px 0 0;
}

.main-menu .nav .open>a,
.main-menu .nav .open>a:hover,
.main-menu .nav .open>a:focus {
    background: none;
    border-bottom: 2px solid #f59348;
    color: #323a45 ;
}

.main-menu .navbar-nav>li {
    margin-left: 34px;
    margin-right: 0;
    position: static;
}

.main-menu .navbar-nav>li>a:not(.btn) {
    padding: 0;
    font-size: 16px;
    line-height: 34px;
    margin: 37px 0;
    font-weight: 400;
    color: #606060;
    border-bottom: 2px solid transparent;
}

.main-menu .navbar-nav .menu-btn {
    margin-top: 30px;
}

.main-menu .navbar-nav>li>a:hover,
.main-menu .navbar-nav>li>a:focus,
.main-menu .navbar-nav>li>a:hover,
.main-menu .navbar-nav>li.active>a,
.main-menu .navbar-nav>li.active>a {
    background: none;
    border-bottom: 2px solid #f59348;
}

.main-menu .navbar-nav .dropdown>a>i {
    font-size: 12px;
}

.main-menu .navbar-nav li>.dropdown-megamenu li a {
    padding: 0;
    font-size: 14px;
    color: #606060;
}

.main-menu .navbar-nav li>.dropdown-megamenu li a:hover,
.main-menu .navbar-nav li>.dropdown-megamenu li a:focus,
.main-menu .navbar-nav li>.dropdown-megamenu li.active a {
    border: none;
    color: #f59348;
}

.main-menu .navbar-nav li>.dropdown-megamenu li:last-child a {
    padding: 0;
}

.main-menu .navbar-nav li>.dropdown-megamenu li a span {
    margin-right: 20px;
    color: #323a45;
    font-size: 16px;
    position: relative;
    top: 2px;
}

.main-menu .navbar-nav li>.dropdown-megamenu li a:hover span {
    color: #f59348;
}

.main-menu .navbar-nav li>.dropdown-megamenu .b-clor.semi-bold {
    font-size: 18px;
    padding-bottom: 15px;
}

.main-menu .navbar-nav li.dropdown a.dropdown-toggle:after {
    content: "\e93a";
    font-family: "linearicons" !important;
    margin: 5px;
    font-size: 12px;
    display: none;
}

.main-menu .navbar-nav li.dropdown:not(.not-relative) {
    position: relative;
}

.main-menu .navbar-nav li>.dropdown-menu {
    padding: 0;
    position: absolute;
    top: calc(100% - 50px);
    left: 0;
    background: transparent;
    padding-top: 50px;
    border: none;
    box-shadow: none;
    width: 100%;
}

.main-menu .navbar-nav li>.dropdown-menu {
    min-width: 220px;
}

.main-menu .navbar-nav li .megamenu {
    padding: 20px 30px;
    padding-right: 0;
    background: #ffffff;
    border-top: 1px solid #9fa29c;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.main-menu .navbar-nav li>.dropdown-megamenu .megamenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}

.no-flexbox .main-menu .navbar-nav li>.dropdown-megamenu .megamenu {
    display: block !important;
}

.main-menu .navbar-nav li>.dropdown-megamenu .megamenu>li {
    box-sizing: border-box;
    margin-right: 0;
    border-right: 1px solid #9fa29c;
    padding: 20px;
}

.main-menu .navbar-nav li>.dropdown-megamenu .megamenu>li:last-child {
    border-right: none;
}

.main-menu .navbar-nav li>.dropdown-megamenu .megamenu .dropdown-submenu {
    padding: 0;
}

.main-menu .navbar-nav li>.dropdown-megamenu .megamenu .dropdown-submenu li {
    width: 100%;
    margin-right: 0;
}

.main-menu .navbar-nav li>.dropdown-menu .megamenu li a {
    font-size: 14px;
    line-height: 35px;
    color: #606060;
    display: block;
    word-wrap: nowrap;
}

.main-menu .navbar-nav li>.dropdown-menu .megamenu li.active a {
    color: #f59348;
}

.main-menu .navbar-nav li>.dropdown-menu .megamenu li a:hover {
    color: #f59348;
}

.main-menu .navbar-nav li>.dropdown-megamenu .megamenu .dropdown-submenu li a {
    position: relative;
    padding-left: 25px;
}

.main-menu .navbar-nav li>.dropdown-megamenu .megamenu .dropdown-submenu li a i {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 35px;
}

.main-menu .navbar-nav li>.dropdown-menu .megamenu .dropdown-submenu li a:hover,
.main-menu .navbar-nav li>.dropdown-menu .megamenu .dropdown-submenu li a:focus,
.main-menu .navbar-nav li>.dropdown-menu .megamenu .dropdown-submenu li.active a {
    color: #53b778 !important;
}

.main-menu .navbar-nav li>.dropdown-megamenu .megamenu .dropdown-submenu .submenu-heading {
    font-size: 15px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    color: #f59348;
}

.main-menu .navbar-nav a:active,
.main-menu .navbar-nav a.active,
.main-menu .navbar-nav li .dropdown-megamenu a.active span {
    color: #f59348;
}

.main-menu .navbar-nav li .dropdown-megamenu a.active {
    border-bottom: none;
    color: #f59348;
}

/* ===================================
    home page -- carousel
====================================== */

.header-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: #fff;
}

.top-carousel {
    height: 100vh;
    padding-top: 154px;
}

.top-carousel .carousel-inner {
    height: 100vh;
}

.top-carousel .carousel-inner>.item {
    height: calc(100% - 154px);
    height: -moz-calc(100% - 154px);
    height: -webkit-calc(100% - 154px);
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.top-carousel .carousel-control .icon-chevron-left,
.top-carousel .carousel-control .icon-chevron-right,
.top-carousel .carousel-control .icon-next,
.top-carousel .carousel-control .icon-prev {
    position: absolute;
    display: inline-block;
    top: 56%;
    z-index: 5;
    font-size: 60px;
    height: 60px;
    width: 60px;
    color: rgba(255, 255, 255, 0.25);
}

.top-carousel .carousel-control.left .icon-chevron-left {
    left: 16px;
    margin-left: 0;
}

.top-carousel .carousel-control.right .icon-chevron-right {
    right: 13px;
    margin-right: 0;
}

.top-carousel .carousel-caption {
    display: table;
    vertical-align: middle;
    height: 100%;
    text-align: left;
    position: static;
    left: 0;
}

.top-carousel .carousel-caption .carousel-content {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.top-carousel .carousel-caption .carousel-content hr {
    width: 300%;
}

.top-carousel .container {
    height: 100%;
}

.top-carousel .carousel-caption h1 {
    padding-bottom: 13px;
    margin: 0;
}

.h1 {
    font-size: 60px;
    line-height: 60px;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
}

.h2 {
    font-size: 30px;
    line-height: 40px;
    color: #c8c8c8;
    font-weight: 500;
}

.top-carousel .carousel-caption h2 {
    color: #c8c8c8;
    padding: 10px 0 45px;
}

.top-carousel .carousel-control.left,
.top-carousel .carousel-control.right {
    background-image: none;
    opacity: 1;
    top: 0;
    bottom: 0;
    width: 8%;
}

.top-carousel .btn.btn-nofill {
    margin: 0 27px;
}

.top-carousel a.semi-bold.page-scroll {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.top-carousel a:hover,
.top-carousel a:focus {
    text-decoration: none;
    color: #fff;
}

.carousel-content .medium-btn.btn-fill:hover,
.carousel-content .medium-btn.btn-fill:focus {
    background: transparent;
    color: #fff;
}

/* ===================================
    home page -- clients
====================================== */

.clients {
    background: #f5f6f7;
    padding: 0;
}

.clients .owl-carousel .owl-item img {
    max-width: 120px;
    margin: 0 auto;
}

.clients .owl-prev,
.clients .owl-next {
    opacity: 1;
    display: block;
    position: absolute;
    top: 0;
    margin: 0 !important;
    width: 30px;
    height: 30px;
    line-height: 113px;
    font-size: 16px !important;
    text-align: center;
    color: #c0bfc0 !important;
    z-index: 6;
    cursor: pointer;
    height: 120px;
    background: #f5f6f7 !important;
}

.clients .owl-prev {
    left: 0;
}

.clients .owl-next {
    right: 0;
}

.clients .owl-carousel .owl-item .owl-nav img {
    display: none;
}

.clients .owl-carousel:hover .owl-prev {
    left: 0;
}

.clients .owl-carousel:hover .owl-next {
    right: 0;
}

.clients .owl-prev::before,
.clients .owl-next::before {
    display: none;
}

.owl-theme .owl-nav {
    margin-top: 0;
}

.clients .owl-theme .owl-nav [class*="owl-"] {
    background: transparent;
}

.clients .owl-nav .icon-chevron-left,
.clients .owl-nav .icon-chevron-right {
    color: #c0bfc0 !important;
}

.clients .owl-nav .icon-chevron-left {
    color: #c0bfc0 !important;
}

.clients .owl-nav .icon-chevron-left:hover,
.clients .owl-nav .icon-chevron-right:hover {
    color: #53b778 !important;
}

/* ===================================
    home page -- services
====================================== */

.services {
    padding-top: 55px;
}

.services h2 {
    margin: 0;
    padding-top: 30px;
}

.services_single .service_sections {
    margin-bottom: 36px;
}

.service_sections .box-green-border a {
    text-transform: none;
}

.services .box-green-border {
    margin-bottom: 20px;
}

.banner {
    background-position: center center;
}

.banner .banner-txt {
    padding: 80px 0 90px;
    color: #fff;
}

.banner .banner-txt h1 {
    margin: 0 0 30px;
}

.banner .banner-txt p {
    font-size: 18px;
    margin: 30px 0;
}

.services hr {
    margin-bottom: 40px;
}

.services .box-green-border {
    position: relative;
    padding-top: 33px;
}

.services .box-green-border .service-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity .5s;
}

.services .box-green-border:hover .service-overlay {
    opacity: 1;
}

.services .box-green-border .service-overlay ul {
    width: 100%;
    height: 100%;
    background: #f5f6f7;
    padding: 30px 40px;
}

.services .box-green-border .service-overlay ul li a {
    font-size: 16px;
    line-height: 36px;
    color: #606060;
    font-weight: 400;
    padding: 0;
    margin: 0;
    text-transform: none;
}

.services .box-green-border .service-overlay ul li a i {
    font-size: 18px;
    line-height: 36px;
    color: #323a45;
    margin-right: 20px;
}

.services .box-green-border .service-overlay ul li a:hover,
.services .box-green-border .service-overlay ul li a:hover i {
    color: #f59348;
}

/* ===================================
    home page -- Portfolio
====================================== */

.portfolio {
    position: relative;
}

.portfolio img {
    margin-top: 25px;
}

.protfolio-item {
    position: relative;
    margin-bottom: 5px;
}

.portfolio .text-inner {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    color: #fff;
    text-align: center;
    display: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 2s;
    transition: 2s;
}

.protfolio-item:hover .text-inner {
    display: block;
}

.portfolio .medium-text {
    margin: 30px 0 81px;
}

.protfolio-item:hover .por-overley,
.featured-img-wrapper:hover .por-overley {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.protfolio-item .por-overley {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

/* ===================================
    home page -- Case Studies
====================================== */

.case-studies-section {
    margin-top: 32px;
}

.case-studies-carousel {
    position: relative;
}

.case-studies-carousel .carousel-inner>.item {
   min-height: 600px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.case-studies-carousel .carousel-inner>.item>img {
    min-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.case-studies-carousel .carousel-caption {
    position: fixed;
    text-align: center;
	transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
	background:#00000073;
	max-width:800px;
	padding:25px 50px 50px 50px;
	width:100%;
}

.case-studies-carousel .carousel-caption h2 {
    margin-top: 25px;
}

.case-studies-carousel .carousel-caption p {
    margin: 32px 0;
}

.case-studies-carousel .carousel-caption a {
    color: #fff;
    font-size: 14px;
}

.case-studies-carousel .carousel-caption span {
    float: left;
    margin: 10px;
    text-transform: uppercase;
}

.case-studies-carousel .carousel-caption a span.icon-play-circle {
    font-size: 40px;
    font-weight: 400;
    margin: 0;
}

.case-studies-carousel .carousel-indicators {
    bottom: -60px;
}

.case-studies-carousel .carousel-indicators li {
    height: 90px;
    width: 90px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 30px;
    position: relative;
}

.case-studies-carousel .carousel-indicators li:last-child {
    margin-right: 0;
}

.case-studies-carousel .carousel-indicators li.active {
    margin: 1px 30px 1px 1px;
}

.case-studies-carousel .carousel-indicators li:last-child.active {
    margin-right: 0;
}

.case-studies-carousel .carousel-indicators li img {
    margin: 15px auto;
    filter: grayscale(100%) brightness(200%) contrast(36%);
    transition: filter 0.3s ease 0s, -webkit-filter 0.3s ease 0s;
    position: absolute;
    bottom: -43px;
    left: 0;
    right: 0;
    z-index: 0;
}

.case-studies-carousel .carousel-indicators li.active img {
    filter: none;
}

.case-studies-carousel .carousel-indicators #slide-0 {
    background: url("images/90x90sb.png") no-repeat center center;
}

.case-studies-carousel .carousel-indicators #slide-1 {
    background: url("images/sa.jpg") no-repeat center center;
}

.case-studies-carousel .carousel-indicators #slide-2 {
    background: url("images/akaunting-logo-white.png") no-repeat center center;
}

/* ===================================
   home page -- why us
====================================== */

.why-us {
    padding: 159px 0 60px;
}

.common-form-section h3 {
    margin: 40px 0 30px;
    color: #323a45;
}

.common-form-section ul {
    list-style: none;
    padding: 0;
    margin: 33px 0;
}

.common-form-section ul li {
    font-size: 16px;
    line-height: 48px;
}

.common-form-section ul li span {
    font-size: 30px;
    margin-right: 12px;
    top: 5px;
    position: relative;
}

.common-form-section .btn {
    margin: 30px 0;
}

.common-form-section .btn-fill {
    width: 100%;
    margin: 38px 0 20px !important;
}

.common-form-section .btn.full-width {
    margin-top: 29px !important;
}

.common-form-section form {
    border-top: 3px solid #323a45;
    margin: 45px auto 0;
    width: 100%;
}

.common-form-section form .form-element-wrapper {
    padding-left: 30px;
    padding-right: 30px;
}

.common-form-section form h3 {
    margin: 35px 0 10px;
}

.common-form-section .regular-text {
    line-height: 26px;
}

form .form-control,
form .form-control:focus {
    box-shadow: none;
    border-radius: 0;
}

.common-form-section .customised-formgroup input::-webkit-input-placeholder {
    color: #9d9d9d;
}

.common-form-section .customised-formgroup input:-moz-placeholder {
    color: #9d9d9d;
}

.common-form-section .customised-formgroup input::-moz-placeholder {
    color: #9d9d9d;
}

.common-form-section .customised-formgroup input:-ms-input-placeholder {
    color: #9d9d9d;
}

.common-form-section .customised-formgroup textarea::-webkit-input-placeholder {
    color: #9d9d9d;
}

.common-form-section .customised-formgroup textarea:-moz-placeholder {
    color: #9d9d9d;
}

.common-form-section .customised-formgroup textarea::-moz-placeholder {
    color: #9d9d9d;
}

.common-form-section .customised-formgroup textarea:-ms-input-placeholder {
    color: #9d9d9d;
}

/* ===================================
    home page -- success in life
====================================== */

.success-number {
    padding-top: 10px;
}

.success-number .counter-text {
    padding-bottom: 55px;
}

.success-number .counter-inner {
    padding: 59px 0 0;
}

.success-number .counter-inner .icon-holder::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    margin: 0 30px;
    position: absolute;
    top: 0;
    right: 8%;
    width: 1px;
}

.success-number .counter-inner .icon-holder {
    position: relative;
    width: 40%;
    color: #fff;
}

.success-number .counter-inner .icon-holder span {
    font-size: 60px;
    line-height: 60px;
}

.success-number .counter-text p {
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: 8px;
    color: #fff;
}

.success-number .no_count {
    font-size: 36px;
    font-weight: normal;
    line-height: 30px;
}

.success-number img {
    margin: 10px auto;
    width: auto\9;
}

.success-number h2 {
    margin-top: 44px;
    color: #fff;
}

/* ===================================
   home page --  Blogs
====================================== */

.blogs {
    padding-bottom: 30px;
}

.blogs .box-green-border span {
    color: #9d9d9d;
    font-size: 14px;
    line-height: 22px;
}

.blogs .box-green-border {
    padding-left: 0;
    padding-top: 41px;
    padding-bottom: 33px;
    margin-bottom: 20px;
}

.blogs .box-green-border a {
    margin: 13px 0 16px;
}

.blogs .blog-left {
    background: #f5f6f7;
    margin: 45px 0 0;
    position: relative;
}

.blog-left .featured-tag {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.blogs .blog-left .box-green-border {
    border-bottom: none;
    padding: 40px 10px 40px 30px;
    min-height: auto;
    margin-bottom: 0;
}

.blogs .btn.full-width {
    margin-top: 40px;
    margin-bottom: 30px;
}

.blgos .owl-dots .owl-dot .span {
    width: 20px;
    height: 20px;
    display: block;
    background: red;
}

/* ===================================
    Footer
====================================== */

footer {
    position: relative;
    margin-top: 30px;
}

footer .customise-form .customised-formgroup input,
footer .customise-form .customised-formgroup textarea {
    padding: 5px 45px;
    height: 38px !important;
    border: none;
}

footer .customise-form .customised-formgroup {
    border: none;
    background: #fff;
    text-align: left;
    padding: 6px 0;
}

footer .customise-form .customised-formgroup span {
    left: 20px;
    top: 16px;
    font-size: 16px;
}

footer .customise-form .customised-formgroup span.icon-envelope {
    font-size: 18px;
    top: 14px;
}

footer .customise-form .customised-formgroup input::-webkit-input-placeholder {
    color: #9d9d9d;
}

footer .customise-form .customised-formgroup input:-moz-placeholder {
    color: #9d9d9d;
}

footer .customise-form .customised-formgroup input::-moz-placeholder {
    color: #9d9d9d;
}

footer .customise-form .customised-formgroup input:-ms-input-placeholder {
    color: #9d9d9d;
}

footer .customise-form .customised-formgroup textarea::-webkit-input-placeholder {
    color: #9d9d9d;
}

footer .customise-form .customised-formgroup textarea:-moz-placeholder {
    color: #9d9d9d;
}

footer .customise-form .customised-formgroup textarea::-moz-placeholder {
    color: #9d9d9d;
}

footer .customise-form .customised-formgroup textarea:-ms-input-placeholder {
    color: #9d9d9d;
}

footer .grey-dark-bg {
    color: #fff;
    padding: 53px 0 48px;
}

footer .grey-dark-bg h2 {
    margin: 0;
}

footer .grey-dark-bg form {
    padding: 50px 0 25px;
}

footer .btn.btn-fill.full-width {
    margin: 0;
}

footer .btn.btn-fill.full-width:hover {
    background: transparent;
}

footer .regular-text {
    color: #606060 !important;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
}

footer .light-ash-bg {
    background: #eaeaea;
    color: #9d9d9d;
    padding: 58px 0 49px;
}

footer .light-ash-bg ul {
    padding: 0;
    list-style: none;
}

footer .light-ash-bg ul li {
    float: left;
    width: 18%;
}

footer .light-ash-bg ul li.big-width {
    width: 25%;
}

footer .light-ash-bg ul ul li {
    width: 100%;
}

footer .light-ash-bg ul ul li:first-child {
    line-height: 15px;
}

footer .light-ash-bg ul a.text-color-light {
    color: #606060;
    line-height: 17px;
    margin-bottom: 17px;
    text-transform: capitalize;
}

footer .light-ash-bg ul ul li:first-child a:hover {
    text-decoration: none;
}

footer .light-ash-bg ul a {
    margin: 0;
    color: #9d9d9d;
    line-height: 30px;
    text-transform: capitalize;
}

footer .light-ash-bg ul a:hover {
    color: #f59348;
}

footer .light-ash-bg .logo {
    margin-bottom: 25px;
    margin-top: 2px;
}

footer .light-ash-bg ul.social-links,
ul.social-links {
    margin: 7px 0;
}

footer .light-ash-bg ul.social-links {
    margin-top: 8px;
}

footer .light-ash-bg ul.social-links li,
ul.social-links li {
    display: inline-block;
    width: auto;
    margin-right: 10px;
    text-align: center;
}

.blog-post-share ul.social-links {
    font-size: 18px;
    font-weight: 600;
    padding: 0;
    margin-top: 20px;
}

.blog-post-share ul.social-links li a {
    width: 30px;
    height: 30px;
}

footer .light-ash-bg ul.social-links li a,
ul.social-links li a {
    background: #c6cbd2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: inset 0px 1px 0px 0px #b7bbc1;
    line-height: 32px;
    color: #fff;
    text-decoration: none;
}

footer .light-ash-bg ul.social-links li a {
    height: 32px;
    width: 32px;
}

footer .light-ash-bg ul.social-links li a:hover,
footer .light-ash-bg ul.social-links li a:focus,
footer .light-ash-bg ul.social-links li a:active,
ul.social-links li a:hover,
ul.social-links li a:focus,
ul.social-links li a:active {
    background: #f59348;
    color: #fff;
}

footer .light-ash-bg ul.social-links li:last-child,
ul.social-links li:last-child {
    margin-right: 0;
}

footer .top-btn {
    position: absolute;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    top: -25px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 1px -2px 5px 0px rgba(198, 198, 198, 0.59);
}

footer .top-btn span {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

footer a.top-btn:hover,
footer a.top-btn:focus,
footer a.top-btn:active {
    text-decoration: none;
}

footer .customise-form p {
    font-size: 16px;
    margin-top: 21px;
    margin-bottom: 8px;
}

footer .light-ash-bg ul.social-links li {
    margin-bottom: 10px;
}

footer .light-ash-bg ul.social-links li,
ul.social-links li {
    margin-bottom: 10px;
}

/* ===================================
    service 
            - website design
====================================== */

/*-----website-design banner-----*/

.service-website-design {
    background: url(images/services/services_website-design.jpg) no-repeat center center;
}

.banner-inner {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.banner-inner .banner-txt p {
    margin-bottom: 35px;
}

/*-----website-design responsive design -----*/

.service-description-section {
    padding-bottom: 0;
}

.service-description-section h3 {
    margin-bottom: 25px;
}

.service-description-section ul {
    margin: 34px 0 31px;
}

.service-description-section .btn {
    margin-bottom: 0 !important;
}

/*-----website-design design process -----*/

.design-process-section .text-align-center {
    line-height: 25px;
    margin-bottom: 12px;
}

.design-process-content {
    border: 1px solid #e9e9e9;
    position: relative;
    padding: 16px 34% 30px 30px;
}

.design-process-content img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    max-height: 100%;
}

.design-process-content h3 {
    margin-bottom: 16px;
}

.design-process-content p {
    line-height: 26px;
    margin-bottom: 12px;
}

.process-model {
    list-style: none;
    padding: 0;
    position: relative;
    max-width: 325px;
    margin: 20px auto 26px;
    border: none;
    z-index: 0;
}

.process-model li::after {
    background: #e5e5e5 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    margin: 0 auto;
    position: absolute;
    right: -30px;
    top: 33px;
    width: 85%;
    z-index: -1;
}

.process-model li.visited::after {
    background: #57b87b;
}

.process-model li:last-child::after {
    width: 0;
}

.process-model li {
    display: inline-block;
    width: 32%;
    text-align: center;
    float: none;
}

.process-model.row {
    max-width: 425px;
}

.process-model.row li,
.process-model.row li.active {
    display: inline;
    float: left;
    width: 25%;
}

.nav-tabs.process-model>li.active>a,
.nav-tabs.process-model>li.active>a:hover,
.nav-tabs.process-model>li.active>a:focus,
.process-model li a:hover,
.process-model li a:focus {
    border: none;
    background: transparent;
}

.process-model li a {
    padding: 0;
    border: none;
    color: #606060;
}

.process-model li.active,
.process-model li.visited {
    color: #57b87b;
}

.process-model li.active a,
.process-model li.active a:hover,
.process-model li.active a:focus,
.process-model li.visited a,
.process-model li.visited a:hover,
.process-model li.visited a:focus {
    color: #57b87b;
}

.process-model li.active p,
.process-model li.visited p {
    font-weight: 600;
}

.process-model li span {
    display: block;
    height: 68px;
    width: 68px;
    text-align: center;
    margin: 0 auto;
    background: #f5f6f7;
    border: 2px solid #e5e5e5;
    line-height: 65px;
    font-size: 30px;
    border-radius: 50%;
}

.process-model li.active span,
.process-model li.visited span {
    background: #fff;
    border-color: #57b87b;
}

.process-model li p {
    font-size: 14px;
    margin-top: 11px;
}

.process-model.contact-us-tab li.visited a,
.process-model.contact-us-tab li.visited p {
    color: #606060 !important;
    font-weight: normal
}

.process-model.contact-us-tab li::after {
    display: none;
}

.process-model.contact-us-tab li.visited span {
    border-color: #e5e5e5;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

/*-----website-design featured design  -----*/

.featured-design-section img {
    margin-bottom: 30px;
}

.featured-design-section .btn.btn-fill.full-width {
    margin-top: 30px;
    margin-bottom: 60px;
}

.featured-design-section .btn.btn-fill.full-width:hover {
    background: #fff;
}

.featured-img-wrapper {
    position: relative;
}

.featured-img-wrapper .text-inner {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 1;
}

/* ===================================
    service 
            - mobile app design
====================================== */

.service-mobile-app-bn {
    background: url(images/services/mobile-app-design-banner.jpg) no-repeat center center;
}

/*css for seo page*/

.process-model.more-icon-preocess {
    max-width: 600px;
}

.process-model.more-icon-preocess li {
    width: 19%;
}

.long-box-wrapper {
    margin-bottom: 34px;
}

.box-content-with-img {
    margin-top: 25px;
    margin-bottom: 4px;
    position: relative;
    overflow: hidden;
}

.blogs .blog-left {
    position: relative;
    overflow: hidden;
}

.portflio-content .box-content-with-img::after,
.blogs .blog-left::after {
    content: " featured ";
    position: absolute;
    top: 20px;
    right: -41px;
    width: 150px;
    height: 28px;
    background: #f59348;
    font-size: 12px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    transform: rotate(45deg);
}

.box-content-with-img .box-content-text {
    padding: 25px 29px 29px;
    border: 1px solid #e9e9e9;
}

.box-content-with-img .box-content-text h3 {
    margin-top: 9px;
    margin-bottom: 15px;
    color: #323a45;
}

.box-content-with-img .box-content-text h3 a {
    color: #323a45;
    line-height: 30px;
}

.box-content-with-img:hover .box-content-text h3 a {
    color: #f59348;
    text-decoration: underline;
}

.box-content-with-img ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    margin-top: 5px;
}

.list-with-arrow {
    padding: 0;
}

.box-content-with-img ul li,
.list-with-arrow li {
    position: relative;
    margin-bottom: 4px;
    padding-left: 15px;
    line-height: 30px;
    list-style: none;
    font-size: 16px;
    line-height: 26px;
}

.box-content-with-img p {
    line-height: 26px;
}

.box-content-with-img ul li:before,
.list-with-arrow li:before {
    content: "\e93c";
    font-family: "linearicons" !important;
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 0;
    display: block;
    font-size: 10px;
}

.case-studies-content {
    margin-top: 65px;
}

.case-studies-content .box-content-with-img {
    margin-bottom: 65px;
}

/* ===================================
    service 
            -content management system
====================================== */

.content-management-system hr,
.featured-ecommerce-webistes hr {
    margin-bottom: 40px;
}

.content-management-system .content {
    margin: 0 0 30px;
}

.content-management-system .content h3 {
    font-size: 24px;
    line-height: 100px;
    color: #ffffff;
    background: #323a45;
    text-transform: capitalize;
    padding: 0 30px;
    position: relative;
    margin: 0;
}

.content-management-system .content img {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.content-management-system .content .content_inner {
    list-style: none;
    padding: 25px 30px;
    background: #f5f6f7;
}

.content-management-system .content .content_inner li {
    font-size: 16px;
    line-height: 30px;
    color: #606060;
}

.content-management-system .content .content_inner li span {
    font-size: 13px;
}

.mobile-app-featured {
    padding-top: 55px;
}

/* ===================================
    service 
            -ecommerce
====================================== */

.features-of-ecommerce-webiste {
    padding: 90px 0 0;
}

.features-of-ecommerce-webiste h2 {
    margin: 0 0 60px;
}

.features-of-ecommerce-webiste .content,
.join-our-team .content {
    font-size: 18px;
    line-height: 26px;
    color: #606060;
    font-weight: 600;
}

@media (max-width: 1199px) {
    .features-of-ecommerce-webiste .content,
    .join-our-team .content {
        margin-bottom: 50px;
    }
}

.features-of-ecommerce-webiste .icon_holder,
.join-our-team .icon_holder {
    width: 165px;
    height: 165px;
    display: block;
    background: #f5f6f7;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto 25px;
    position: relative;
}

.features-of-ecommerce-webiste .content span,
.join-our-team .content span {
    font-size: 80px;
    color: #606060;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.features-of-ecommerce-webiste .content .icon-truck,
.join-our-team .content .icon-truck {
    top: 43%;
}

/*- featured-ecommerce-webistes css-*/

.featured-ecommerce-webistes {
    padding-bottom: 65px;
}

.featured-ecommerce-webistes .content {
    margin-bottom: 40px;
    position: relative;
}

.featured-ecommerce-webistes .content .img_container {
    margin-bottom: 10px;
    position: relative;
}

.featured-ecommerce-webistes .content .img_container span {
    position: absolute;
    top: 50%;
    right: -65px;
    font-size: 40px;
    line-height: 96px;
    color: #ffffff;
    text-align: center;
    width: 100px;
    box-sizing: border-box;
    background: #f59348;
    border: 3px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .40);
    -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, .40);
    -ms-box-shadow: 0 2px 15px rgba(0, 0, 0, .40);
    -o-box-shadow: 0 2px 15px rgba(0, 0, 0, .40);
    box-shadow: 0 2px 15px rgba(0, 0, 0, .40);
    z-index: 99;
}

.featured-ecommerce-webistes .content .before_after {
    width: 100%;
    display: block;
    background: #f5f6f7;
    font-size: 18px;
    line-height: 60px;
    color: #606060;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.featured-ecommerce-webistes .content .before_after:hover {
    background: #f59348;
    color: #ffffff;
}

.featured-ecommerce-webistes .btn.btn-fill {
    width: 100%;
    max-width: 360px;
    text-align: center;
    margin-top: 20px;
}

/*inner page parallax css*/

.parallax-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
    width: 100%;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

.parallax-container section {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

.parallax-container section:nth-child(1) .image {
    transition-duration: 0s !important;
    -webit-transition-duration: 0s !important;
}

.banner-inner.seo-banner {
    background: url("images/services/seo-banner.jpg");
}

.banner-inner.website-banner {
    background: url("images/services/services_website-design.jpg");
}

.banner-inner.mobile-app-banner {
    background: url("images/services/mobile-app-design-banner.jpg");
}

.banner-inner.pay-per-click-banner {
    background: url("images/services/pay-per-click-banner.jpg");
}

.banner-inner.social-media-marketing-banner {
    background: url("images/services/social-media-marketing-banner.jpg");
}

.banner-inner.case-studies-banner {
    background: url("images/services/case-studies-banner.jpg");
}

.banner-inner.portfolio-banner {
    background: url("images/portfolio/portfolio-banner.jpg");
}

.banner-inner.case-studies-details-banner {
    background: url("images/case-studies/case-studies-details-banner.jpg");
}

.banner-inner.contact-banner {
    background: url("images/contact/contact-banner.jpg");
}

.banner-inner.about-banner {
    background: url("images/about/about-banner.jpg");
}

.banner-inner.logo-branding-banner {
    background: url("images/services/services_single_banner.jpg");
}

.banner-inner.graphic-design-banner {
    background: url("images/services/graphic-design-banner.jpg");
}

.banner-inner.content-management-system-banner {
    background: url("images/services/content_management_system_banner.jpg");
}

.banner-inner.effective-ecommerce-website-banner {
    background: url("images/services/ecommerce_banner.jpg");
}

.banner-inner.email-marketing-banner {
    background: url("images/services/email_marketing_banner.jpg");
}

.banner-inner.awards-and-recognition-banner {
    background: url("images/about/awards-and-recognition-banner.jpg");
}

.banner-inner.join-our-team-banner {
    background: url("images/team/join_our_team_banner.jpg");
}

.banner-inner.video-production-banner {
    background: url("images/services/video_production_banner.jpg")
}

.banner-inner.search-results-banner {
    background: url("images/search-results-banner.jpg");
}

.banner-inner.pricing-banner {
    background: url("images/pricing-banner.jpg");
}

.banner-inner.domain-reg-banner {
    background: url(images/domain-reg-banner.jpg);
}

.success-number .image,
.seo-banner {
    background-image: url("images/success.jpg");
}

.banner-inner.faqs-banner {
    background: url("images/faq.jpg");
}

.banner-inner.testimonials {
    background: url("images/testimonial.jpg");
    background-position: center -50px !important;
}

.banner-inner.hosting-banner {
    background: url("images/hosting-banner.jpg");
}

.banner-inner.business-consulting-banner {
    background-image: url("images/business-consulting.jpg");
}

.banner-inner.business-stategy-banner {
    background-image: url("images/business-stategy.jpg");
}

.banner-inner.content-writing-banner {
    background-image: url("images/content-writing-banner.jpg");
}

.banner-inner.big-data-banner {
    background-image: url("images/big-data-banner.jpg");
}

.banner-inner.reporting-banner {
    background-image: url("images/reporting-banner.jpg");
}

.stuff {
    z-index: 999;
    width: 100%;
    background: url("images/shutterstock_1096396250-min.jpg") center top no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

/* ===================================
    protfilio page
====================================== */

.product-section .btn.btn-fill.full-width {
    margin-top: 4px;
    margin-bottom: 60px;
}

.pro-controls {
    color: #eee;
    text-align: center;
    margin-top: 33px;
    margin-bottom: 5px
}

.pro-controls .filter {
    color: #606060;
    font-size: 16px;
    border: none;
    background: none;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    padding: 3px 0;
    margin: 3px 22px;
    outline: none;
    border-bottom: 2px solid transparent;
}

.pro-controls .filter.active:focus,
.pro-controls .filter.active:hover,
.pro-controls .filter.active,
.pro-controls .filter:hover,
.pro-controls .filter:focus {
    color: #f59348;
    border-bottom: 2px solid #f59348;
}

.pro-item-img {
    width: 100%;
    padding: 39%;
    max-height: 280px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    position: relative;
}

.port-cat-con {
    padding: 2% 0 0;
    text-align: justify;
    font-size: 0.1px;
    -webkit-backface-visibility: hidden;
    transition-duration: 0s !important;
}

.port-cat-con .por-overley,
.featured-img-wrapper .por-overley {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.port-cat-con .por-overley .text-inner {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.video_popup .por-overley {
    background: rgba(0, 0, 0, .4);
    padding-top: 0;
}

.video_popup .por-overley .text-inner {
    top: 51%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.video_popup .video-popup {
    font-size: 120px;
    line-height: 120px;
    color: #ffffff;
}

.port-cat-con .mix {
    float: left;
    margin: 0;
    margin-bottom: 30px;
    text-align: left;
    display: none;
    position: relative;
}

.port-cat-con .mix:hover .por-overley {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.portflio-content .box-content-with-img {
    position: relative;
    max-width: 360px;
    margin-top: 45px;
    margin-bottom: 0;
}

.featured-tag {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.product-section .grid {
    padding-bottom: 41px;
    transition: all .5s;
}

.product-section .grid-item {
    width: 33.333333%;
    padding: 15px;
}

.product-section .img_container {
    position: relative;
}

.product-section .img_container img {
    width: 100%;
}

.product-section .img_container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    transform: scale(0);
    transition: all .5s;
    cursor: pointer;
}

.product-section .img_container .overlay a {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.product-section .img_container:hover .overlay {
    transform: scale(1);
}

.product-section .filter-button-group {
    text-align: center;
    margin: 53px 0 10px;
}

.product-section .filter-button-group button {
    border: none;
    background: transparent;
    font-size: 16px;
    margin: 0 23px 10px;
    padding: 0;
    border-bottom: 2px solid transparent;
}

.product-section .filter-button-group button:hover,
.product-section .filter-button-group button:focus,
.product-section .filter-button-group button.is-checked {
    color: #f59348;
    border-color: #f59348;
}

.portflio-content .gray-text {
    font-size: 14px;
    color: #9d9d9d;
    line-height: 16px;
}

.portflio-content .regular-text {
    margin-bottom: 4px;
}

.portflio-content .semi-bold a {
    cursor: pointer;
}

.potfolio-modal .thumb-list {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.potfolio-modal .thumb-list li {
    width: calc((100% - 40px) /3);
    cursor: pointer;
    margin: 0 5px !important;
    padding: 0;
}

.thumb-list li:last-child {
    margin: 0;
}

.list-inline.thumb-list {
    text-align: center;
}

.getguoteModal-dialog.potfolio-modal {
    width: 1140px;
}

.port-modal-content p {
    margin-bottom: 25px;
    line-height: 26px;
}

.port-modal-content p.gray-text {
    margin-bottom: 10px;
    color: #9d9d9d;
    line-height: normal;
}

.potfolio-modal .modal-content .list-with-arrow li::before {
    font-size: 11px;
    color: #606060;
}

.potfolio-modal .modal-body {
    padding: 50px;
    padding-bottom: 32px;
}

.potfolio-modal .modal-content .list-with-arrow li {
    padding-left: 17px !important;
    margin-bottom: 8px !important;
}

.port-modal-content h2 {
    margin-bottom: 14px;
}

.port-modal-content .regular-text a {
    color: #f59348;
    font-weight: 600;
}

.potfolio-modal .modal-content h3 {
    margin-top: 33px;
}

.modal-header .close {
    position: absolute;
    top: 20px;
    right: 18px;
    z-index: 9;
}

.modal-content .list-with-arrow {
    margin-top: 27px;
}

.potfolio-modal .btn {
    margin-top: 23px !important;
}

.modal-backdrop {
    background: #fff;
    opacity: 1 !important;
}

.potfolio-modal .thumb-list img {
    border: 1px solid transparent;
    width: 100%;
}

.potfolio-modal .thumb-list .selected img {
    border: 1px solid #f59348;
}

.potfolio-modal .carousel-inner>.item {
    min-height: 516px;
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.potfolio-modal .thumb-list {
    margin-left: 0;
    margin-right: 0;
}

/* ===================================
   case-studies details page
====================================== */

.dis-table {
    display: table;
    width: 100%;
    vertical-align: middle;
    border: 1px solid #ccc;
    margin-top: 25px;
}

.dis-table>div {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.dis-table>div img {
    width: 100%;
}

.dis-table>div.text-box {
    padding: 0 60px
}

.dis-table>div.text-box.less-padding {
    padding: 0 40px;
}

div.text-box ul li,
.dis-table>div.text-box p {
    line-height: 30px;
    font-size: 18px;
}

.score-table {
    background: #323a45;
    padding: 40px;
    margin-top: 35px;
}

.score-table ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
    max-width: 80%;
    margin: 0 auto;
}

.score-table ul li {
    position: relative;
    width: 50%;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    padding-left: 34px;
    float: left;
    margin-bottom: 5px;
}

.score-table ul li:last-child {
    margin-bottom: 0;
}

.score-table ul li:before {
    content: "\e999";
    font-family: "linearicons" !important;
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 0;
    display: block;
    font-size: 24px;
    color: #f59348;
}

/*css for pagination*/

.pagination-case {
    text-align: center;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0;
}

.pagination>li>a,
.pagination>li>span {
    color: #606060;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    line-height: 27px;
}

.pagination-case .pagination {
    margin: 0 0 50px;
}

.margin-btm-60 {
    margin-bottom: 60px !important;
}

/* ===================================
  contact page
====================================== */

.contact-banner .banner-txt {
    padding-bottom: 100px;
    padding-top: 117px;
}

.contact-form form {
    border-top: none;
    padding-left: 0;
    margin-top: 20px;
}

.contact-info-box {
    border: 1px solid #d5d5d5;
    max-width: 360px;
    padding: 25px 22px;
    margin-bottom: 20px;
}

.contact-info-box span {
    font-size: 36px;
    display: inline-block;
    padding-right: 25px;
    border-right: 1px solid #d5d5d5;
    color: #f59348;
    line-height: 50px;
}

.contact-info-box>div {
    display: inline-block;
    margin-left: 21px;
}

.contact-info-box h6 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: #606060;
}

.contact-info-box p {
    margin: 0;
    font-size: 16px;
    color: #606060;
    line-height: 26px;
}

.contact-info-box-wrapper {
    margin-top: 42px;
}

.contact-info-box ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.contact-info-box .social-links li {
    margin-bottom: 0;
}

.contact-form-wrapper .btn-fill {
    width: auto;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.2px;
    margin-bottom: 0 !important;
}

.customise-form .email_form {
    margin-top: 23px;
}

.map-container iframe {
    width: 100%;
    display: block;
    position: relative;
    /* IE needs a position other than static */
}

.google-map-location {
    margin-bottom: 80px;
}

.google-map-location .tab-pane img {
    min-height: 500px;
    position: static;
    width: 100%;
}

.google-map-location .tab-pane p {
    text-align: center;
    margin-bottom: 33px;
}

.tab-content iframe {
    pointer-events: none;
}

.tab-content iframe.clicked {
    pointer-events: auto;
}

.icon-Asset-1 {
    font-size: 23px !important;
}

.tab-content .tab-pane {
    position: relative;
}

.tab-content.map_tab .tab-pane::after {
    content: " Click on the map to navigate ";
    position: absolute;
    width: 100%;
    max-width: 280px;
    bottom: 40px;
    left: 50%;
    padding: 0;
    background: #fff;
    display: block;
    font-size: 14px;
    line-height: 50px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, .3);
    transition: all .5s linear;
}

.tab-content .tab-pane.clicked::after {
    opacity: 0;
    z-index: -1025;
}

.contact-info-box .social-links li a span {
    font-size: 22px;
    color: #fff;
    padding: 0;
    border: none;
    position: static;
    margin: 0;
    line-height: 20px;
}

.contact-info-box .social-links li a {
    text-align: center;
    text-decoration: none;
    line-height: 48px;
    height: 40px;
    width: 40px;
}

.contact-us-tab li p {
    margin-top: 36px;
}

.process-model.contact-us-tab {
    margin-bottom: 19px;
    margin-top: 35px;
    max-width: 390px;
}

/*css for modal*/

.getguoteModal-dialog {
    width: 830px;
    max-width: 100%;
}

.getguoteModal-dialog .modal-header {
    border: none;
    padding: 0;
}

.getguoteModal-dialog .modal-header span {
    font-size: 30px;
}

.getguoteModal-dialog .customise-form .customised-formgroup span,
.contact-form.customise-form .customised-formgroup span {
    top: 19px;
    line-height: 22px;
}

.customise-form .icon-user {
    font-size: 16px;
}

.customise-form .icon-envelope,
.customise-form .icon-laptop,
.customise-form .icon-bubble {
    font-size: 18px;
}

.customise-form .icon-bubble {
    top: 18px;
    line-height: normal !important;
}

.getguoteModal-dialog .customise-form .customised-formgroup span.icon-bubble {
    top: 16px;
}

.customise-form .icon-telephone {
    font-size: 17px;
}

.customise-form.contact-form .customised-formgroup {
    margin-bottom: 15px;
}

.customise-form.contact-form .btn-fill {
    margin-top: 36px !important;
}

.common-form-section .btn.full-width span {
    margin-left: 8px;
}

.modal-content {
    border: 1px solid #d5d5d5;
    border-radius: 0;
    box-shadow: none;
}

.modal-body {
    padding: 27px 50px 50px 50px;
}

.modal-content h3 {
    color: #323a45;
    font-size: 24px;
    margin-top: 23px;
    line-height: 18px;
    margin-bottom: 13px;
}

.modal-content .btn.btn-fill {
    margin: 30px 0 0;
}

.modal-content .btn.btn-fill span {
    margin-left: 5px;
}

.btn.btn-fill span {
    font-size: 12px;
    margin-left: 5px;
}

.customise-form .customised-formgroup input,
.contact-form .customised-formgroup input {
    height: 50px;
}

.modal-content form .customised-formgroup textarea,
.customise-form .customised-formgroup textarea {
    height: 93px;
}

.modal-content ul {
    margin-top: 10px;
}

.modal-content li {
    font-size: 16px;
    font-weight: normal;
    color: #606060;
    line-height: 26px;
}

.modal-content .list-with-arrow li {
    padding-left: 23px;
    margin-bottom: 9px;
}

.modal-content li:before {
    color: #f59348;
    font-size: 13px;
}

.modal-content .contact-info-box-wrapper {
    margin-top: 88px;
}

.contact-info-box.social-media-box {
    margin-bottom: 0;
    text-align: center;
}

.google-map-location h2 {
    line-height: 31px;
}

/*vertially center modal  css*/

.verticl-center-modal {
    text-align: center;
    padding: 0 !important;
}

.verticl-center-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.verticl-center-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/* ===================================
   about page
====================================== */

.about-content {
    margin-top: 35px;
}

.about-content p {
    margin-bottom: 25px;
}

.about-box {
    border: 1px solid #e9e9e9;
    text-align: center;
    padding: 40px;
    position: relative;
    padding-top: 90px;
    margin-top: 120px;
}

.about-box p {
    line-height: 26px;
}

.about-img {
    text-align: right;
}

.about-img img {
    display: inline-block;
}

.round-icon-wrapper {
    height: 160px;
    width: 160px;
    background: #f5f6f7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: -75px;
    left: 0;
    right: 0;
    z-index: 0;
    margin: 0 auto;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.about-content p:last-child {
    margin-bottom: 0;
}

.round-icon-wrapper span {
    font-size: 80px;
    color: #606060;
    line-height: 160px;
}

.about-box h3 {
    font-size: 24px;
    font-weight: 600;
}

.about-box h3 a {
    color: #323a45;
}

.about-box:hover .round-icon-wrapper {
    background: #f59348;
    color: #fff;
}

.about-box:hover .round-icon-wrapper span {
    color: #fff;
}

.about-box:hover h3 a {
    color: #f59348;
}

.about-page-list {
    margin-bottom: 90px;
}

.awards-and-recognitions .dark-line {
    margin-bottom: 30px;
}

.awards-and-recognitions .awards_list {
    margin: 40px 0 20px;
}

.awards-and-recognitions .awards_list .img_container {
    margin-bottom: 30px;
}

.awards-and-recognitions .awards_list .img_container img {
    width: 100%;
}

/* ===================================
  blog page
====================================== */

.blog-title {
    background: #323a45;
    padding: 47px 0;
}

.blog-title h1 {
    color: #fff;
    margin: 0;
}

.blog-content .box-content-with-img {
    background: #f5f6f7;
    margin-top: 45px;
}

.blog-content .box-content-text {
    border: none;
}

.blog-content .box-content-with-img span {
    margin-right: 12px;
}

.blog-content .btn.btn-fill.full-width {
    margin-bottom: 0;
}

.blog-content .box-content-with-img h3 {
    margin-top: 13px;
}

.gray-title {
    color: #323a45;
    margin: 0;
}

.blog-details-content.details-v2 {
    margin-bottom: 35px;
}

.blog-details-content ul {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
}

.blog-details-content ul li {
    display: inline-block;
    margin-right: 15px;
}

.blog-details-content ul li span {
    margin-right: 10px;
}

.blog-details-content p {
    margin-bottom: 30px;
    line-height: 26px;
}

.blog-details-content img {
    margin-bottom: 50px;
}

.blog-details-content h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 24px;
    color: #323a45;
}

.blog-details-content ul li a {
    color: #606060;
}

.blog-details-content ul li a:hover {
    color: #f59348;
}

.bloger-name {
    font-size: 18px;
    font-weight: 600;
    color: #323a45;
}

.blog-design-category {
    padding-bottom: 60px;
}

.blog-seo-cat {
    padding-bottom: 60px;
}

.blog-design-category .gray-text span {
    margin-right: 8px;
}

.margin-btm-0 {
    margin-bottom: 0 !important;
}

.bloger-name {
    margin-top: 20px;
}

.blog-description,
.blogger-img {
    float: left;
}

.blogger-img {
    width: 105px;
    margin-top: 25px;
    padding-left: 15px;
}

.blog-description {
    width: 80%;
    margin-left: 30px;
}

.blog-description p {
    line-height: 26px;
}

.blog-description a:hover {
    color: #f59348;
}

.blog-description a {
    line-height: normal;
}

.blog-rel-post {
    padding-top: 80px;
}

.blog-rel-post .box-content-with-img {
    margin-bottom: 0;
}

.blog-post-share .lower-margin {
    padding-top: 70px;
}

.author-sec {
    padding-top: 70px;
}

.author-sec .btn-holder {
    margin: 75px 0 0;
}

.author-sec .btn-holder.margin-btm-5 {
    margin-bottom: 7px;
}

.author-sec .btn-holder .medium-btn2.btn.btn-nofill {
    color: #f59348;
}

.author-sec .btn-holder .medium-btn2.btn.btn-nofill:hover,
.author-sec .btn-holder .medium-btn2.btn.btn-nofill:focus {
    color: #ffffff;
}

/*css for pop up*/

.mfp-title {
    position: absolute;
    color: #FFF;
    background: red;
}

.mfp-bg {
    background: #fff;
    opacity: 1;
}

.mfp-iframe-holder .mfp-close {
    color: #000;
    height: 32px;
    line-height: 30px;
    opacity: 0.2;
    padding: 0;
    text-align: center;
    width: 33px;
}

.mfp-iframe-holder .mfp-close:hover {
    opacity: 1;
}

.mfp-iframe-scaler iframe {
    box-shadow: none;
}

/*css for privecy policy*/

.privecy-content p {
    line-height: 26px;
    margin-bottom: 34px;
    color: #323a45;
}

.privecy-content h3 {
    color: #323a45;
}

.privecy-content {
    padding-bottom: 22px;
    padding-top: 84px;
}

/* ===================================
  Blog Standard Page
====================================== */

/* ==============================
   Blog
   ============================== */

.blog-item {
    margin-bottom: 80px;
    position: relative;
}

.blog-item-date {
    width: 100px;
    padding: 10px;
    position: absolute;
    top: 0px;
    left: -130px;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    color: #999;
    border-right: 1px solid #eee;
}

.date-num {
    display: block;
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: 400;
    color: #555;
}

.blog-media {
    margin-bottom: 30px;
}

.blog-media img,
.blog-media .video,
.blog-media iframe {
    width: 100%;
}

.blog-item-title {
    margin: 0 0 .5em 0;
    padding: 0 0 16px 0;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #323a45;
    border-bottom: 1px solid #e9e9e9;
    line-height: 36px;
}

.bg-white h2.blog-item-title {
    margin: 0 0 8px 0;
}

.blog-item-title a {
    color: #111;
    text-decoration: none;
}

.blog-item-title a:hover {
    color: #f59348;
    text-decoration: none;
}

.blog-item-data {
    margin-bottom: 30px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #aaa;
}

.separator {
    margin: 0 5px;
}

.blog-item-data a {
    color: #606060;
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.blog-item-data a:hover {
    color: #f59348;
    text-decoration: none;
}

.blog-post-data {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    color: #aaa;
}

.blog-item-data a i {
    font-size: 18px;
    position: relative;
    top: 3px;
}

.blog-item-body {
    font-size: 16px;
    font-weight: 300;
    color: #5f5f5f;
    line-height: 1.8;
}

.blog-item-body h1,
.blog-item-body h2,
.blog-item-body h3,
.blog-item-body h4,
.blog-item-body h5,
.blog-item-body h6 {
    margin: 1.3em 0 0.5em 0;
}

.blog-item-body p {
    margin-bottom: 30px;
}

.blog-item-more {
    border: 1px solid #eaeaea;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #777;
    letter-spacing: 1px;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.blog-item-more:hover {
    text-decoration: none;
    border-color: #111;
}

a.blog-item-more {
    color: #777;
    text-decoration: none;
}

a.blog-item-more:hover {
    color: #111;
}

.blog-item-q {
    background: none;
    border: none;
    padding: 0;
    margin: 1em 0;
}

.blog-item-q p {
    position: relative;
    background: #f8f8f8;
    padding: 17px 20px;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0;
}

.blog-item-q p a {
    color: #555;
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.blog-item-q:hover a,
.blog-item-q p a:hover {
    text-decoration: none;
    color: #777;
}

.blog-item-q p:before,
.blog-item-q p:after {
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.blog-item-q p:before {
    content: '"';
    position: absolute;
    top: 10px;
    left: 10px;
}

.blog-item-q p:after {
    content: '"';
}

.blog-item-q p:hover:before,
.blog-item-q p:hover:after {
    color: #777;
}

.blog-page-title {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/*
 * Pagination
 */

.pagination {
    font-size: 13px;
    font-family: "Open Sans", arial, sans-serif;
}

.pagination.top-margin0 {
    margin-top: -20px;
    margin-bottom: 53px;
}

.pagination a {
    display: inline-block;
    min-width: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 14px;
    border: 1px solid #eaeaea;
    color: #999;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.pagination .fa {
    margin-top: 1px;
    font-size: 16px;
}

.pagination a:hover {
    text-decoration: none;
    border-color: #bbb;
    color: #444;
}

.pagination a.active,
.pagination a.active:hover {
    border-color: #bbb;
    color: #444;
    cursor: default;
}

.pagination a.no-active,
.pagination a.no-active:hover {
    border-color: #efefef;
    color: #bbb;
    cursor: default;
}

/*
 * Comments
 */

.comment-item {
    padding-top: 30px !important;
    border-top: 1px dotted #e9e9e9;
    font-size: 14px;
    overflow: hidden;
}

.comment-item:first-child {
    padding-top: 0;
    border-top: none;
}

.media-body {
    overflow: hidden;
}

.comment-avatar {
    width: 50px;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.comment-item-data {
    margin: 0 0 5px;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #777;
}

.comment-item-data a {
    color: #777;
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.comment-item-data a:hover {
    color: #000;
    text-decoration: none;
}

.comment-author {
    display: inline-block;
    margin-right: 20px;
    font-size: 11px;
    font-weight: 700;
}

.comment-author a {
    color: #999;
}

/* --Sidebar-- */

.sidebar {
    margin-top: 10px;
}

.widget {
    margin-bottom: 60px;
}

.widget .img-left {
    margin: 0 10px 10px 0;
}

.widget .img-right {
    margin: 0 0 10px 10px;
}

.widget-title {
    margin-bottom: 20px;
    padding-bottom: 16px;
    font-size: 24px;
    font-weight: 600;
    color: #323a45;
    border-bottom: 2px solid #f59348;
}

.widget-body {
    font-size: 13px;
    color: #777;
}

.widget-text {
    line-height: 1.7;
}

/* Search widget */

.search-wrap {
    position: relative;
}

.search-field {
    width: 100% !important;
    height: 40px !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f5f6f7;
    border: 0;
}

.search-button {
    width: 42px;
    height: 40px;
    line-height: 38px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    right: 1px;
    overflow: hidden;
    background: transparent;
    border: none;
    outline: none;
    color: #999;
    font-size: 14px;
}

.search-button:hover {
    color: #111;
}

.search-button:hover+.search-field {
    border-color: #ccc;
}

/* Widget menu */

.widget-menu {
    font-size: 16px;
}

.widget-menu li {
    padding: 5px 0 5px 15px;
}

.widget-menu li::before {
    color: #606060;
    content: "\e93c";
    font-family: "linearicons";
    font-size: 12px;
    left: 13px;
    position: absolute;
}

.widget-menu li a {
    color: #555;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.widget-menu li a:hover,
.widget-menu li a.active {
    color: #f59348;
}

.widget-menu li small {
    font-size: 11px;
    color: #aaa;
}

/* Widget tags */

.tags a {
    display: inline-block;
    margin: 0 2px 5px 0;
    padding: 5px 7px;
    border: 1px solid #e9e9e9;
    color: #606060;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: 1px;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.tags a:hover {
    text-decoration: none;
    border-color: #f59348;
    color: #f59348;
}

/* Comments */

.widget-comments {
    color: #9d9d9d;
    font-size: 16px;
}

.widget-comments li {
    padding: 12px 0 12px 40px;
    border-bottom: 1px dotted #eaeaea;
}

.widget-comments li span {
    display: block;
    font-size: 14px;
}

.widget-comments li::before {
    color: #606060;
    content: "\e7d8";
    font-family: "linearicons";
    font-size: 30px;
    left: 13px;
    position: absolute;
}

.widget-comments li a {
    color: #555;
    text-decoration: none;
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.widget-comments li a:hover {
    color: #f59348;
}

/* Posts */

.widget-posts {
    color: #aaa;
}

.widget-posts li {
    font-size: 12px;
    padding: 12px 0;
    border-bottom: 1px dotted #eaeaea;
}

.widget-posts li .widget-posts-descr::before {
    content: "\e93c";
    font-family: "linearicons";
    font-size: 12px;
    position: absolute;
    left: 10px;
    color: #606060;
}

.widget-posts li a {
    font-size: 16px;
    display: block;
    color: #606060;
    text-decoration: none;
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.widget-posts li a:hover {
    color: #f59348;
}

.widget-posts-img {
    float: left;
    margin: 0 7px 0 0;
}

.widget-posts-descr {
    overflow: hidden;
    padding-left: 15px;
}

/*css for browser Specific Hacks*/

/* saf3+, chrome1+ */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .customise-form .icon-laptop {
        font-size: 19px;
    }
}

/* -- Owl carousel -- */

.owl-carousel {
    overflow: hidden;
}

.owl-buttons {
    position: static;
}

.owl-prev,
.owl-next {
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    width: 105px;
    height: 105px;
    line-height: 105px;
    font-size: 16px;
    text-align: center;
    color: #111;
    z-index: 6;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    cursor: pointer;
}

.owl-prev i,
.owl-next i {
    position: relative;
}

.owl-prev {
    left: -50px;
}

.owl-next {
    right: -50px;
}

.owl-prev:before,
.owl-next:before {
    content: "";
    display: block;
    width: 66%;
    height: 66%;
    position: absolute;
    top: 17px;
    left: 0;
    background: #fff;
    color: #555555;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.owl-next:before {
    left: auto;
    right: 0;
}

.owl-prev .fa,
.owl-next .fa {
    position: relative;
}

.owl-nav .icon-chevron-left {
    color: #555555 !important;
}

.owl-prev:hover,
.owl-next:hover {
    -webkit-transition: 0 none !important;
    -moz-transition: 0 none !important;
    -ms-transition: 0 none !important;
    -o-transition: 0 none !important;
    transition: 0 none !important;
}

.owl-prev:hover:before,
.owl-next:hover:before {
    opacity: 0.87;
}

.owl-prev:active:before,
.owl-next:active:before {
    opacity: 0.6;
}

.owl-carousel:hover .owl-prev {
    opacity: 1;
    left: -35px;
}

.owl-carousel:hover .owl-next {
    opacity: 1;
    right: -35px;
}

.owl-pagination {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
    text-align: center;
}

.owl-page {
    display: inline-block;
    padding: 6px 4px;
    position: relative;
}

.owl-page span {
    width: 6px;
    height: 6px;
    display: block;
    background: rgba(255, 255, 255, .7);
    position: relative;
    z-index: 1000 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.owl-page:hover span {
    background: rgba(255, 255, 255, 1);
}

.owl-page.active span {
    background: transparent;
    bordeR: 1px solid rgba(255, 255, 255, .8);
    -webkit-transform: scale(1.3333333);
    -moz-transform: scale(1.3333333);
    -o-transform: scale(1.3333333);
    -ms-transform: scale(1.3333333);
    transform: scale(1.3333333);
}

.item-carousel .owl-prev {
    left: -125px;
}

.item-carousel .owl-next {
    right: -125px;
}

section:hover .item-carousel.owl-carousel .owl-prev {
    opacity: 1;
    left: -80px;
}

section:hover .item-carousel.owl-carousel .owl-next {
    opacity: 1;
    right: -80px;
}

.item-carousel {
    margin-bottom: -50px;
    padding-bottom: 50px;
}

.item-carousel .owl-pagination {
    bottom: 0;
}

.work-full-slider .owl-pagination,
.content-slider .owl-pagination {
    bottom: 15px;
}

.single-carousel,
.small-item-carousel {
    margin-bottom: 35px;
}

.single-carousel .owl-pagination,
.small-item-carousel .owl-pagination {
    position: relative;
    left: 0;
    top: 35px;
    margin: 0;
}

.single-carousel.black .owl-page span,
.small-item-carousel.black .owl-page span {
    background: rgba(0, 0, 0, .15);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.single-carousel.black .owl-page:hover span,
.small-item-carousel.black .owl-page:hover span {
    background: rgba(0, 0, 0, .4);
}

.single-carousel.black .owl-page.active span,
.small-item-carousel.black .owl-page.active span {
    background: rgba(0, 0, 0, .4);
}

.single-carousel.black .owl-prev,
.single-carousel.black .owl-next,
.small-item-carousel.black .owl-prev,
.small-item-carousel.black .owl-next {
    color: rgba(0, 0, 0, .2);
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.single-carousel.black .owl-prev:hover,
.single-carousel.black .owl-next:hover,
.small-item-carousel.black .owl-prev:hover,
.small-item-carousel.black .owl-next:hover {
    color: rgba(0, 0, 0, .35);
}

.single-carousel .owl-prev,
.small-item-carousel .owl-prev {
    left: -125px;
}

.single-carousel .owl-next,
.small-item-carousel .owl-next {
    right: -125px;
}

section:hover .single-carousel .owl-prev,
section:hover .small-item-carousel .owl-prev {
    opacity: 1;
    left: -80px;
}

section:hover .single-carousel .owl-next,
section:hover .small-item-carousel .owl-next {
    opacity: 1;
    right: -80px;
}

.black-arrows .owl-prev,
.black-arrows .owl-next {
    color: #fff;
}

.black-arrows .owl-prev:before,
.black-arrows .owl-next:before {
    background: rgba(0, 0, 0, 1);
}

#portfolio-cat:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.blog-media .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    float: left;
    background: #ffffff;
    margin: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.blog-media .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.blog-media .owl-dots .owl-dot.active {
    opacity: .5;
}

/* ==============================
   Team css
   ============================== */

.team_members {
    padding-bottom: 30px;
}

.team_members .content {
    margin-bottom: 30px;
}

.team_members .content .img_container {
    position: relative;
    cursor: pointer;
}

.team_members .content .img_container .por-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
}

.team_members .content .img_container:hover .por-overlay {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.text-inner .btn.btn-nofill {
    margin: 0;
}

.team_members .content .img_container .por-overlay .text-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.team_members .member_details {
    background: #f5f6f7;
}

.team_members .member_details h3 {
    font-size: 16px;
    line-height: 30px;
    color: #323a45;
    text-transform: capitalize;
    margin: 0;
    text-align: center;
    font-weight: 400;
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9;
}

.team_members .member_details h3 .member_intro {
    font-size: 24px;
    line-height: 30px;
    color: #323a45;
    font-weight: 600;
    display: block;
}

.team_members .member_details h3 .member_intro:hover {
    color: #f59348;
}

.team_members .member_details .social_icons,
.team-modal-content .social_icons {
    margin-top: 0;
    padding: 20px 0;
}

.team_members .member_details .social_icons li,
.team-modal-content .social_icons li {
    line-height: 30px;
}

.team_members .member_details .social_icons li a,
.team-modal-content .social_icons li a {
    width: 30px;
    line-height: 30px;
    background: #c6cbd2;
    display: block;
    border-radius: 50%;
}

.team_members .member_details .social_icons li a i,
.team-modal-content .social_icons li a i {
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    margin: 0;
    display: block;
}

.team_members .member_details .social_icons li a:hover,
.team-modal-content .social_icons li a:hover {
    background: #f59348;
}

.team-modal-content .social_icons {
    border-top: 1px solid #e9e9e9;
    margin: 0 0 20px;
}

.team-modal-content .social_icons li:first-child {
    padding-left: 0;
}

.team-modal-content h2 {
    margin-top: 0;
    margin-bottom: 10px;
}

.team-modal-content p.gray-text {
    margin-bottom: 25px;
}

.team-modal-content .list-with-arrow {
    margin-bottom: 20px;
}

.team_members .dark-line {
    margin-bottom: 60px;
}

.team_members .join-our-team-btn {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

.team_members .btn.btn-fill.full-width {
    display: inline-block;
}

.modal-body .img_container {
    margin-bottom: 30px;
}

.modal-body .img_container img {
    width: 100%;
}

.team-modal .modal-body {
    padding-bottom: 20px;
}

/*-join our team-*/

.join-our-team .regular-text {
    margin-bottom: 60px;
}

/*-- available positoins --*/

.available-positions {
    padding-bottom: 30px;
}

.available-positions .content {
    margin-bottom: 30px;
}

.available-positions .content h3 {
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 600;
    background: #323a45;
    padding: 20px 30px;
    margin: 0;
}

.available-positions .dark-line {
    margin-bottom: 60px;
}

.available-positions .content h3 span {
    display: block;
    font-size: 15px;
    font-weight: 400;
}

.available-positions .content .inner_content {
    padding: 20px 30px;
    background: #f5f6f7;
}

.available-positions .content .btn.btn-fill {
    width: auto;
    margin: 15px 0 15px !important;
}

/* ==============================
   404 Error
   ============================== */

.error-404,
.under-construction {
    padding: 85px 0;
    border-top: 2px solid #f59348;
}

.error-404 .error_message {
    font-size: 30px;
    line-height: 40px;
    color: #323a45;
    font-weight: 600;
}

.error-404 .error_message span {
    font-size: 120px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
}

.error-404 .error_message img {
    margin-top: 90px;
}

.contact-us-now {
    padding: 35px 0;
}

.contact-us-now .btn {
    width: 100%;
    max-width: 360px;
    margin-bottom: 40px;
}

.contact-us-now h3 {
    font-size: 30px;
    line-height: 100px;
    color: #ffffff;
    margin: 0;
}

/* ==============================
   under-construction
   ============================== */

.under-construction .under-construction-message {
    font-size: 60px;
    line-height: 80px;
    color: #323a45;
    font-weight: 600;
}

.under-construction .under-construction-message i {
    display: block;
    font-size: 120px;
    color: #f59348;
    margin: 30px 0;
}

.under-construction .under-construction-message span {
    display: block;
    font-size: 30px;
    font-weight: 600;
}

/* ==============================
   search-results-banner
   ============================== */

.search-results-banner .form-group {
    width: 100%;
    max-width: 555px;
    position: relative;
}

.search-results-banner input {
    width: 100%;
    height: 58px;
    border: none;
    border-bottom: 2px solid #f59348;
    font-size: 16px;
    line-height: 58px;
    padding: 0 55px;
}

.search-results-banner input:hover,
.search-results-banner input:focus {
    border-bottom: 2px solid #f59348;
}

.search-results-banner .form-group .icon-magnifier {
    position: absolute;
    width: 55px;
    line-height: 60px;
    top: 0;
    left: 0;
    display: block;
    color: #606060;
    text-align: center;
}

.search-results-banner .form-group button {
    width: 50px;
    height: 56px;
    line-height: 58px;
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: #f59348;
    border-left: 1px solid #e9e9e9;
}

.search-results-banner .form-group button:hover,
.search-results-banner .form-group button:focus {
    background: #f59348;
    color: #ffffff;
}

.search-results {
    padding: 75px 0 60px;
}

.search-results .dark-line {
    margin-bottom: 40px;
}

.search-results .content {
    display: block;
    margin-bottom: 40px;
    padding: 20px 30px;
    border-bottom: 2px solid #f59348;
    cursor: pointer;
    transition: background .3s;
}

.search-results .content:hover {
    background: #f5f6f7;
}

.search-results .content h3 {
    font-size: 24px;
    line-height: 1.5;
    color: #323a45;
    text-transform: capitalize;
    margin: 10px 0 10px;
}

/* ==============================
   Pricing Plans
   ============================== */

.pricing-plans {
    padding: 66px 0 30px;
}

.pricing-plans hr {
    margin-bottom: 35px;
}

.pricing-plans .pricing {
    text-align: center;
    border: 1px solid #e9e9e9;
    padding: 0 0 37px;
    margin: 41px 0 0;
    cursor: pointer;
}

.pricing-plans .pricing:hover .price {
    color: #f59348;
}

.pricing-plans .pricing li {
    line-height: 35px;
}

.pricing-plans .pricing .price {
    font-size: 24px;
    line-height: 30px;
    color: #323a45;
    font-weight: 600;
    padding: 42px 30px 40px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 36px;
}

.pricing-plans .pricing .price span {
    display: block;
    font-size: 60px;
    line-height: 1;
    color: #f59348;
    font-weight: 600;
    padding: 15px 0 0;
}

.pricing-plans .pricing .price sup {
    font-size: 35px;
}

.pricing-plans .pricing .price [class^="flaticon-"]::before {
    font-size: 78px;
    line-height: 1;
    margin-bottom: 35px;
    display: block;
    margin-left: 0;
    font-weight: 400;
}

.pricing-plans .btn.btn-fill {
    width: 100%;
    margin-bottom: 30px;
}

/* ==============================
   FAQs section css
   ============================== */

#page-faqs .banner-inner .btn {
    text-transform: none !important;
}

.faqs-content2 {
    padding-top: 17px;
}

.faqs-content2 h2 {
    margin-top: 0;
}

.faqs-content hr {
    margin-bottom: 40px;
}

.faqs-content .panel-group {
    margin-bottom: 40px;
}

.faqs-content2 .panel-group {
    margin-bottom: 60px;
}

.faqs-content .panel-group .panel {
    border-radius: 0;
    padding: 0 50px;
}

.faqs-content .panel-default>.panel-heading {
    border: none;
    background: #ffffff;
    padding: 0;
}

.faqs-content .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
    font-size: 16px;
    color: #323a45;
    font-weight: 500;
}

.faqs-content .panel-title>a,
.faqs-content .panel-title>small,
.faqs-content .panel-title>.small,
.faqs-content .panel-title>small>a,
.faqs-content .panel-title>.small>a {
    font-size: 16px;
    line-height: 25px;
    color: #323a45;
    position: relative;
    padding: 24px 0;
    display: block;
}

.faqs-content .panel-body {
    padding: 0 0 20px;
}

.faqs-content .panel-group .panel+.panel {
    margin-top: 20px;
}

.faqs-content .panel-title>a i {
    position: absolute;
    top: 27px;
    left: -34px;
}

.faqs-content .panel-title>a .icon-plus {
    display: block;
}

/* -- Testimonial css -- */

.testimonial hr {
    margin-bottom: 60px;
}

.testimonial .content {
    border: 1px solid #e9e9e9;
    padding: 25px 20px 30px;
    margin-bottom: 30px;
}

.testimonial .clients-rating {
    unicode-bidi: bidi-override;
    color: #c5c5c5;
    font-size: 15px;
    width: 92px;
    height: 26px;
    position: relative;
    padding: 0;
    margin: 0 0 6px;
}

.testimonial .clients-rating i {
    width: 15px;
}

.testimonial .clients-rating-top {
    color: #eabe10;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 26px;
}

.testimonial .clients-rating-bottom {
    padding: 0;
    display: block;
    z-index: 0;
    height: 26px;
    overflow: hidden;
}

.testimonial .content h5 {
    font-size: 18px;
    line-height: 30px;
    color: #323a45;
    padding: 0;
    margin: 0 0 15px;
}

.testimonial .content p {
    margin-bottom: 25px;
}

.testimonial .user-info {
    font-size: 13px;
    line-height: 1;
    color: #606060;
    font-style: italic;
}

.testimonial .btn.btn-fill.full-width {
    margin: 30px auto 0;
}

.testimonial .img-container {
    height: 30px;
    display: flex;
    flex-direction: row;
    margin-top: 2px;
    margin-bottom: 22px;
}

.testimonial .img-container img {
    margin: auto;
    margin-left: 0;
}

/* Testimonial page css */

.testimonial.bg-white {
    padding-top: 87px;
}

.testimonial h2 img {
    float: right;
}

.testimonial.last-reviews {
    padding-bottom: 60px;
}

/* ==============================
   Domain-reg page
   ============================== */

.domain-reg {}

.domain-reg-banner .banner-txt h1 {
    margin-bottom: 40px;
}

.domain-reg-banner .form-wrapper {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}

.domain-reg-banner .search-field {
    height: 60px !important;
    border: none;
    border-bottom: 2px solid #f59348;
    border-radius: 0;
    font-size: 18px;
    line-height: 30px;
    padding: 13px 90px 15px 60px;
    margin-bottom: 34px;
    color: #9d9d9d;
}

.domain-reg-banner .checkbox-container {
    width: auto;
    margin: 0 auto;
}

.domain-reg-banner .checkbox-container>div {
    display: inline-block;
}

.domain-reg-banner .domain-checkbox {
    position: absolute;
    z-index: -1111;
}

.domain-reg-banner .domain-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin-right: 16px;
    transition: all .5s;
}

.domain-reg-banner .domain-checkbox+label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 14px;
    height: 14px;
    background: #ffffff;
    margin-top: 3px;
}

.domain-reg-banner .domain-checkbox:checked+label:before {
    background: #f59348;
}

.domain-reg-banner .domain-checkbox:checked+label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 7px;
    background: transparent;
    width: 5px;
    height: 10px;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.domain-reg-banner input::-webkit-input-placeholder {
    color: #9d9d9d;
    font-size: 18px;
    opacity: 1;
}

.domain-reg-banner input:-moz-placeholder {
    color: #9d9d9d;
    font-size: 18px;
    opacity: 1;
}

.domain-reg-banner input::-moz-placeholder {
    color: #9d9d9d;
    font-size: 18px;
    opacity: 1;
}

.domain-reg-banner input:-ms-input-placeholder {
    color: #9d9d9d;
    font-size: 18px;
    opacity: 1;
}

.search-field-container {
    position: relative;
}

.search-field-container::before {
    content: "\e922";
    font-family: 'linearicons' !important;
    position: absolute;
    top: 0;
    left: 0;
    color: #a4a4a4;
    line-height: 58px;
    width: 60px;
    text-align: center;
}

.search-field-container .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 58px;
    padding: 0;
    margin: 0;
    border: none;
    border-left: 1px solid #e1e1e1;
    background: transparent;
    color: #a4a4a4;
    transition: all .5s;
}

.search-field-container .search-btn i {
    line-height: 60px;
}

.search-field-container .search-btn:hover {
    background: #f59348;
    color: #ffffff;
}

.domain-search-result {
    padding-top: 90px;
}

.domain-search-result .domain-list {
    font-size: 24px;
    line-height: 40px;
    color: #323a45;
    font-weight: 600;
    padding: 15px 0 14px;
    border-bottom: 1px solid #f4f4f4;
}

.domain-search-result .domain-list .domain-price {
    font-size: 13px;
    line-height: 1;
    color: #9d9d9d;
    font-weight: normal;
}

.domain-search-result .domain-list .domain-price span {
    display: block;
    font-size: 18px;
    line-height: 1;
    color: #f59348;
    font-weight: 500;
    margin-bottom: 6px;
}

.domain-search-result .domain-list .domain-price>div {
    width: 260px;
}

.domain-search-result .domain-list .btn.btn-fill {
    line-height: 36px;
    padding: 0 20px;
}

.domain-search-result .search-msg {
    font-size: 30px;
    line-height: 68px;
    color: #252525;
    font-weight: 600;
    border: 1px solid #f59348;
    padding: 0 60px;
    margin-bottom: 35px;
    position: relative;
}

.domain-search-result .search-msg i {
    width: 70px;
    line-height: 66px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #f59348;
    font-weight: bold;
}

.domain-search-result .search-msg span {
    color: #f59348;
}

.hosting-plans {
    padding-top: 50px;
    padding-bottom: 60px;
}

.hosting-plans .content {
    padding: 48px 50px 50px;
    background: #f5f6f7 url(images/hosting-img.png) calc(100% - 50px) -12px no-repeat;
}

.hosting-plans h2,
.start-project h2 {
    font-size: 36px;
    line-height: 1;
    color: #323a45;
    margin: 0 0 20px;
}

.hosting-plans .price-lebel {
    font-size: 24px;
    line-height: 26px;
    color: #323a45;
    font-weight: 500;
    margin-bottom: 30px;
}

.hosting-plans .price-lebel .price {
    font-size: 24px;
    color: #f59348;
    font-weight: 700;
}

.hosting-plans .price-lebel sup {
    color: #f59348;
    font-size: 14px;
    font-weight: 700;
}

.hosting-plans .price-lebel sub {
    font-size: 14px;
}

/* -- hosting-pricing CSS -- */

.hosting-page .faqs-content,
.hosting-page .hosting-features {
    padding-top: 57px;
}

.hosting-content hr {
    margin-bottom: 40px;
}

.hosting-pricing .content {
    max-width: 450px;
    margin: 0 auto 30px;
}

.hosting-pricing .plan-title {
    font-size: 24px;
    line-height: 80px;
    color: #ffffff;
    background: #323a45;
    padding: 0 30px;
}

.hosting-pricing .plan-title span {
    font-weight: 600;
}

.hosting-pricing .price {
    font-size: 18px;
    line-height: 36px;
    color: #323a45;
    font-weight: 500;
    padding: 35px 0 27px;
}

.hosting-pricing .pricing-inner {
    padding: 0 30px 27px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

.hosting-features .hosting-features-inner h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #323a45;
}

.hosting-features .content {
    border: 1px solid #e9e9e9;
    padding: 44px 30px 40px 110px;
    position: relative;
    margin-bottom: 30px;
}

.hosting-features .content>i {
    font-size: 60px;
    line-height: 1;
    color: #f59348;
    position: absolute;
    top: 50px;
    left: 30px;
}

.hosting-pricing .pricing-inner span,
.hosting-features .hosting-features-inner span {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #606060;
    font-weight: 400;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.hosting-pricing .pricing-inner span i,
.hosting-features .hosting-features-inner span i {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 24px;
}

.hosting-pricing .pricing-inner .price span {
    font-size: 30px;
    color: #f59348;
    font-weight: 700;
    display: block;
    padding: 0 0 0 20px;
    position: relative;
}

.hosting-pricing .pricing-inner .price span sup {
    position: absolute;
    top: 14px;
    left: 0;
    font-size: 28px;
}

.hosting-pricing .btn.btn-fill.full-width {
    margin: 0 auto;
}

.hosting-pricing .plan-title.essential {
    position: relative;
}

.hosting-pricing .plan-title.essential::before {
    content: " Popular ";
    position: absolute;
    top: 20px;
    right: 0;
    width: 70px;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    background: #f59348;
    text-align: left;
    padding-left: 10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.hosting-pricing .plan-title.essential::after {
    content: " ";
    position: absolute;
    top: 63px;
    right: 20px;
    width: 30px;
    height: 0;
    background: transparent;
    border-bottom: 8px solid #323a45;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.hosting-page .hosting-plans .content {
    background: #f5f6f7 url(images/domain-reg.png) calc(100% - 50px) 31px no-repeat;
}

/*-- Business-consulting page css --*/

.business-consulting {}

.concepts .flex-wrapper {
    display: flex;
    flex-direction: row;
    margin-bottom: 90px;
}

.concepts .flex-wrapper .col-sm-6 {
    margin: auto;
}

.concepts .flex-wrapper h3 {
    font-size: 30px;
    line-height: 42px;
    color: #323a45;
    margin-top: 0;
    margin-bottom: 28px;
}

.concepts .flex-wrapper .flex-left {
    order: -1;
}

.concepts .flex-wrapper .img-container img {
    width: 100%;
}

.concepts .flex-wrapper .flex-content p {
    margin-bottom: 25px;
}

.concepts .flex-wrapper .flex-content ul {
    padding-left: 0;
}

.concepts .flex-wrapper .flex-content ul li {
    line-height: 36px;
    position: relative;
    padding-left: 20px;
}

.concepts .flex-wrapper .flex-content ul li i {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 33px;
}

.start-project .content {
    background: #f5f6f7;
    padding: 46px 50px 47px;
}

.start-project .content h2 {
    font-size: 30px;
    margin-bottom: 12px;
}

.start-project .content p {
    margin: 0;
    font-size: 18px;
}

.start-project .content .btn {
    margin-top: 8px;
}

.start-project .content {
    border-bottom: 2px solid #f59348;
    margin-bottom: 60px;
}

.business-case-sudy {
    padding-bottom: 60px;
}

/*-- Big data css --*/

.big-data-page .data-features {
    padding-bottom: 90px;
}

.big-data-page .data-features h2,
.reporting-page .data-features h2 {
    margin-top: 0;
}

.big-data-page #big-data-analytics .container .flex-wrapper:last-child {
    margin-bottom: 86px;
}

/*-- Reporting page css --*/

.reporting-page .faqs {
    margin-bottom: 50px;
}

.digital-strategy-page .business-case-sudy,
.content-writing-page .business-case-sudy,
.big-data-page .business-case-sudy {
    margin-bottom: 30px;
}

.digital-strategy-page .business-case-sudy .btn.btn-fill.full-width,
.content-writing-page .business-case-sudy .btn.btn-fill.full-width,
.big-data-page .business-case-sudy .btn.btn-fill.full-width {
    margin-bottom: 0;
}@charset "utf-8";

/* CSS Document */


/*---------------responsive--------------------*/

@media screen and (min-width: 992px) and (max-width: 1199px) {
    h1 {
        font-size: 38px;
    }
    h2 {
        font-size: 24px;
    }
    .main-menu .navbar-nav>li {
        margin-left: 25px;
    }
    .main-menu .navbar-nav li>.dropdown-megamenu .megamenu>li {
        padding: 15px;
    }
    .main-menu .navbar-nav li>.dropdown-megamenu .megamenu .dropdown-submenu li a i {
        margin-right: 5px;
    }
    .top-carousel .carousel-caption h1 {
        padding: 0;
        margin: 0;
    }
    .top-carousel .carousel-caption h2 {
        padding: 0;
        margin: 10px 0;
    }
    .box-green-border,
    .services .box-green-border {
        padding: 45px 10px 20px 30px;
        min-height: 380px;
    }
    .portfolio .medium-text,
    .case-studies-carousel .carousel-caption h2,
    .case-studies-carousel .carousel-caption p {
        margin: 20px 0;
    }
    .blogs .box-green-border {
        min-height: 310px;
        padding: 60px 10px 10px 30px;
    }
    .design-process-content {
        padding-right: 45%;
    }
    .dis-table>div.text-box {
        padding: 10px 30px;
    }
    .design-process-content img {
        position: absolute;
        top: 50%;
        right: 30px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .main-menu .navbar-nav>li {
        margin-left: 15px;
    }
    .main-menu .navbar-nav>li>a:not(.btn) {
        font-size: 14px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .case-studies-carousel .carousel-inner>.item {
        min-height: 500px;
    }
    .blogs .box-green-border {
        min-height: 270px;
        padding-top: 38px;
    }
    .blogs .box-green-border {
        padding-top: 0;
        min-height: 250px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 24px;
    }
    .main-menu .navbar-nav>li {
        margin-left: 15px;
    }
    .main-menu .navbar-nav>li>a:not(.btn) {
        font-size: 12px;
    }
    .main-menu .navbar-nav>li.menu-btn {
        margin-top: 38px;
    }
    .main-menu .navbar-nav>li.menu-btn>a.btn.btn-fill {
        font-size: 10px;
        padding: 5px;
    }
    .main-menu .navbar-nav>li.menu-btn>a.btn.btn-fill span {
        font-size: 10px;
    }
    .main-menu .navbar-nav>li.dropdown a.dropdown-toggle::after {
        font-size: 8px;
    }
    .main-menu .navbar-brand>img {
        max-width: 116px;
        margin: 6px 0;
        max-height: 40px;
    }
    .main-menu .navbar-nav>li.dropdown a.dropdown-toggle::after {
        margin: 4px;
    }
    .main-menu .navbar-nav li>.dropdown-megamenu {
        width: 315px;
    }
    .main-menu .navbar-nav li>.dropdown-megamenu .megamenu {
        display: block;
    }
    .main-menu .navbar-nav li>.dropdown-megamenu .megamenu>li {
        width: 100%;
        border: none;
    }
    .main-menu .navbar-nav li>.dropdown-megamenu .megamenu>li a {
        white-space: nowrap;
    }
    .top-carousel a.page-scroll {
        bottom: 0;
    }
    .top-carousel .carousel-caption h1 {
        padding: 0;
        margin: 0;
    }
    .top-carousel .carousel-caption h2 {
        padding: 0;
        margin: 10px 0;
    }
    .top-carousel .carousel-caption hr {
        display: none;
    }
    .box-green-border,
    .services .box-green-border {
        padding: 24px 10px 20px 30px;
        min-height: 380px;
    }
    .portfolio .medium-text,
    .case-studies-carousel .carousel-caption h2,
    .case-studies-carousel .carousel-caption p {
        margin: 10px 0;
    }
    .common-form-section ul {
        margin: 20px 0;
    }
    .success-number .no_count {
        font-size: 24px;
        line-height: 26px;
    }
    .success-number .counter-text {
        margin: 5px 0 50px
    }
    .success-number .counter-inner .icon-holder {
        display: table;
        height: 50px;
    }
    .success-number .counter-inner .icon-holder span {
        display: table-cell;
        vertical-align: middle;
        font-size: 40px;
        line-height: 60px;
    }
    .success-number .counter-inner .icon-holder:after {
        margin: 0 13px;
    }
    .success-number .counter-inner .icon-holder {
        width: 28%;
    }
    .success-number .counter-text p {
        margin-top: 0;
    }
    .case-studies-carousel .carousel-inner>.item {
        min-height: 410px;
    }
    .success-number .counter-inner .icon-holder::after {
        right: 0;
    }

    .contact-info-box .social-links {
        margin: 5px 0;
    }
    /*css for website design (inner page)*/
    .design-process-content {
        padding-right: 52%;
    }
    .dis-table>div {
        display: block;
        width: 100%;
    }
    .dis-table>div img {
        margin: 0 auto;
        width: 100%;
    }
    .dis-table>div.text-box {
        padding: 20px;
    }
    .score-table ul {
        width: 100%;
    }
    .score-table ul li {
        font-size: 20px;
    }
    ul.social-links li {
        margin-right: 5px;
    }
    .portfolio .medium-text {
        font-size: 14px;
    }
    .getguoteModal-dialog {
        width: auto;
    }
    #getAQuoteModal .modal-body .btn.btn-fill.full-width {
        max-width: 100%;
        width: 100%;
    }
    .verticl-center-modal .modal-dialog .customise-form {
        margin-bottom: 38px;
    }
    .design-process-content img {
        position: absolute;
        top: 50%;
        right: 30px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .design-process-content {
        padding-right: 55%;
    }
    .contact-us-now h3 {
        line-height: 50px;
        margin: 30px 0;
    }

    .contact-info-box h6 {
        font-size: 20px;
    }
    .contact-info-box p {
        font-size: 14px;
    }
    .contact-info-box .social-links li {
        margin-right: 6px;
    }
    .contact-info-box .social-links li a {
        line-height: 35px;
        width: 35px;
        height: 35px;
    }
    .contact-info-box .social-links li a span {
        font-size: 16px;
        line-height: 35px;
    }

    .modal-content .contact-info-box-wrapper {
        margin-top: 42px;
    }
    .tp-caption .medium-btn.btn.btn-fill,
    .tp-caption .medium-btn.btn.btn-nofill {
        font-size: 14px;
        line-height: 46px;
    }
    .separator {
        margin: 0 10px;
    }

    .blogs .box-green-border {
        min-height: 295px;
        padding-bottom: 0;
        padding-top: 0;
    }
    .pricing-plans .col-sm-6:last-child {
        margin-left: 25%;
    }
}

@media screen and (max-width: 1199px) {
    .rev_slider_1059_1_wrapper .medium-btn.btn.btn-fill {
        font-size: 16px;
        line-height: 46px;
    }
    .getguoteModal-dialog.potfolio-modal {
        width: auto;
        padding: 0 15px;
    }
    .verticl-center-modal::before {
        height: auto;
    }
    .main-menu .navbar-nav>li:nth-child(2) {
        margin-left: 15px;
    }
    .contact-info-box {
        padding-right: 15px;
        padding-left: 15px;
    }
    .contact-info-box span {
        padding-right: 15px;
    }
    .contact-info-box>div {
        margin-left: 12px;
    }
    .thumb-list li {
        width: 30%;
        margin-right: 5px;
    }
    .blogs .box-green-border-container {
        padding-top: 15px;
    }
    .contact-info-box h6 {
        font-size: 20px;
    }
    .contact-info-box p {
        font-size: 14px;
    }
    .blogs ul.social-links li {
        margin-right: 5px;
    }
    .contact-info-box .social-links li a {
        line-height: 35px;
        width: 35px;
        height: 35px;
    }
    .contact-info-box .social-links li a span {
        font-size: 16px;
    }

    ul.social-links li {
        margin-right: 5px;
    }

    .product-section .grid-item {
        width: 50%;
    }
    .services .box-green-border .service-overlay ul {
        padding: 20px;
    }
    .services .box-green-border .service-overlay ul li a {
        font-size: 13px;
    }
    .services .box-green-border .service-overlay ul li a i {
        margin-right: 2px;
    }
    .banner-inner{
        background-attachment: scroll!important;
    }
}

@media screen and (max-width: 991px) {
    .about-box {
        width: 100%;
        max-width: 450px;
        margin: 120px auto 0;
    }
    .hosting-features .content {
        padding-left: 30px;
    }
    .hosting-features .content>i {
        position: static;
        display: block;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    /*font-size*/
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
    .h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .h2 {
        line-height: 34px;
    }
    /*menu*/
    .main-menu {
        padding: 18px 0 0;
    }
    .main-menu .btn.btn-fill {
        margin: 0;
        padding: 0;
        line-height: 46px;
        border: 2px solid transparent;
    }
    .main-menu .navbar-nav {
        margin-bottom: 0;
        padding-bottom: 40px;
    }
    .main-menu .navbar-nav>li:nth-child(2) {
        margin-left: 0;
    }
    .main-menu .navbar-nav li>.dropdown-menu {
        width: 100%;
        border-top: none;
        position: static;
    }
    .main-menu .navbar-nav li>.dropdown-menu .megamenu {
        background: #eeeeee;
        border: none;
        box-shadow: none;
        padding: 20px;
        padding-left: 40px;
    }
    .main-menu .navbar-nav li>.dropdown-megamenu .megamenu {
        padding-left: 20px;
    }
    .main-menu .navbar-nav li>.dropdown-menu .megamenu>li {
        border: none;
    }
    .main-menu .navbar-nav li>.dropdown-megamenu .megamenu>li {
        padding-top: 0;
    }
    .main-menu .navbar-nav>li>a:hover,
    .main-menu .navbar-nav>li>a:focus,
    .main-menu .navbar-nav>li>a:hover,
    .main-menu .navbar-nav>li.active>a,
    .main-menu .navbar-nav>li.active>a {
        border-color: transparent;
        color: #fff;
        background: #53b778;
    }
    .main-menu .navbar-nav>li>a {
        margin-top: 10px!important;
        margin-bottom: 10px!important;
    }
    .main-menu .nav .open>a,
    .main-menu .nav .open>a:hover,
    .main-menu .nav .open>a:focus {}
    .main-menu .navbar-nav li>.dropdown-megamenu .megamenu .dropdown-submenu .submenu-heading {
        font-size: 16px;
    }
    .main-menu .navbar-nav>li {
        margin: 0;
    }
    .main-menu .navbar-nav>li>a:not(.btn) {
        line-height: 40px;
        padding: 0 30px;
    }
    .main-menu .navbar-brand {
        margin-top: 0;
        margin-bottom: 18px;
    }
    .main-menu .navbar-brand>img {
        max-width: 142px;
        margin: 6px 0;
        max-height: 40px;
    }
    header .contact-info ul {
        float: left!important;
    }
    header .contact-info ul li a {
        font-size: 12px;
    }
    .main-menu .navbar-toggle.collapsed .icon-bar {
        background: #000;
    }
    .main-menu .navbar-toggle .icon-bar {
        background: transparent;
    }
    .navbar-toggle.collapsed:before {
        content: "";
    }
    .navbar-toggle::before {
        content: "\e92a";
        display: inline-block;
        font-family: "linearicons";
        height: 30px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        z-index: 0;
        font-size: 26px;
        text-align: center;
        padding-left: 7px;
        color: #000;
    }
    .main-menu .navbar-nav {
        background: #eeeeee;
        margin-top: 0;
        padding-top: 15px;
    }
    .main-menu .navbar-nav>li {
        margin-right: 0;
        padding: 0 15px;
    }
    .main-menu .navbar-nav li>.dropdown-menu {
        top: 45px;
        padding: 0;
        padding-left: 10px;
    }
    .main-menu .navbar-nav li>.dropdown-menu li a,
    .main-menu .navbar-nav li>.dropdown-menu li:last-child a {
        border: none;
        padding: 0;
    }
    .main-menu .navbar-nav li>.dropdown-menu li a:hover span,
    .main-menu .navbar-nav li>.dropdown-menu li a:focus span {
        color: #fff;
    }
    .main-menu .navbar-nav li>.dropdown-megamenu .megamenu {
        display: block;
        padding-bottom: 0;
    }
    .main-slider .btn.btn-fill,
    .main-slider .btn.btn-nofill {
        display: none !important;
    }
    .main-menu .btn.btn-fill:hover,
    .main-menu .btn.btn-fill:focus {
        background: transparent;
        color: #53b778;
        border-color: #53b778;
    }
    .tp-parallax-wrap.tp-parallax-container {
        left: 20px;
        white-space: normal !important;
    }
    .tp-loop-wrap,
    .tp-mask-wrap {
        position: relative !important;
        white-space: normal !important;
    }
    .tp-caption h2,
    .tp-caption .h2 {
        font-size: 24px !important;
        white-space: normal !important;
        line-height: normal !important;
    }
    .tp-caption {
        display: none !important;
    }
    .caption-mobile {
        top: 50%;
        position: absolute !important;
        color: #fff;
        transform: translateY(-24%);
        left: 20px;
        right: 20px;
    }
    .caption-mobile .h2 {
        font-size: 22px !important;
    }
    .top-carousel .carousel-inner img,
    .case-studies-carousel .carousel-inner img {
        min-height: 300px;
    }
    .top-carousel {
        padding-top: 133px;
    }
    .owl-pagination {
        display: none;
    }
    .top-carousel .carousel-inner>.item {
        height: calc(100% - 133px);
        height: -moz-calc(100% - 133px);
        height: -webkit-calc(100% - 133px);
    }
    .top-carousel a.page-scroll {
        bottom: -6px;
    }
    .top-carousel a.page-scroll p {
        margin-bottom: 0;
    }
    .top-carousel .carousel-caption {
        left: 20px;
        right: 20px;
    }
    .top-carousel .carousel-caption h1 {
        padding: 0;
        margin: 0;
    }
    .top-carousel .carousel-caption h2 {
        padding: 0;
        margin: 10px 0;
    }
    .top-carousel .carousel-caption hr {
        display: none;
    }
    .clients img,
    .portfolio img,
    .blogs img {
        display: block;
        margin: 15px 0;
    }
    .blog-left .blog-img {
        width: 100%;
    }
    .blog-left .featured-tag {
        margin: 0;
    }
    .box-green-border {
        padding: 40px 10px 24px;
        min-height: auto;
    }
    .box-green-border a {
        font-size: 20px;
        margin: 30px 0 15px;
        font-weight: 600;
    }
    .box-green-border p {
        font-size: 16px;
    }
    .portfolio .medium-text,
    .case-studies-carousel .carousel-caption h2,
    .case-studies-carousel .carousel-caption p {
        margin: 10px 0;
    }
    .bg-white {
        padding-top: 20px;
    }
    .common-form-section ul {
        margin: 20px 0;
    }
    .common-form-section .btn {
        margin-bottom: 0;
    }
    .common-form-section form .form-element-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .common-form-section ul li {
        font-size: 16px;
        line-height: 34px;
        margin-bottom: 15px;
        display: flex;
    }
    .common-form-section .social_icons li {
        display: inline-block;
    }
    .common-form-section h3 {
        font-size: 20px;
        margin-top: 20px;
    }
    .author-sec .btn-holder {
        margin-top: 60px;
    }
    /*portfolio*/
    .protfolio-4>img {
        min-height: 200px;
    }
    .portfolio img {
        margin-bottom: 0;
    }
    .btn.btn-fill.full-width {
        margin: 30px auto;
        max-width: inherit;
    }
    .success-number .counter-inner .icon-holder {
        display: table;
        height: 50px;
    }
    .success-number .counter-inner .icon-holder span {
        display: table-cell;
        vertical-align: middle;
    }
    .success-number .counter-inner .icon-holder:after {
        margin: 0 13px;
    }
    .blogs .blog-left {
        padding: 0;
        margin-top: 22px;
    }
    .blogs .blog-left .box-green-border {
        padding: 15px 20px 20px;
    }
    .blog-post-share ul.social-links li:first-child {
        display: block;
        text-align: left;
        margin-bottom: 14px;
    }
    footer .light-ash-bg ul li,
    footer .light-ash-bg ul li,
    footer .light-ash-bg ul li.big-width {
        width: 100%;
    }
    .case-studies-carousel .carousel-inner>.item>img {
        min-height: 450px;
    }
    .case-studies-carousel .carousel-indicators {
        bottom: -44px;
    }
    .common-form-section {
        padding-top: 99px;
    }
    .btn.btn-fill .icon-chevron-right {
        margin-left: 3px;
    }
    .blogs .box-green-border {
        padding: 40px 0;
    }
    .blog-item-data {
        font-size: 12px;
    }
    .blog-item-data a i {
        font-size: 14px;
    }
    footer .customise-form .customised-formgroup {
        margin-bottom: 20px;
    }
    footer .regular-text {
        font-size: 16px;
    }
    footer .light-ash-bg ul ul li {
        margin-bottom: 10px;
    }
    footer .light-ash-bg ul ul li:first-child {
        margin-top: 30px;
    }
    footer .light-ash-bg ul.social-links li:first-child {
        margin-top: 0;
    }
    footer .light-ash-bg {
        padding-top: 17px;
    }
    .success-number .counter-inner .icon-holder {
        width: 29%;
    }
    .case-studies-section {
        margin-top: 30px;
    }
    .main-menu .navbar-nav a:active,
    .main-menu .navbar-nav a.active,
    .main-menu .navbar-nav a:active:focus,
    .main-menu .navbar-nav a.active:hover {
        border-width: 1px;
    }
    .top-carousel .btn.btn-nofill {
        margin-left: 14px !important;
    }
    .success-number .counter-text p {
        margin-top: 0;
    }
    .success-number .counter-text {
        margin-top: 0;
    }
    .portflio-content .box-content-with-img {
        margin: 15px auto !important;
    }
    .pro-controls .filter {
        margin: 3px 10px;
    }
    /*css for website desin (inner page)*/
    .service-description-section {
        padding-top: 20px !important;
    }
    .design-process-content {
        padding: 15px;
    }
    .design-process-content img {
        position: static;
    }
    .dis-table>div {
        display: block;
        width: 100%;
    }
    .dis-table>div img {
        min-width: auto;
        margin: 0 auto;
        width: 100%;
    }
    .dis-table>div.text-box {
        padding: 30px 20px;
    }
    .score-table ul {
        width: 100%;
        margin: 0;
    }
    .score-table ul li {
        width: 100%;
        font-size: 18px;
    }
    .blog-content .box-content-with-img {
        max-width: 300px;
        margin: 0 auto;
        width: 100%;
        margin-bottom: 30px !important;
    }

    /*css for modal*/
    .modal-content {
        padding: 10px;
    }
    .contact-info-box span {
        font-size: 30px;
        padding-right: 12px;
    }
    .contact-info-box h6 {
        font-size: 20px;
    }
    .contact-info-box {
        padding: 15px 10px;
    }
    .contact-info-box p {
        font-size: 14px;
    }
    .contact-info-box>div {
        margin-left: 18px;
    }
    .contact-info-box .social-links li {
        margin-right: 7px;
    }
    .contact-info-box .social-links li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .contact-info-box .social-links li a span {
        font-size: 16px;
    }
    .contact-info-box .social-links li {
        margin-bottom: 0px;
        text-align: center;
    }
    .contact-info-box .social-links {
        margin: 9px 0;
        text-align: center;
    }
    .process-model.contact-us-tab {
        margin-top: 23px;
    }
    .contact-us-tab li p {
        margin-top: 20px;
    }
    .google-map-location {
        margin-bottom: 43px;
    }
    .getguoteModal-dialog {
        width: auto;
    }
    ul.social-links li {
        display: inline-block;
    }
    .google-map-location .tab-pane img {
        min-height: auto;
    }
    .modal-header .close {
        right: 9px;
        top: 9px;
    }
    .small-image-width {
        width: 100%;
    }
    .small-image-width img {
        width: 100%;
    }
    .success-number .col-xs-4 {
        width: 100%;
    }
    .success-number .counter-inner .icon-holder span {
        line-height: 50px;
        font-size: 46px;
    }
    /*responsive for case studies page*/
    .case-studies-content {
        margin-top: 50px;
    }
    .pagination-case {
        margin-top: 10px;
    }
    .box-content-with-img .box-content-text h3 {
        margin-top: 1px;
    }
    .box-content-with-img {
        margin-bottom: 0 !important;
        margin-top: 10px;
    }
    .pagination-case .pagination {
        margin-bottom: 18px;
    }
    .product-section .btn.btn-fill.full-width {
        margin-bottom: 20px;
        margin-top: 0;
    }
    #more-portfolio .btn.btn-fill.full-width {
        margin-bottom: 30px;
    }
    .long-box-wrapper .col-xs-6 {
        width: 100%;
        margin-bottom: 20px;
    }
    .long-box-wrapper .col-xs-6 .box-content-with-img img {
        width: 100%;
    }
    .product-section {
        padding-top: 30px;
    }
    .pro-controls {
        margin-top: 2px;
        margin-bottom: 10px;
        margin-left: -10px;
        text-align: left;
    }
    .banner-inner p br {
        display: none;
    }
    .common-form-section {
        padding-top: 45px;
    }
    .about-content {
        margin-top: 20px;
    }
    .about-img {
        margin-top: 45px;
        margin-bottom: 60px;
        text-align: center;
    }
    .about-box {
        margin-top: 105px;
    }
    .about-box.firstItem {
        margin-top: 89px;
    }
    .google-map-location {
        margin-bottom: 50px;
    }
    .blog-content .btn.btn-fill.full-width {
        margin-top: 0;
    }
    .blog-seo-cat {
        padding-bottom: 20px;
    }
    .blog-details-content ul li p.gray-text {
        font-size: 14px;
        margin-bottom: 22px;
    }
    .blog-details-content ul li {
        margin-right: 0;
    }
    .blog-details-content ul {
        margin-bottom: 0;
    }
    .blog-details-content img {
        margin-bottom: 20px;
    }
    .author-sec {
        padding-top: 39px!important;
    }
    .blogger-img {
        margin-top: 15px;
    }
    .blog-description {
        margin-left: 15px;
    }
    .blog-rel-post {
        padding-top: 37px!important;
    }
    .blog-rel-post .box-content-with-img {
        margin-top: 15px;
        margin-bottom: 15px !important;
    }
    .blog-design-category {
        padding-bottom: 5px;
    }
    .blog-media img,
    .blog-media .video,
    .blog-media iframe {
        width: 100% !important;
    }
    .banner-inner {
        margin-bottom: 35px;
    }
    .banner-inner .btn {
        width: 100%!important;
        text-align: center;
    }
    .common-form-section .btn {
        margin-top: 13px!important;
        margin-bottom: 4px!important;
    }
    .common-form-section .btn.full-width {
        margin-top: 19px!important;
    }
    .design-process-section {
        padding-top: 53px;
    }
    .margin-top-40 {
        margin-top: 30px;
    }
    .featured-design-section img {
        margin-bottom: 10px;
    }
    .featured-design-section .btn.btn-fill.full-width {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .verticl-center-modal::before {
        height: auto;
    }
    .modal-body {
        padding-left: 5px;
        padding-right: 5px;
    }
    .potfolio-modal .carousel-inner>.item {
        min-height: 300px;
    }
    .potfolio-modal .modal-body {
        padding: 50px 5px;
    }
    .thumb-list li {
        width: 30%;
        margin-right: 0;
    }
    .long-box-wrapper .btn.btn-fill.full-width {
        margin-top: 10px;
        margin-bottom: 16px;
    }
    .portfolio img {
        margin-bottom: 15px;
    }
    .portfolio .btn.btn-fill.full-width {
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .why-us {
        padding-top: 105px;
        padding-bottom: 36px;
    }
    .blogs .box-green-border {
        margin-bottom: 15px;
        padding: 20px 0 20px;
    }
    .blogs {
        padding-top: 55px;
        padding-bottom: 0;
    }
    .blogs .btn.full-width {
        margin-bottom: 30px!important;
    }
    .success-number .counter-inner {
        padding-bottom: 0;
    }
    .success-number .counter-text {
        padding-bottom: 35px;
    }
    .modal-content .btn.btn-fill {
        margin-top: 19px;
    }
    .verticl-center-modal .modal-dialog .customise-form {
        margin-bottom: 50px;
    }
    .modal-content .contact-info-box-wrapper {
        margin-top: 45px;
    }
    .port-modal-content {
        margin-top: 29px;
    }
    .common-form-section.contact-form-wrapper {
        padding-top: 8px;
    }
    .common-form-section.contact-form-wrapper .contact-form .col-xs-6 {
        width: 100%;
    }
    .contact-form-wrapper .contact-form .btn-fill {
        margin: 4px 0 8px!important;
        width: 100%;
    }
    .contact-info-box {
        margin-bottom: 30px;
        max-width: inherit;
    }
    .case-studies-details-banner {
        margin-bottom: 0;
    }
    .dis-table {
        margin-top: 15px;
    }
    .dis-table>div.text-box {
        padding: 25px 20px;
    }
    .score-table {
        margin-top: 24px;
    }
    .error-404 .error_message {
        font-size: 20px;
        line-height: 30px;
    }
    .error-404 .error_message span {
        font-size: 90px;
    }
    .contact-us-now h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .contact-us-now .btn {
        margin-bottom: 10px;
    }
    .under-construction .under-construction-message {
        font-size: 40px;
        line-height: 60px;
    }
    .under-construction .under-construction-message span {
        font-size: 24px;
    }
    .search-results {
        padding-top: 30px;
    }
    .pricing-plans .btn.btn-fill {
        margin-bottom: 0;
    }
    .pricing-plans {
        padding: 25px 0 30px;
    }
    .testimonial hr {
        margin-bottom: 40px;
    }
    .testimonial .btn.btn-fill.full-width {
        margin-top: 0;
    }
    .domain-search-result .search-msg {
        font-size: 24px;
        line-height: 32px;
        padding: 20px 44px;
    }
    .domain-search-result .search-msg i {
        width: 50px;
        line-height: 69px;
    }
    .domain-search-result .domain-list .domain-price {
        width: 100%;
        line-height: 24px;
        margin-top: 5px;
    }
    .hosting-plans .content,
    .hosting-page .hosting-plans .content,
    .start-project .content {
        background-image: none;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    .hosting-plans h2,
    .start-project .content h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .start-project .content p {
        font-size: 16px;
    }
    .hosting-plans .price-lebel {
        font-size: 18px;
    }
    .hosting-plans .btn,
    .start-project .content .btn {
        width: 100%;
    }
    .about-box {
        width: 100%;
        max-width: 450px;
        margin: 120px auto 0;
    }
    .round-icon-wrapper {
        width: 100px;
        height: 100px;
        top: -50px;
    }
    .round-icon-wrapper span {
        font-size: 50px;
        line-height: 100px;
    }
    .about-box {
        padding-top: 50px;
        margin-top: 90px;
    }
    .hosting-pricing {
        padding-top: 25px;
    }
    .hosting-page .faqs-content,
    .hosting-page .hosting-features {
        padding-top: 24px;
    }
    .hosting-page .faqs-content.bg-white {
        padding-top: 29px;
    }
    .hosting-plans {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .concepts .flex-wrapper {
        display: block;
        margin-bottom: 10px;
    }
    .concepts .flex-wrapper .col-sm-6 {
        margin-bottom: 30px;
    }
    .start-project .content .pull-left,
    .start-project .content .pull-right {
        float: none!important;
    }
    .start-project .content .text-content {
        margin-bottom: 10px;
    }
    .start-project .content .text-content h2 {
        line-height: 1.2;
    }
    .concepts .flex-wrapper h3 {
        font-size: 24px;
        line-height: 1.2;
    }
    .big-data-page #big-data-analytics .container .flex-wrapper:last-child {
        margin-bottom: 30px;
    }
    .big-data-page .box-green-border {
        padding-top: 25px;
    }
    .services .box-green-border {
        padding-top: 1px;
        margin-bottom: 10px;
    }
    .services hr {
        margin-bottom: 18px;
    }
    .testimonial.bg-white {
        padding-top: 27px;
    }
    .success-number .counter-inner {
        padding-bottom: 5px;
    }
    footer .extra-small-text {
        line-height: 1;
    }
    footer .light-ash-bg {
        padding-bottom: 35px;
    }
    footer .light-ash-bg ul ul li {
        margin-bottom: 0;
    }
    .clients .owl-carousel .owl-item img {
        max-width: 80px;
    }
    .clients .owl-prev,
    .clients .owl-next {
        height: 80px;
        line-height: 75px;
    }
    #portfolio-home.bg-white {
        padding-top: 45px;
    }
    .services_single h2 {
        padding-top: 0;
    }
    .service-description-section.team_members {
        padding-top: 20px!important;
    }
    .team_members .dark-line {
        margin-bottom: 35px;
    }
    .team_members {
        padding-bottom: 0;
    }
    .blog-content {
        padding-top: 55px;
    }
    .blog-content .blog-item {
        margin-bottom: 54px;
    }
    .blog-item-title {
        font-size: 24px;
        line-height: 30px;
    }
    .pagination.top-margin0 {
        margin-bottom: 33px;
    }
    .widget {
        margin-bottom: 40px;
    }
    .content-management-system .content .content_inner li {
        margin-bottom: 10px;
    }
    .content-management-system .content .content_inner li span {
        font-size: 14px;
    }
    .design-process-content h3 {
        margin-top: 10px;
    }
    .search-results .content,
    .search-results .dark-line {
        margin-bottom: 0;
    }
    .search-results h2 {
        margin-top: 0;
    }
    .box-content-with-img .box-content-text {
        padding-bottom: 19px;
    }
    .faqs-content.bg-white {
        padding-top: 60px;
    }
    .pricing-plans h2 {
        margin-top: 0;
    }
    .awards-and-recognitions,
    .join-our-team,
    .available-positions {
        padding-top: 25px;
    }
    .available-positions .dark-line {
        margin-bottom: 40px;
    }
    .available-positions {
        padding-bottom: 0;
    }
    .testimonials {
        margin-bottom: 0;
    }
    .testimonial.bg-white {
        padding-top: 54px;
    }
    .testimonial.last-reviews {
        padding-bottom: 30px;
    }
    .faqs-content.bg-white {
        padding-top: 25px;
    }
    .blog-content .box-content-with-img {
        max-width: 100%;
    }
    .features-of-ecommerce-webiste {
        padding-top: 55px;
    }
    .featured-ecommerce-webistes {
        padding-bottom: 30px;
    }
    .featured-ecommerce-webistes .btn.btn-fill {
        margin-top: 0;
    }
    .features-of-ecommerce-webiste h2 {
        margin-bottom: 40px;
    }
    .bg-white.long-box-wrapper {
        padding-top: 55px;
    }
    .big-data-page .data-features {
        padding-bottom: 60px;
    }
    .start-project .content {
        margin-bottom: 37px;
    }
    .bg-white.scoreboard {
        padding-top: 57px;
    }
    .business-case-sudy {
        padding-bottom: 0;
    }
    .business-consulting .long-box-wrapper .col-xs-6 {
        margin-bottom: 26px;
    }
    .faqs-content2 .panel-group {
        margin-bottom: 30px;
    }
    .no-padding {
        padding: 0;
    }
    .main-menu .navbar-brand {
        padding-left: 15px;
    }
    .navbar-toggle {
        margin-right: 0;
    }
    .main-menu .navbar-nav>li:not(.menu-btn) {
        padding: 0 15px;
    }
    .success-number {
        padding-top: 20px;
    }
    .mobile-app-featured {
        padding-top: 25px;
    }
    .product-section {
        padding-top: 40px;
    }
    .product-section .filter-button-group {
        margin-top: 33px;
    }
    .portflio-content .box-content-with-img {
        max-width: 450px;
    }
    .portflio-content .box-content-with-img img {
        width: 100%;
    }
    .case-studies-content .box-content-with-img {}
    .case-studies-details-page .long-box-wrapper .btn.btn-fill.full-width {
        margin-bottom: 26px;
    }
    .case-studies-details-section {
        padding-top: 55px;
    }
    .join-our-team .content {
        margin-bottom: 23px;
    }
    .features-of-ecommerce-webiste .content {
        margin-bottom: 28px;
    }
    .faqs-content.bg-white {
        padding-top: 20px;
    }
    .faqs-content2 {
        padding-top: 15px;
    }
    .blog-version-1 .blog-content {
        padding-top: 54px;
    }
    .blog-version-2 .blog-seo-cat {
        padding-bottom: 30px;
    }
    .contact-page .contact-form-wrapper {
        padding-top: 19px;
    }
    .contact-page .customise-form .email_form {
        margin-top: 0;
    }
    .contact-page .google-map-location {
        padding-top: 54px;
        margin-bottom: 52px;
    }
    .long-box-wrapper {
        margin-bottom: 44px;
    }
    .business-case-sudy {
        margin-bottom: 34px;
    }
    .business-case-sudy h2 {
        margin-top: 18px;
    }
    .start-project .content {
        margin-bottom: 30px;
    }
    .content-writing-page .start-project .content {
        margin-bottom: 37px;
    }
    .content-writing-page .business-case-sudy {
        margin-bottom: 40px;
    }
    .reporting-page .faqs-content.bg-white {
        padding-top: 55px;
    }
    .reporting-page .box-green-border {
        padding-top: 15px;
    }
    .reporting-page .faqs {
        margin-bottom: 20px;
    }
    .domain-features {
        padding-top: 54px;
    }
    .domain-reg .faqs-content.bg-white {
        padding-top: 55px;
    }
    .hosting-pricing {
        padding-top: 20px;
    }
    .big-data-page #big-data-analytics .container .flex-wrapper:last-child {
        margin-bottom: 15px;
    }
    .big-data-page .start-project .content {
        margin-bottom: 37px;
    }
    .big-data-page .business-case-sudy {
        margin-bottom: 40px;
    }
    .big-data-page .data-features hr.dark-line {
        margin-bottom: 0;
    }
    .service-page .services_single .service_sections {
        margin-bottom: 45px;
    }
    .service-page .services_single .service_sections:last-child {
        margin-bottom: 20px;
    }
    .digital-strategy-page .start-project .content {
        margin-bottom: 37px;
    }
    .privecy-content {
        padding-bottom: 0;
        padding-top: 54px;
    }
    .privecy-content p {
        margin-bottom: 22px;
    }
    .digital-strategy-page .business-case-sudy,
    .content-writing-page .business-case-sudy,
    .big-data-page .business-case-sudy {
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 560px) {
    header ul.header-right a,
    .portfolio .medium-text {
        font-size: 14px !important;
    }
    .top-carousel .carousel-caption .btn {
        max-width: 100%;
        margin: 20px 0 !important;
        display: block;
    }
    .medium-btn2.btn.btn-nofill {
        display: block;
    }
    .portfolio .medium-text {
        margin: -4px 0 4px;
    }
    .case-studies-carousel .carousel-indicators li {
        height: 50px;
        margin-right: 11px;
        width: 50px;
        background-size: 100%;
    }
    .case-studies-carousel .carousel-indicators li.active {
        margin: 1px 7px 1px 1px;
    }
    .case-studies-carousel .carousel-indicators li>div {
        height: 50px;
        width: 50px;
    }
    .case-studies-carousel .carousel-inner>.item {
        min-height: 420px;
    }
    .counter-inner .icon-holder {
        width: 24%;
    }
    .success-number .counter-text {
        margin: 0;
    }
    .success-number .counter-inner {
        padding: 15px 0 5px;
    }
    .more-icon-preocess.process-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }
    .more-icon-preocess.process-model li::after {
        top: 24px;
    }
    .port-cat-con .por-overley {
        padding-top: 15%;
    }
    .portfolio img {
        min-height: 240px;
    }
    .port-cat-con .mix {
        width: 100%;
    }
    .mix .text-inner {
        padding-top: 17%;
    }
    .featured-design-section .col-xs-6 {
        width: 100%;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }
    .featured-design-section .col-xs-6 img {
        width: 100%;
    }
    .featured-ecommerce-webistes .col-xs-6 {
        width: 100%;
    }
    .featured-ecommerce-webistes .content .img_container span {
        font-size: 24px;
        line-height: 46px;
        width: 50px;
        height: 50px;
        top: auto;
        bottom: -45px;
        right: 50%;
        -webkit-transform: translateX(50%) rotate(90deg);
        -moz-transform: translateX(50%) rotate(90deg);
        -ms-transform: translateX(50%) rotate(90deg);
        -o-transform: translateX(50%) rotate(90deg);
        transform: translateX(50%) rotate(90deg);
    }
    .featured-ecommerce-webistes .content .before_after {
        font-size: 16px;
        line-height: 40px;
        position: absolute;
        bottom: 30px;
        z-index: 9999;
        opacity: .9;
        width: 80%;
        left: 10%;
    }
    .team_members .col-xs-6 {
        width: 100%;
    }
    .team_members .img_container img {
        width: 100%;
    }
    .process-model.process-video-modal li,
    .process-model.process-video-modal li.active {
        padding: 0 10px;
    }
    .process-model.process-video-modal li span {
        height: 50px;
        width: 50px;
        line-height: 46px;
        font-size: 24px;
    }
    .process-model.process-video-modal li::after {
        top: 24px;
    }
    .product-section .grid-item {
        width: 100%;
    }
    .product-section .filter-button-group {
        text-align: left;
        margin-left: -23px;
    }
    .product-section .btn.btn-fill.full-width {
        margin-bottom: 20px;
    }
    .testimonial h2 img {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    .domain-search-result {
        padding-top: 25px;
    }
    .btn {
        width: 100%!important;
    }
}

@media screen and (max-width: 412px) {
    .process-model li p {
        font-size: 11px;
    }
    .top-carousel .carousel-caption .btn {
        width: 100%;
    }
    div.text-box ul li,
    .dis-table>div.text-box p {
        line-height: 26px;
        font-size: 15px;
    }
    .dis-table>div.text-box.less-padding,
    .score-table {
        padding: 25px 20px;
    }
    .features-of-ecommerce-webiste .content,
    .join-our-team .content {
        font-size: 14px;
    }
    .features-of-ecommerce-webiste .content .icon_holder,
    .join-our-team .icon_holder {
        width: 100px;
        height: 100px;
    }
    .features-of-ecommerce-webiste .content .icon_holder span,
    .join-our-team .content .icon_holder span {
        font-size: 50px;
    }
    .awards-and-recognitions .awards_list .col-xs-6 {
        width: 100%;
    }
    .domain-search-result .domain-list .domain-price>div {
        width: 100%;
        margin-bottom: 20px;
    }
    .domain-search-result .domain-list .btn.btn-fill {
        float: left!important;
        width: 100%;
    }
}

@media screen and (max-width: 380px) {
    .process-model.more-icon-preocess li {
        width: 16%;
    }
    .more-icon-preocess.process-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }
    .more-icon-preocess.process-model li p {
        font-size: 8px;
    }
    .more-icon-preocess.process-model li::after {
        top: 18px;
    }
    .process-model.more-icon-preocess {
        text-align: center;
    }
    header ul.header-right li {
        margin-right: 10px;
    }
}
/*-----------------------------------------------------------------------------

-	Revolution Slider 5.0 Default Style Settings -

Screen Stylesheet

version:   	5.4.0
date:      	11/02/17
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/
#debungcontrolls,.debugtimeline{width:100%;box-sizing:border-box}.rev_column,.rev_column .tp-parallax-wrap,.tp-svg-layer svg{vertical-align:top}#debungcontrolls{z-index:100000;position:fixed;bottom:0;height:auto;background:rgba(0,0,0,.6);padding:10px}.debugtimeline{height:10px;position:relative;margin-bottom:3px;display:none;white-space:nowrap}.debugtimeline:hover{height:15px}.the_timeline_tester{background:#e74c3c;position:absolute;top:0;left:0;height:100%;width:0}.debugtimeline.tl_slide .the_timeline_tester{background:#f39c12}.debugtimeline.tl_frame .the_timeline_tester{background:#3498db}.debugtimline_txt{color:#fff;font-weight:400;font-size:7px;position:absolute;left:10px;top:0;white-space:nowrap;line-height:10px}.rtl{direction:rtl}@font-face{font-family:revicons;src:url(revolution/fonts/revicons/revicons.eot?5510888);src:url(revolution/fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),url(revolution/fonts/revicons/revicons.woff?5510888) format('woff'),url(revolution/fonts/revicons/revicons.ttf?5510888) format('truetype'),url(revolution/fonts/revicons/revicons.svg?5510888#revicons) format('svg');font-weight:400;font-style:normal}[class*=" revicon-"]:before,[class^=revicon-]:before{font-family:revicons;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.revicon-search-1:before{content:'\e802'}.revicon-pencil-1:before{content:'\e831'}.revicon-picture-1:before{content:'\e803'}.revicon-cancel:before{content:'\e80a'}.revicon-info-circled:before{content:'\e80f'}.revicon-trash:before{content:'\e801'}.revicon-left-dir:before{content:'\e817'}.revicon-right-dir:before{content:'\e818'}.revicon-down-open:before{content:'\e83b'}.revicon-left-open:before{content:'\e819'}.revicon-right-open:before{content:'\e81a'}.revicon-angle-left:before{content:'\e820'}.revicon-angle-right:before{content:'\e81d'}.revicon-left-big:before{content:'\e81f'}.revicon-right-big:before{content:'\e81e'}.revicon-magic:before{content:'\e807'}.revicon-picture:before{content:'\e800'}.revicon-export:before{content:'\e80b'}.revicon-cog:before{content:'\e832'}.revicon-login:before{content:'\e833'}.revicon-logout:before{content:'\e834'}.revicon-video:before{content:'\e805'}.revicon-arrow-combo:before{content:'\e827'}.revicon-left-open-1:before{content:'\e82a'}.revicon-right-open-1:before{content:'\e82b'}.revicon-left-open-mini:before{content:'\e822'}.revicon-right-open-mini:before{content:'\e823'}.revicon-left-open-big:before{content:'\e824'}.revicon-right-open-big:before{content:'\e825'}.revicon-left:before{content:'\e836'}.revicon-right:before{content:'\e826'}.revicon-ccw:before{content:'\e808'}.revicon-arrows-ccw:before{content:'\e806'}.revicon-palette:before{content:'\e829'}.revicon-list-add:before{content:'\e80c'}.revicon-doc:before{content:'\e809'}.revicon-left-open-outline:before{content:'\e82e'}.revicon-left-open-2:before{content:'\e82c'}.revicon-right-open-outline:before{content:'\e82f'}.revicon-right-open-2:before{content:'\e82d'}.revicon-equalizer:before{content:'\e83a'}.revicon-layers-alt:before{content:'\e804'}.revicon-popup:before{content:'\e828'}.rev_slider_wrapper{position:relative;z-index:0;width:100%}.rev_slider{position:relative;overflow:visible}.entry-content .rev_slider a,.rev_slider a{box-shadow:none}.tp-overflow-hidden{overflow:hidden!important}.group_ov_hidden{overflow:hidden}.rev_slider img,.tp-simpleresponsive img{max-width:none!important;transition:none;margin:0;padding:0;border:none}.rev_slider .no-slides-text{font-weight:700;text-align:center;padding-top:80px}.rev_slider>ul,.rev_slider>ul>li,.rev_slider>ul>li:before,.rev_slider_wrapper>ul,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{list-style:none!important;position:absolute;margin:0!important;padding:0!important;overflow-x:visible;overflow-y:visible;background-image:none;background-position:0 0;text-indent:0;top:0;left:0}.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{visibility:hidden}.tp-revslider-mainul,.tp-revslider-slidesli{padding:0!important;margin:0!important;list-style:none!important}.fullscreen-container,.fullwidthbanner-container{padding:0;position:relative}.rev_slider li.tp-revslider-slidesli{position:absolute!important}.tp-caption .rs-untoggled-content{display:block}.tp-caption .rs-toggled-content{display:none}.rs-toggle-content-active.tp-caption .rs-toggled-content{display:block}.rs-toggle-content-active.tp-caption .rs-untoggled-content{display:none}.rev_slider .caption,.rev_slider .tp-caption{position:relative;visibility:hidden;white-space:nowrap;display:block;-webkit-font-smoothing:antialiased!important;z-index:1}.rev_slider .caption,.rev_slider .tp-caption,.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.rev_slider .tp-mask-wrap .tp-caption,.rev_slider .tp-mask-wrap :last-child,.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,.wpb_text_column .rev_slider .tp-mask-wrap :last-child{margin-bottom:0}.tp-svg-layer svg{width:100%;height:100%;position:relative}.tp-carousel-wrapper{cursor:url(revolution/css/openhand.cur),move}.tp-carousel-wrapper.dragged{cursor:url(revolution/css/closedhand.cur),move}.tp_inner_padding{box-sizing:border-box;max-height:none!important}.tp-caption.tp-layer-selectable{-moz-user-select:all;-khtml-user-select:all;-webkit-user-select:all;-o-user-select:all}.tp-caption.tp-hidden-caption,.tp-forcenotvisible,.tp-hide-revslider,.tp-parallax-wrap.tp-hidden-caption{visibility:hidden!important;display:none!important}.rev_slider audio,.rev_slider embed,.rev_slider iframe,.rev_slider object,.rev_slider video{max-width:none!important}.tp-element-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.tp-blockmask,.tp-blockmask_in,.tp-blockmask_out{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;transform:scaleX(0) scaleY(0)}.rev_row_zone{position:absolute;width:100%;left:0;box-sizing:border-box;min-height:50px;font-size:0}.rev_column_inner,.rev_slider .tp-caption.rev_row{position:relative;width:100%!important;box-sizing:border-box}.rev_row_zone_top{top:0}.rev_row_zone_middle{top:50%;transform:translateY(-50%)}.rev_row_zone_bottom{bottom:0}.rev_slider .tp-caption.rev_row{display:table;table-layout:fixed;vertical-align:top;height:auto!important;font-size:0}.rev_column{display:table-cell;position:relative;height:auto;box-sizing:border-box;font-size:0}.rev_column_inner{display:block;height:auto!important;white-space:normal!important}.rev_column_bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;box-sizing:border-box;background-clip:content-box;border:0 solid transparent}.tp-caption .backcorner,.tp-caption .backcornertop,.tp-caption .frontcorner,.tp-caption .frontcornertop{height:0;top:0;width:0;position:absolute}.rev_column_inner .tp-loop-wrap,.rev_column_inner .tp-mask-wrap,.rev_column_inner .tp-parallax-wrap{text-align:inherit}.rev_column_inner .tp-mask-wrap{display:inline-block}.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{position:relative!important;left:auto!important;top:auto!important;line-height:0}.tp-video-play-button,.tp-video-play-button i{line-height:50px!important;vertical-align:top;text-align:center}.rev_column_inner .rev_layer_in_column,.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{vertical-align:top}.rev_break_columns{display:block!important}.rev_break_columns .tp-parallax-wrap.rev_column{display:block!important;width:100%!important}.fullwidthbanner-container{overflow:hidden}.fullwidthbanner-container .fullwidthabanner{width:100%;position:relative}.tp-static-layers{position:absolute;z-index:101;top:0;left:0}.tp-caption .frontcorner{border-left:40px solid transparent;border-right:0 solid transparent;border-top:40px solid #00A8FF;left:-40px}.tp-caption .backcorner{border-left:0 solid transparent;border-right:40px solid transparent;border-bottom:40px solid #00A8FF;right:0}.tp-caption .frontcornertop{border-left:40px solid transparent;border-right:0 solid transparent;border-bottom:40px solid #00A8FF;left:-40px}.tp-caption .backcornertop{border-left:0 solid transparent;border-right:40px solid transparent;border-top:40px solid #00A8FF;right:0}.tp-layer-inner-rotation{position:relative!important}img.tp-slider-alternative-image{width:100%;height:auto}.caption.fullscreenvideo,.rs-background-video-layer,.tp-caption.coverscreenvideo,.tp-caption.fullscreenvideo{width:100%;height:100%;top:0;left:0;position:absolute}.noFilterClass{filter:none!important}.rs-background-video-layer{visibility:hidden;z-index:0}.caption.fullscreenvideo audio,.caption.fullscreenvideo iframe,.caption.fullscreenvideo video,.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe audio,.tp-caption.fullscreenvideo iframe video{width:100%!important;height:100%!important;display:none}.fullcoveredvideo audio,.fullscreenvideo audio .fullcoveredvideo video,.fullscreenvideo video{background:#000}.fullcoveredvideo .tp-poster{background-position:center center;background-size:cover;width:100%;height:100%;top:0;left:0}.videoisplaying .html5vid .tp-poster{display:none}.tp-video-play-button{background:#000;background:rgba(0,0,0,.3);border-radius:5px;position:absolute;top:50%;left:50%;color:#FFF;margin-top:-25px;margin-left:-25px;cursor:pointer;width:50px;height:50px;box-sizing:border-box;display:inline-block;z-index:4;opacity:0;transition:opacity .3s ease-out!important}.tp-audio-html5 .tp-video-play-button,.tp-hiddenaudio{display:none!important}.tp-caption .html5vid{width:100%!important;height:100%!important}.tp-video-play-button i{width:50px;height:50px;display:inline-block;font-size:40px!important}.rs-fullvideo-cover,.tp-dottedoverlay,.tp-shadowcover{height:100%;top:0;left:0;position:absolute}.tp-caption:hover .tp-video-play-button{opacity:1;display:block}.tp-caption .tp-revstop{display:none;border-left:5px solid #fff!important;border-right:5px solid #fff!important;margin-top:15px!important;line-height:20px!important;vertical-align:top;font-size:25px!important}.tp-seek-bar,.tp-video-button,.tp-volume-bar{outline:0;line-height:12px;margin:0;cursor:pointer}.videoisplaying .revicon-right-dir{display:none}.videoisplaying .tp-revstop{display:inline-block}.videoisplaying .tp-video-play-button{display:none}.fullcoveredvideo .tp-video-play-button{display:none!important}.fullscreenvideo .fullscreenvideo audio,.fullscreenvideo .fullscreenvideo video{object-fit:contain!important}.fullscreenvideo .fullcoveredvideo audio,.fullscreenvideo .fullcoveredvideo video{object-fit:cover!important}.tp-video-controls{position:absolute;bottom:0;left:0;right:0;padding:5px;opacity:0;transition:opacity .3s;background-image:linear-gradient(to bottom,#000 13%,#323232 100%);display:table;max-width:100%;overflow:hidden;box-sizing:border-box}.rev-btn.rev-hiddenicon i,.rev-btn.rev-withicon i{transition:all .2s ease-out!important;font-size:15px}.tp-caption:hover .tp-video-controls{opacity:.9}.tp-video-button{background:rgba(0,0,0,.5);border:0;border-radius:3px;font-size:12px;color:#fff;padding:0}.tp-video-button:hover{cursor:pointer}.tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap{padding:0 5px;display:table-cell;vertical-align:middle}.tp-video-seek-bar-wrap{width:80%}.tp-video-vol-bar-wrap{width:20%}.tp-seek-bar,.tp-volume-bar{width:100%;padding:0}.rs-fullvideo-cover{width:100%;background:0 0;z-index:5}.disabled_lc .tp-video-play-button,.rs-background-video-layer audio::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls-start-playback-button{display:none!important}.tp-audio-html5 .tp-video-controls{opacity:1!important;visibility:visible!important}.tp-dottedoverlay{background-repeat:repeat;width:100%;z-index:3}.tp-dottedoverlay.twoxtwo{background:url(revolution/assets/gridtile.png)}.tp-dottedoverlay.twoxtwowhite{background:url(revolution/assets/gridtile_white.png)}.tp-dottedoverlay.threexthree{background:url(revolution/assets/gridtile_3x3.png)}.tp-dottedoverlay.threexthreewhite{background:url(revolution/assets/gridtile_3x3_white.png)}.tp-shadowcover{width:100%;background:#fff;z-index:-1}.tp-shadow1{box-shadow:0 10px 6px -6px rgba(0,0,0,.8)}.tp-shadow2:after,.tp-shadow2:before,.tp-shadow3:before,.tp-shadow4:after{z-index:-2;position:absolute;content:"";bottom:10px;left:10px;width:50%;top:85%;max-width:300px;background:0 0;box-shadow:0 15px 10px rgba(0,0,0,.8);transform:rotate(-3deg)}.tp-shadow2:after,.tp-shadow4:after{transform:rotate(3deg);right:10px;left:auto}.tp-shadow5{position:relative;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset}.tp-shadow5:after,.tp-shadow5:before{content:"";position:absolute;z-index:-2;box-shadow:0 0 25px 0 rgba(0,0,0,.6);top:30%;bottom:0;left:20px;right:20px;border-radius:100px/20px}.tp-button{padding:6px 13px 5px;border-radius:3px;height:30px;cursor:pointer;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.6)!important;font-size:15px;line-height:45px!important;font-family:arial,sans-serif;font-weight:700;letter-spacing:-1px;text-decoration:none}.tp-button.big{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6);font-weight:700;padding:9px 20px;font-size:19px;line-height:57px!important}.purchase:hover,.tp-button.big:hover,.tp-button:hover{background-position:bottom,15px 11px}.purchase.green,.purchase:hover.green,.tp-button.green,.tp-button:hover.green{background-color:#21a117;box-shadow:0 3px 0 0 #104d0b}.purchase.blue,.purchase:hover.blue,.tp-button.blue,.tp-button:hover.blue{background-color:#1d78cb;box-shadow:0 3px 0 0 #0f3e68}.purchase.red,.purchase:hover.red,.tp-button.red,.tp-button:hover.red{background-color:#cb1d1d;box-shadow:0 3px 0 0 #7c1212}.purchase.orange,.purchase:hover.orange,.tp-button.orange,.tp-button:hover.orange{background-color:#f70;box-shadow:0 3px 0 0 #a34c00}.purchase.darkgrey,.purchase:hover.darkgrey,.tp-button.darkgrey,.tp-button.grey,.tp-button:hover.darkgrey,.tp-button:hover.grey{background-color:#555;box-shadow:0 3px 0 0 #222}.purchase.lightgrey,.purchase:hover.lightgrey,.tp-button.lightgrey,.tp-button:hover.lightgrey{background-color:#888;box-shadow:0 3px 0 0 #555}.rev-btn,.rev-btn:visited{outline:0!important;box-shadow:none!important;text-decoration:none!important;line-height:44px;font-size:17px;font-weight:500;padding:12px 35px;box-sizing:border-box;font-family:Roboto,sans-serif;cursor:pointer}.rev-btn.rev-uppercase,.rev-btn.rev-uppercase:visited{text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:900}.rev-btn.rev-withicon i{font-weight:400;position:relative;top:0;margin-left:10px!important}.rev-btn.rev-hiddenicon i{font-weight:400;position:relative;top:0;opacity:0;margin-left:0!important;width:0!important}.rev-btn.rev-hiddenicon:hover i{opacity:1!important;margin-left:10px!important;width:auto!important}.rev-btn.rev-medium,.rev-btn.rev-medium:visited{line-height:36px;font-size:14px;padding:10px 30px}.rev-btn.rev-medium.rev-hiddenicon i,.rev-btn.rev-medium.rev-withicon i{font-size:14px;top:0}.rev-btn.rev-small,.rev-btn.rev-small:visited{line-height:28px;font-size:12px;padding:7px 20px}.rev-btn.rev-small.rev-hiddenicon i,.rev-btn.rev-small.rev-withicon i{font-size:12px;top:0}.rev-maxround{border-radius:30px}.rev-minround{border-radius:3px}.rev-burger{position:relative;width:60px;height:60px;box-sizing:border-box;padding:22px 0 0 14px;border-radius:50%;border:1px solid rgba(51,51,51,.25);-webkit-tap-highlight-color:transparent;cursor:pointer}.rev-burger span{display:block;width:30px;height:3px;background:#333;transition:.7s;pointer-events:none;transform-style:flat!important}.rev-burger.revb-white span,.rev-burger.revb-whitenoborder span{background:#fff}.rev-burger span:nth-child(2){margin:3px 0}#dialog_addbutton .rev-burger:hover :first-child,.open .rev-burger :first-child,.open.rev-burger :first-child{transform:translateY(6px) rotate(-45deg)}#dialog_addbutton .rev-burger:hover :nth-child(2),.open .rev-burger :nth-child(2),.open.rev-burger :nth-child(2){transform:rotate(-45deg);opacity:0}#dialog_addbutton .rev-burger:hover :last-child,.open .rev-burger :last-child,.open.rev-burger :last-child{transform:translateY(-6px) rotate(-135deg)}.rev-burger.revb-white{border:2px solid rgba(255,255,255,.2)}.rev-burger.revb-darknoborder,.rev-burger.revb-whitenoborder{border:0}.rev-burger.revb-darknoborder span{background:#333}.rev-burger.revb-whitefull{background:#fff;border:none}.rev-burger.revb-whitefull span{background:#333}.rev-burger.revb-darkfull{background:#333;border:none}.rev-burger.revb-darkfull span,.rev-scroll-btn.revs-fullwhite{background:#fff}@keyframes rev-ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}.rev-scroll-btn{display:inline-block;position:relative;left:0;right:0;text-align:center;cursor:pointer;width:35px;height:55px;box-sizing:border-box;border:3px solid #fff;border-radius:23px}.rev-scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:400;color:#fff;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}.rev-scroll-btn>.active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{color:#fff}.rev-scroll-btn>.active,.rev-scroll-btn>:active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{opacity:.8}.rev-scroll-btn.revs-fullwhite span{background:#333}.rev-scroll-btn.revs-fulldark{background:#333;border:none}.rev-scroll-btn.revs-fulldark span,.tp-bullet{background:#fff}.rev-scroll-btn span{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border-radius:50%;animation:rev-ani-mouse 2.5s linear infinite}.rev-scroll-btn.revs-dark{border-color:#333}.rev-scroll-btn.revs-dark span{background:#333}.rev-control-btn{position:relative;display:inline-block;z-index:5;color:#FFF;font-size:20px;line-height:60px;font-weight:400;font-style:normal;font-family:Raleway;text-decoration:none;text-align:center;background-color:#000;border-radius:50px;text-shadow:none;background-color:rgba(0,0,0,.5);width:60px;height:60px;box-sizing:border-box;cursor:pointer}.rev-cbutton-dark-sr,.rev-cbutton-light-sr{border-radius:3px}.rev-cbutton-light,.rev-cbutton-light-sr{color:#333;background-color:rgba(255,255,255,.75)}.rev-sbutton{line-height:37px;width:37px;height:37px}.rev-sbutton-blue{background-color:#3B5998}.rev-sbutton-lightblue{background-color:#00A0D1}.rev-sbutton-red{background-color:#DD4B39}.tp-bannertimer{visibility:hidden;width:100%;height:5px;background:#000;background:rgba(0,0,0,.15);position:absolute;z-index:200;top:0}.tp-bannertimer.tp-bottom{top:auto;bottom:0!important;height:5px}.tp-caption img{background:0 0;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);zoom:1}.caption.slidelink a div,.tp-caption.slidelink a div{width:3000px;height:1500px;background:url(revolution/assets/coloredbg.png)}.tp-caption.slidelink a span{background:url(revolution/assets/coloredbg.png)}.tp-loader.spinner0,.tp-loader.spinner5{background-image:url(revolution/assets/loader.gif);background-repeat:no-repeat}.tp-shape{width:100%;height:100%}.tp-caption .rs-starring{display:inline-block}.tp-caption .rs-starring .star-rating{float:none;display:inline-block;vertical-align:top;color:#FFC321!important}.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating{position:relative;height:1em;width:5.4em;font-family:star;font-size:1em!important}.tp-loader.spinner0,.tp-loader.spinner1{width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:tp-rotateplane 1.2s infinite ease-in-out;background-color:#fff;border-radius:3px;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-caption .rs-starring .star-rating:before,.tp-caption .rs-starring-page .star-rating:before{content:"\73\73\73\73\73";color:#E0DADF;float:left;top:0;left:0;position:absolute}.tp-caption .rs-starring .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em;font-size:1em!important}.tp-caption .rs-starring .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.tp-loader{top:50%;left:50%;z-index:10000;position:absolute}.tp-loader.spinner0{background-position:center center}.tp-loader.spinner5{background-position:10px 10px;background-color:#fff;margin:-22px;width:44px;height:44px;border-radius:3px}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.tp-loader.spinner2{width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-color:red;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;animation:tp-scaleout 1s infinite ease-in-out}@keyframes tp-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.tp-loader.spinner3{margin:-9px 0 0 -35px;width:70px;text-align:center}.tp-loader.spinner3 .bounce1,.tp-loader.spinner3 .bounce2,.tp-loader.spinner3 .bounce3{width:18px;height:18px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;display:inline-block;animation:tp-bouncedelay 1.4s infinite ease-in-out;animation-fill-mode:both}.tp-loader.spinner3 .bounce1{animation-delay:-.32s}.tp-loader.spinner3 .bounce2{animation-delay:-.16s}@keyframes tp-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tp-loader.spinner4{margin:-20px 0 0 -20px;width:40px;height:40px;text-align:center;animation:tp-rotate 2s infinite linear}.tp-loader.spinner4 .dot1,.tp-loader.spinner4 .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;animation:tp-bounce 2s infinite ease-in-out;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-loader.spinner4 .dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes tp-rotate{100%{transform:rotate(360deg)}}@keyframes tp-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.tp-bullets.navbar,.tp-tabs.navbar,.tp-thumbs.navbar{border:none;min-height:0;margin:0;border-radius:0}.tp-bullets,.tp-tabs,.tp-thumbs{position:absolute;display:block;z-index:1000;top:0;left:0}.tp-tab,.tp-thumb{cursor:pointer;position:absolute;opacity:.5;box-sizing:border-box}.tp-arr-imgholder,.tp-tab-image,.tp-thumb-image,.tp-videoposter{background-position:center center;background-size:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tp-tab.selected,.tp-tab:hover,.tp-thumb.selected,.tp-thumb:hover{opacity:1}.tp-tab-mask,.tp-thumb-mask{box-sizing:border-box!important}.tp-tabs,.tp-thumbs{box-sizing:content-box!important}.tp-bullet{width:15px;height:15px;position:absolute;background:rgba(255,255,255,.3);cursor:pointer}.tp-bullet.selected,.tp-bullet:hover{background:#fff}.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:40px;height:40px;position:absolute;display:block;z-index:1000}.tparrows:hover{background:#000}.tparrows:before{font-family:revicons;font-size:15px;color:#fff;display:block;line-height:40px;text-align:center}.hginfo,.hglayerinfo{font-size:12px;font-weight:600}.tparrows.tp-leftarrow:before{content:'\e824'}.tparrows.tp-rightarrow:before{content:'\e825'}body.rtl .tp-kbimg{left:0!important}.dddwrappershadow{box-shadow:0 45px 100px rgba(0,0,0,.4)}.hglayerinfo{position:fixed;bottom:0;left:0;color:#FFF;line-height:20px;background:rgba(0,0,0,.75);padding:5px 10px;z-index:2000;white-space:normal}.helpgrid,.hginfo{position:absolute}.hginfo{top:-2px;left:-2px;color:#e74c3c;background:#000;padding:2px 5px}.indebugmode .tp-caption:hover{border:1px dashed #c0392b!important}.helpgrid{border:2px dashed #c0392b;top:0;left:0;z-index:0}#revsliderlogloglog{padding:15px;color:#fff;position:fixed;top:0;left:0;width:200px;height:150px;background:rgba(0,0,0,.7);z-index:100000;font-size:10px;overflow:scroll}.aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}