/* font  */
@font-face {
    font-family: Poppins-black;
    src: url(Poppins-Black.ttf);
}

@font-face {
    font-family: Poppins-medium;
    src: url(Poppins-Medium.ttf);
}

@font-face {
    font-family: Poppins-semibold;
    src: url(Poppins-SemiBold.ttf);
}

@font-face {
    font-family: Poppins-light;
    src: url(Poppins-Light.ttf);
}


/*#case-studies .container*/
/*{*/
/*    background: url(images/SEO_page_main_banner.png) no-repeat center !important;*/
/*    background-size: cover !important;*/
/*}*/

.herotitle
{
    margin-top:-50px !important;margin-left: 100px; color: white;
}

.herotext
{
    margin-left: 100px; color: white;
}

.seo-case-study-bg {
    background: url(images/testimonial-header.jpg) no-repeat center !Important;
    background-size: cover !important;
    background-position: 0% 75% !Important;
}

.seo-agency-bg {
    background: url(images/SEO_page_main_banner.png) no-repeat center !Important;
    background-size: cover !important;
    background-position: 50% 100% !Important;
}

.padding3x {
    padding-top: 10px;
    padding-bottom: 60px
}

.space80 {
    height: 80px;
}

.padbot0 {
    padding-bottom: 0!important
}

.contact-us-section abbr {
    margin: 0 26px 0 0;
    color: #fff
}

.contact-us-section abbr a {
    color: #fff
}

#contactform input {
    border: 1px solid #ccc
}

.contact-us-section i {
    margin-right: 3px
}


.blacklayervideo {
    background: rgb(65,28,114);
    background: linear-gradient(90deg, rgba(65,28,114,1) 0%, rgba(172,35,115,1) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.blacklayervideo h3{
    font-size: 50px;
}

.run-number {
    background-position: 0!important
}

.textposition {
    top: 15px!important;
    text-transform: uppercase;
}

.blackboxheight {
    height: 210px!important
}

.price-new-height {
    /* height: 425px!important; */
}

.btnhero
{
    margin-left: 100px;border:2px solid #fff !important;
}
.btnhero:hover
{
    background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%) !important;
    border:none;
}


.leftbtn, .rightbtn
{
    border: 2px solid #000 !important;
    color:#000;
}

.leftbtn:hover
{
    background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%) !important;
    color:#fff;border:none;
}

.rightbtn:hover
{
    background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%) !important;
    color:#fff;border:none;
}

.clear {
    clear: both
}

.contact-us-section .sbt-btn {
    border: 1px solid #ccc!important
}

.contact-us-section .sbt-btn:hover {
    border-color: #f36f21!important
}

.transition {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.ph1 {
    padding-left: 10px;
    padding-right: 10px
}

.ph2 {
    padding-left: 20px;
    padding-right: 20px
}

.ph3 {
    padding-left: 30px;
    padding-right: 30px
}

.ph4 {
    padding-left: 40px;
    padding-right: 40px
}

.ph5 {
    padding-left: 50px;
    padding-right: 50px
}

.ph6 {
    padding-left: 60px;
    padding-right: 60px
}

.ph7 {
    padding-left: 70px;
    padding-right: 70px
}

.ph8 {
    padding-left: 80px;
    padding-right: 80px
}

.ph9 {
    padding-left: 90px;
    padding-right: 90px
}

.ph10 {
    padding-left: 100px;
    padding-right: 100px
}

.ph11 {
    padding-left: 110px;
    padding-right: 101px
}

.ph12 {
    padding-left: 120px;
    padding-right: 120px
}

.ph13 {
    padding-left: 130px;
    padding-right: 130px
}

.ph14 {
    padding-left: 140px;
    padding-right: 140px
}

.ph15 {
    padding-left: 150px;
    padding-right: 150px
}

.ph16 {
    padding-left: 160px;
    padding-right: 160px
}

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

.phl0 {
    padding-left: 0
}

.phr0 {
    padding-right: 0
}

.pv1 {
    padding-top: 10px;
    padding-bottom: 10px
}

.pv2 {
    padding-top: 20px;
    padding-bottom: 20px
}

.pv3 {
    padding-top: 30px;
    padding-bottom: 30px
}

.pv4 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pv5 {
    padding-top: 50px;
    padding-bottom: 50px
}

.pv6 {
    padding-top: 60px;
    padding-bottom: 60px
}

.pv7 {
    padding-top: 70px;
    padding-bottom: 70px
}

.pv8 {
    padding-top: 80px;
    padding-bottom: 80px
}

.pv9 {
    padding-top: 90px;
    padding-bottom: 90px
}

.pv10 {
    padding-top: 100px;
    padding-bottom: 100px
}

.pv11 {
    padding-top: 110px;
    padding-bottom: 101px
}

.pv12 {
    padding-top: 120px;
    padding-bottom: 120px
}

.pv13 {
    padding-top: 130px;
    padding-bottom: 130px
}

.pv14 {
    padding-top: 140px;
    padding-bottom: 140px
}

.pv15 {
    padding-top: 150px;
    padding-bottom: 150px
}

.pv16 {
    padding-top: 160px;
    padding-bottom: 160px
}

.pv0 {
    padding-top: 0;
    padding-bottom: 0
}

.pvt0 {
    padding-top: 0
}

.pvb0 {
    padding-bottom: 0
}

body {
    font-family: 'Poppins-semisold';
    font-weight: 400;
    font-size: 15px;
    line-height: 2em;
    color: #413839;
}

a {
    font-family: Poppins-SemiBold;
    color: #393939;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

a:hover {
    color: #f36f21;
    text-decoration: none;
}

a:focus,a:active {
    outline: 0
}

p {
    font-family: Poppins-Light;
    margin: 0 0 30px
}

.content-area {
    padding-top: 50px;
    padding-bottom: 150px
}

div img {
    max-width: 100%
}

h1,h2,h3,h4,h5,h6 {
    color: #333;
    font-family: Poppins-Medium;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6 {

}

blockquote {
    border-left: 2px solid #f36f21;
    margin-left: 50px;
    padding-left: 30px;
    font-size: 17px;
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    color: #333;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 30px
}

.btn,button,input[type="submit"] {
    font-family: Poppins-Light;
    font-size: 11px;
    font-weight: 700;
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 30px;
    padding: 15px 30px;
    text-shadow: none;
    background: transparent;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 3px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.btn:hover,button:hover,input[type="submit"]:hover,.btn.active,button.active,input[type="submit"].active {
    background-color: #f36f21;
    color: #fff
}

.content-area {
    padding-top: 40px;
    padding-bottom: 190px;
    position: relative;
    overflow: hidden;
}

.content-area.no-padding {
    padding-top: 0;
    padding-bottom: 0
}

.modal-dialog {
    width: 800px
}

.pagination {
    display: block;
    text-align: center;
    padding-top: 30px;
    clear: both
}

.pagination li {
    display: inline-block;
    font-size: 15px;
    font-family: 'Poppins';
    font-weight: 400
}

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

.pagination li a,.pagination li span {
    color: #777;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.pagination li a:hover,.pagination li span,.pagination li span:hover {
    color: #fff;
    background-color: #f36f21;
    border-color: #f36f21
}

.title-404 {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 45px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 50px;
    color: #e72f38
}

.image-404 {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.list-details {
    list-style-type: none;
    padding-left: 0;
    font-size: 12px;
    text-transform: uppercase
}

.list-details strong,.list-details b {
    color: #333
}

.labels {
    padding-left: 15px
}

.labels a {
    position: relative;
    background-color: #ebebeb;
    display: inline-block;
    font-family: 'Lato';
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 12px;
    margin-right: 24px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.labels a::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #ebebeb;
    position: absolute;
    left: -15px;
    top: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.labels a::after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #f0f1f3;
    top: 50%;
    left: -2px;
    position: absolute;
    margin-top: -2px
}

.labels a:hover {
    background-color: #f36f21;
    color: #fff
}

.labels a:hover::before {
    border-right-color: #f36f21
}

[data-bg-image] {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

.table-row {
    display: table;
    margin-right: 0;
    margin-left: 0;
    width: 100%
}

.table-row > div {
    display: table-cell;
    float: none
}

.table-row > div .inner-wrapper {
    padding: 40px 36px
}

ul.check-list {
    list-style-type: none
}

ul.check-list li {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Lato';
    font-weight: 400;
    letter-spacing: 1px
}

ul.check-list li::before {
    content: "\f00c";
    font-family: FontAwesome;
    margin-left: -20px;
    margin-right: 12px;
    font-size: 11px
}

ul.socials {
    list-style-type: none;
    display: block;
    padding-left: 0;
    text-align: left
}

ul.socials li {
    display: inline-block;
    margin-bottom: 8px
}

ul.socials li a {
    font-size: 20px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    color: #f36f21;
    display: inline-block;
    text-align: center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

form .col-md-6:nth-child(2n+1) {
    padding-left: 0
}

form .col-md-6:nth-child(2n) {
    padding-right: 0
}

form input:not([type="submit"]), form textarea {
    border: 0;
    width: 100%;
    font-family: 'Lato';
    font-size: 14px;
    line-height: 1;
    color: #878787;
    padding: 9px 15px;
    margin-bottom: 10px;
    font-size: 14px;
    border-radius: 5px;
}
form input:not([type="submit"]):focus,form textarea:focus {
    outline: none
}

form textarea {
    min-height: 96px!important;
    /* margin-top: 5px; */
    /* font-size: 11px!important; */
}

address {
    font-size: 14px;
    line-height: 22px;
    font-family: 'Lato';
    font-weight: 400
}

address i {
    margin-right: 15px
}

address .address-icon {
    width: 12px
}

address table {
    width: 100%
}

address table td {
    vertical-align: middle;
    text-align: left;
    padding: 10px
}

address table td:first-child {
    vertical-align: top
}

a.link {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 700
}

a.link i {
    margin-left: 5px
}

.brand-color {
    color: #411C72!important
}

.brand-color a {
    color: #f36f21!important
}

.section-even-columns .row > div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div[class*="dark-overlay"]:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7)
}

.dark-overlay-10 {
    background-color: rgba(0,0,0,0.1)
}

.dark-overlay-20 {
    background-color: rgba(0,0,0,0.2)
}

.dark-overlay-30 {
    background-color: rgba(0,0,0,0.3)
}

.dark-overlay-40 {
    background-color: rgba(0,0,0,0.4)
}

.dark-overlay-50 {
    background-color: rgba(0,0,0,0.5)
}

.dark-overlay-60 {
    background-color: rgba(0,0,0,0.6)
}

.dark-overlay-70 {
    background-color: rgba(0,0,0,0.7)
}

.dark-overlay-80 {
    background-color: rgba(0,0,0,0.8)
}

.dark-overlay-90 {
    background-color: rgba(0,0,0,0.9)
}

.inner-table {
    display: table;
    width: 100%;
    height: 100%
}

.inner-table .inner-cell {
    display: table-cell;
    vertical-align: middle
}

.text-light {
    color: #fff
}

.text-light.title-lg,.text-light.title-md {
    color: #fff
}

.column-vertical-separator div[class^="col-"] + div:before,.column-vertical-separator-1px div[class^="col-"] + div:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #dedede;
    height: 100%;
    width: 2px
}

.column-vertical-separator-1px div[class^="col-"] + div:before {
    width: 1px
}

.column2-separator div[class^="col-"]:nth-child(2n - 1) + div:before,.column2-separator-1px div[class^="col-"]:nth-child(2n - 1) + div:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #dedede;
    width: 2px
}

.column2-separator div[class^="col-"] + div:after,.column2-separator-1px div[class^="col-"] + div:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #dedede;
    height: 2px
}

.column2-separator div[class^="col-"]:nth-child(1) + div:after,.column2-separator-1px div[class^="col-"]:nth-child(1) + div:after {
    display: none
}

.column2-separator-1px div[class^="col-"]:nth-child(2n - 1) + div:before {
    width: 1px
}

.column2-separator-1px div[class^="col-"] + div:after {
    height: 1px
}

.fullwidth-section,.fullscreen-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.padding1x {
    padding-top: 30px;
    padding-bottom: 30px
}

.padding2x {
    padding-top: 20px;
    padding-bottom: 50px;
}

.padding3x {
    padding-top: 90px;
    padding-bottom: 90px
}

.padding4x {
    padding-top: 120px;
    padding-bottom: 120px
}

.padding5x {
    padding-top: 150px;
    padding-bottom: 150px
}

.no-padding {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.no-padding-top {
    padding-top: 0!important
}

.no-padding-bottom {
    /* padding-bottom: 0!important */

}

.padding-top-1x {
    padding-top: 30px
}

.padding-top-2x {
    padding-top: 60px
}

.padding-top-3x {
    padding-top: 90px
}

.padding-top-4x {
    padding-top: 120px
}

.padding-bottom-1x {
    padding-bottom: 30px
}

.padding-bottom-2x {
    padding-bottom: 60px
}

.padding-bottom-3x {
    padding-bottom: 90px
}

.padding-bottom-4x {
    padding-bottom: 120px
}

.no-margin {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.no-margin-top {
    margin-top: 0!important
}

.no-margin-bottom {
    margin-bottom: 0!important
}

.margin2x {
    margin-top: 60px;
    margin-bottom: 60px
}

.margin3x {
    margin-top: 90px;
    margin-bottom: 90px
}

.margin4x {
    margin-top: 120px;
    margin-bottom: 120px
}

.img-left-top,.img-left-center,.img-left-bottom,.img-center-top,.img-center-center,.img-center-bottom,.img-right-top,.img-right-center,.img-right-bottom {
    background-size: initial;
    background-attachment: scroll;
    background-repeat: no-repeat
}

.img-left-top {
    background-position: left top
}

.img-left-center {
    background-position: left center
}

.img-left-bottom {
    background-position: left bottom
}

.img-center-top {
    background-position: center top
}

.img-center-center {
    background-position: center center
}

.img-center-bottom {
    background-position: center bottom
}

.img-right-top {
    background-position: right top
}

.img-right-center {
    background-position: right center
}

.img-right-bottom {
    background-position: right bottom
}

@media only screen and (max-width: 1400px) {
    .about-section .pv12 {
        padding-top: 120px;
    }
}

@media only screen and (max-width: 1024px) {
    .img-left-top,.img-left-center,.img-left-bottom,.img-center-top,.img-center-center,.img-center-bottom,.img-right-top,.img-right-center,.img-right-bottom {
        background-size:contain
    }
}

.v-align-top {
    vertical-align: top!important
}

.v-align-middle {
    vertical-align: middle!important
}

.v-align-bottom {
    vertical-align: bottom!important
}

.background-fixed {
    background-attachment: fixed!important
}

.background-scroll {
    background-attachment: scroll!important
}

.l-s-minus-1px {
    letter-spacing: -1px
}

.l-s-minus-05px {
    letter-spacing: -.5px
}

.l-s-0px {
    letter-spacing: 0
}

.l-s-05px {
    letter-spacing: .5px
}

.l-s-1px {
    letter-spacing: 1px
}

.l-s-2px {
    letter-spacing: 2px
}

.l-s-3px {
    letter-spacing: 3px
}

.l-s-4px {
    letter-spacing: 4px
}

.weight-light {
    font-weight: 100
}

.weight-regular {
    font-weight: 400;
    font-weight: 700;
    font-weight: 800
}

.background-white {
    background-color: #fff
}

.inner-shadow-top {
    -webkit-box-shadow: inset 0 0 15px 1px rgba(1,1,1,0.1);
    -moz-box-shadow: inset 0 0 15px 1px rgba(1,1,1,0.1);
    box-shadow: inset 0 0 15px 1px rgba(1,1,1,0.1)
}

.outher-shadow-bottom {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.07);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.07);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.07)
}

.heading-dash:after {
    border-bottom: 2px solid #ac2373;
    content: '';
    display: block;
    width: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.heading-dash.text-center:after {
    margin-right: auto;
    margin-left: auto
}

.heading-dash.text-right {
    margin-bottom: 40px
}

.heading-dash.text-right:after {
    position: absolute;
    right: 15px;
    left: auto
}

.text-center .heading-dash:after {
    margin-right: auto;
    margin-left: auto
}

.text-right .heading-dash {
    margin-bottom: 40px
}

.text-right .heading-dash:after {
    position: absolute;
    right: 15px;
    left: auto
}

.curved-shape {
    background-repeat: no-repeat;
    background-position: center bottom -1px;
    background-size: 325px 90px;
    height: 72px;
    overflow: hidden
}

.curved-shape svg {
    position: absolute;
    bottom: -1px;
    left: -65px;
    z-index: -1
}

.has-slider #header {
    position: relative;
    margin-top: -72px
}

.has-slider #header .curved-shape {
    background-position: center top -1px
}

.has-slider #header .curved-shape svg {
    top: -1px;
    left: -65px
}

#header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 72px
}

#header .container {
    position: relative;
    z-index: 100
}

#header .col-sm-5 {
    background-color: #fff;
    height: 72px;
}

#header nav > ul {
    list-style-type: none;
    padding: 0;
    display: block
}

#header nav > ul > li {
    display: inline-block;
    padding: 0 15px ;
    font-family: 'Lato';
    font-size: 14px;
    line-height: 72px;
    /* color: cornsilk !important; */
}

#header nav > ul > li:first-child {
    padding-left: 0;
}

#header nav > ul > li > a{
    color: #737373;
}

#header nav > ul > li > a:hover {
    background: -webkit-linear-gradient(#411c72, #ac2373);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#header nav > ul > li > a.featured {
    background: -webkit-linear-gradient(#411c72, #ac2373);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#header nav ul li {
    position: relative
}

#header nav ul li a {
    text-decoration: none;
    text-transform: uppercase
}

#header nav ul li .dropdown-menu {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    display: block;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    transition-duration: .35s;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px);
    background-color: #222;
    color: #ccc;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
    box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15)
}

#header nav ul li .dropdown-menu li {
    width: 270px;
    font-size: 12px
}

#header nav ul li .dropdown-menu li a {
    padding: 15px 25px;
    line-height: 24px;
    border-bottom: 1px solid #414141;
    color: #ccc
}

#header nav ul li .dropdown-menu li a:hover,#header nav ul li .dropdown-menu li a:focus,#header nav ul li .dropdown-menu li a:after {
    background: none;
    color: #f36f21
}

#header nav ul li .dropdown-menu li.active > a {
    background: none;
    color: #f36f21
}

#header nav ul li .dropdown-menu li + li {
    border-top: 1px solid #1f1f1f
}

#header nav ul li .dropdown-menu li:last-child > a {
    border-bottom: 0
}

#header nav ul li .dropdown-menu li:hover {
    background-color: transparent
}

#header nav ul li .dropdown-menu li.has-children > a:after {
    content: '\f3d3';
    font-family: "Ionicons";
    font-size: 17px;
    position: absolute;
    right: 20px;
    top: 13px;
    color: #414141
}

#header nav ul li .dropdown-menu li.has-children:hover > a:after {
    color: #f36f21
}

#header nav ul li .dropdown-menu.icon-menu {
    left: -40px
}

#header nav ul li .dropdown-menu.icon-menu a {
    padding-left: 60px
}

#header nav ul li .dropdown-menu.icon-menu a i {
    font-size: 20px;
    position: absolute;
    left: 25px;
    top: 13px
}

#header nav ul li .dropdown-menu .dropdown-menu {
    left: 269px;
    top: 0
}

#header nav ul li:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px)
}

#header nav ul li:hover > a {
    background-color: transparent
}

#header nav.text-right ul li:last-child {
    padding-right: 0
}

#header::before,#header::after {
    content: '';
    position: absolute;
    width: 30%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 90
}

#header::after {
    left: auto;
    right: 0
}

#page-title {
    padding-top: 172px;
    padding-bottom: 80px;
    background-image: url(images/page-title-1.jpg);
    background-position: center center;
    background-attachment: fixed;
    font-family: "Lato";
    color: #fff;
    position: relative;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.07);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.07);
    box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0);
}

#page-title .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.38);
}

#page-title .container {
    position: relative
}

#page-title h1 {
    margin: 0;
    padding: 0;
    font-family: Lato;
    font-size: 28px;
    line-height: 1;
    color: #fff;
    font-weight: 400
}

#page-title .breadcrumb {
    background-color: transparent;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 2px;
    font-weight: 700;
    padding: 0;
    margin: 0
}

#page-title .breadcrumb > li {
    line-height: 37px;
    text-transform: uppercase
}

#page-title .breadcrumb > li a {
    font-weight: 300;
    color: #d5d5d5;
    text-decoration: none
}

#page-title .breadcrumb > li + li:before {
    color: #fff
}

#page-title.single {
    background-image: url(images/page-title-2.jpg)
}

#page-title.team-member {
    background-image: url(images/page-title-3.jpg)
}

.kwicks {
    height: 576px
}

.kwicks > li {
    position: relative;
    height: 576px;
    background-image: url(images/background-testimonial.png)
}

.kwicks > li .testimonial {
    position: absolute;
    top: 0;
    left: 0;
    width: 1170px;
    height: 576px;
    background-size: 91%;
    background-position: left top;
    background-image: url(images/testimonial-1.png);
    background-repeat: no-repeat
}

.kwicks > li .testimonial blockquote {
    font-weight: 400;
    max-width: 45%;
    margin: 140px 15% 0px 20%;
}

@media only screen and (max-width: 700px) {
    
    .herotitle
    {
        margin-left:50px;
    }
    
    .herotext
    {
        margin-left:50px;
    }
    
    .btnhero
    {
        margin-left:50px;
    }
    
    
    
    .kwicks > li .testimonial blockquote {
        margin: 30px 75% 0px 0%;
    }
    
    .kwicks > li .testimonial .testi-meta .position{
        text-align: left;
        /*margin: 0 0% 0 -65%;*/
        position: absolute;
        left: 1%;
        bottom: 9%;
    }

    .kwicks > li .testimonial .testi-meta .author{
        text-align: left;
        /*margin: -5% 0% 0 -69%;*/
        position: absolute;
        left: 1%;
        bottom: 13%;
    }
    
}

.kwicks > li .testimonial .testi-meta {
    text-align: center;
    max-width: 35%;
    margin: 65px 15% 0 25%;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.kwicks > li .testimonial .testi-meta .position {
    font-size: 15px;
    letter-spacing: 1px;
    color: #f36f21;
}

.subscribe-form input {
    width: 27%!important;
    border-radius: 4px!important;
    border: 0;
    color: #fff;
    box-shadow: none;
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    padding: 13px 15px;
    height: 40px;
}

.subscribe-form input + input {
    margin-left: 1%
}

.subscribe-form input:focus {
    border: 0;
    box-shadow: none;
    outline: 0
}

.subscribe-form input.submit {
    background-color: #ffffff;
    font-size: 13px;
    padding: 0px 18px;
    width: 15%!important;
}

.price-table {
    background: url(images/background-pricetable.png) no-repeat center bottom;
    padding-bottom: 130px
}

.price-table .price-column {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto 40px;
    width: 270px;
    -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 6px 15px 0 rgba(0,0,0,0.1);
    box-shadow: 0 6px 15px 0 rgba(0,0,0,0.1)
}

.price-table .price-column.featured {
    margin-top: 0px;
}

.price-table .price-header {
    background-color: #393939;
    color: #fff;
    padding: 0px 28px 43px;
}

.price-table .price-header .title {
    font-family: Poppins-semibold;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 300px;
}

.price-table .price-header .title:before {
    content: '';
    display: block;
    border-top: 3px solid #f36f21
}

.price-table .price {
    font-family: Poppins-semibold;
    padding-top: 45px;
    font-size: 54px;
    font-weight: 100
}

.price-table .price span {
    font-size: 14px;
    color: #858585;
    text-transform: uppercase;
    line-height: 1em
}

.price-table .price .sub-up {
    font-size: 60%
}

.price-table .title + .price {
    padding-top: 35px
}

.price-table .price-body {
    font-family: Poppins-semibold;
    background-color: #fff;
    color: #6e6e6e;
    padding: 10px 20px;
    min-height: 360px;
}

.price-table .price-body ul {
    list-style-type: none;
    padding: 0
}

.price-table .price-body ul li {
    font-weight: 300;
    padding: 10px 0;
    border-bottom: 1px solid #efefef
}

.price-table .price-body ul li span {
    color: #bbb
}

.price-table .price-body .link {
    color: #ac2373;
    text-transform: uppercase;
    border-bottom: 1px dotted #ddd;
    line-height: 55px;
}

.price-table .featured.price-column {
    width: 300px
}

.price-table .featured .price-header {
    background-color: #ac2373;
    -webkit-box-shadow: inset 0 0 20px 0 rgba(255,255,255,0.25);
    -moz-box-shadow: inset 0 0 20px 0 rgba(255,255,255,0.25);
    box-shadow: inset 0 0 20px 0 rgba(255,255,255,0.25)
}

.price-table .featured .price-header .price span {
    color: #fff
}

.price-table .featured .price-header .title + .price {
    padding-top: 50px
}

.price-table .featured .price-header .title:before {
    border-top-color: #E63
}

.price-table .featured .price-body {
    padding-bottom: 22px
}

.progress-container {
    font-family:Poppins-SemiBold;
    position: relative;
    margin: 0 130px;
    padding: 6px 0;
}

.progress-container span {
    width: 105px;
    position: absolute;
    top: 0;
    font-size: 12px;
    letter-spacing: 1px
}

.progress-container span.label-left {
    color: #fff;
    left: -130px;
    text-align: right
}

.progress-container span.label-right {
    color: #fff;
    right: -130px
}

.progress-container .progress {
    height: 4px
}

.progress-container .progress-bar {
    background: none;
    background-color: #ac2373;
}

.video-section {
    padding: 130px;
    text-align: center
}

.video-section a {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    display: block;
    background-color: rgba(0,0,0,0.2);
    margin: 0 auto;
    line-height: 84px;
    font-size: 55px
}

.video-section a i {
    color: #fff;
    opacity: .5;
    margin-left: 8px
}

.video-section a:hover,.video-section a:focus {
    background-color: rgba(0,0,0,0.4);
    outline: 0
}

.video-section a:hover i,.video-section a:focus i {
    opacity: .9
}

.video-section .description {
    font-size: 14px;
    letter-spacing: -.2px;
    color: #adadad;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.cta-section{
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 0px ;
    padding: 0px;
    width: 100%;
}

.btn-cta{
    width: 100%;
    text-align: center;
}

.cta-section h2 {
    text-align: center;
    color: #411C72;
    font-size: 23px;
    font-weight: 600;
    line-height: 40px;
    margin: 0;
    padding: 0;
}

.cta-section .btn {

    justify-content: center;
    align-content: center;
    height: 30px;
    width: 200px;
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 10px 30px;
    background-color: #411c72;
    font-size: 10px;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    line-height: 1;
    -webkit-box-shadow: 0 0 15px 1px rgba(1,1,1,0.1);
    -moz-box-shadow: 0 0 15px 1px rgba(1,1,1,0.1);
    box-shadow: 0 0 15px 1px rgba(1,1,1,0.1)
}

.cta-section .btn i {
    margin-left: 5px
}

.cta-section .btn:hover {
    background-color: #494949
}

.tt-counter {
    text-align: center
}

.tt-counter i {
    font-size: 68px
}

.tt-counter h3 {
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 10px 0 0;
    margin-bottom: 15px;
}

.tt-counter p {
    font-size: 15px;
    letter-spacing: 2.5px;
    color: #ccc;
    text-transform: uppercase;
    /* margin-top: 10px; */
    margin: 0;
}

.text-light .tt-counter {
    color: #fff
}

.text-light .tt-counter h3 {
    color: #fff
}

.service-box {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 0 0 64px
}

.service-box h3 {
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 0;
    font-weight: 700
}

.service-box h3.heading-dash:after {
    margin: 20px 0;
}

.service-box h3 span {
    float: right;
    font-size: 10px;
    color: #f36f21
}

.service-box p {
    font-size: 14px;
    line-height: 1.8em
}

.service-box.large-desc p {
    font-size: 15px;
    line-height: 30px
}

.service-box.filled .service-icon,.service-box.transparent .service-icon {
    border-radius: 50%;
    background-color: #f36f21;
    padding: 16px;
    color: #fff
}

.service-box.filled .service-icon a,.service-box.transparent .service-icon a {
    color: #fff
}

.service-box.filled .service-icon span,.service-box.transparent .service-icon span {
    margin-right: 0
}

.service-box.transparent .service-icon {
    background-color: rgba(0,0,0,0.1)
}

.service-box .service-icon {
    position: absolute;
    width: 48px;
    text-align: center
}

.service-box .service-icon a {
    text-decoration: none
}

.service-box.small {
    padding: 0 0 0 48px;
    width: 36px
}

.service-box.medium {
    padding: 0 0 0 64px
}

.service-box.large {
    padding: 0 0 0 80px;
    width: 64px
}

.service-box.extra-small {
    padding: 0 0 0 32px;
    width: 28px
}

.service-box.filled,.service-box.transparent {
    padding: 0 0 0 112px
}

.service-box.filled.small,.service-box.transparent.small {
    padding: 0 0 0 80px
}

.service-box.filled.medium,.service-box.transparent.medium {
    padding: 0 0 0 112px
}

.service-box.filled.large,.service-box.transparent.large {
    padding: 0 0 0 144px
}

.service-box.filled.extra-small,.service-box.transparent.extra-small {
    padding: 0 0 0 48px
}

.service-box.style-right {
    padding: 0 64px 0 0;
    text-align: right
}

.service-box.style-right .service-icon {
    right: 0;
    left: auto
}

.service-box.style-right .service-icon span {
    margin-right: 0
}

.service-box.style-right.small {
    padding: 0 48px 0 0
}

.service-box.style-right.medium {
    padding: 0 64px 0 0
}

.service-box.style-right.large {
    padding: 0 80px 0 0
}

.service-box.style-right.extra-small {
    padding: 0 32px 0 0
}

.service-box.style-right.filled,.service-box.style-right.transparent {
    padding: 0 112px 0 0
}

.service-box.style-right.filled.small,.service-box.style-right.transparent.small {
    padding: 0 80px 0 0
}

.service-box.style-right.filled.medium,.service-box.style-right.transparent.medium {
    padding: 0 112px 0 0
}

.service-box.style-right.filled.large,.service-box.style-right.transparent.large {
    padding: 0 144px 0 0
}

.service-box.style-right.filled.extra-small,.service-box.style-right.transparent.extra-small {
    padding: 0 48px 0 0
}

.service-box.style-inline {
    padding: 0
}

.service-box.style-inline .service-icon {
    position: absolute;
    font-size: 22px;
    left: 0;
    top: 0
}

.service-box.style-inline h3 {
    margin-left: 32px
}

.service-box.style-inline.style-right h3 {
    margin-left: 0;
    margin-right: 32px
}

.service-box.style-center {
    text-align: center;
    padding: 0
}

.service-box.style-center .service-icon {
    position: relative;
    margin-bottom: 20px
}

.service-box.style-center h3:after {
    content: ' ';
    width: 30px;
    border-bottom: 2px solid #f36f21;
    margin: 20px auto;
    display: block
}

.service-box.style-center.filled,.service-box.style-center.transparent {
    padding: 0
}

.service-box.style-center.filled .service-icon,.service-box.style-center.transparent .service-icon {
    width: 96px;
    margin: 0 auto 30px
}

.service-box.style-center.filled.small .service-icon,.service-box.style-center.transparent.small .service-icon {
    width: 64px
}

.service-box.style-center.filled.large .service-icon,.service-box.style-center.transparent.large .service-icon {
    width: 128px
}

.service-box.style-center.filled.extra-small .service-icon,.service-box.style-center.transparent.extra-small .service-icon {
    width: 32px
}

.service-box.style-boxed {
    text-align: center;
    padding: 30px 25px 40px;
    background-color: #f36f21;
    color: #fff
}

.service-box.style-boxed .service-icon {
    position: relative;
    margin-bottom: 20px;
    background: none
}

.service-box.style-boxed p:last-child {
    margin-bottom: 0
}

.service-box.style-boxed.transparent {
    padding: 30px 25px 40px;
    background-color: rgba(255,255,255,0.1)
}

.service-box .service-icon {
    font-size: 48px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1
}

.service-box.extra-small .service-icon {
    font-size: 16px
}

.service-box.small {
    font-size: 100%
}

.service-box.small .service-icon {
    font-size: 32px
}

.service-box.medium .service-icon {
    font-size: 48px
}

.service-box.large .service-icon {
    font-size: 64px
}

.service-box.filled .service-icon,.service-box.transparent .service-icon {
    padding: 24px
}

.service-box.filled.extra-small .service-icon,.service-box.transparent.extra-small .service-icon {
    padding: 8px
}

.service-box.filled.small .service-icon,.service-box.transparent.small .service-icon {
    padding: 16px
}

.service-box.filled.medium .service-icon,.service-box.transparent.medium .service-icon {
    padding: 24px
}

.service-box.filled.large .service-icon,.service-box.transparent.large .service-icon {
    padding: 32px
}

.service-box.style-boxed .service-icon {
    padding: 0!important
}

.sub-title {
    font-size: 12px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 40px;
    color: #393939;
    font-weight: 400;
    letter-spacing: 3px
}

.single-meta {
    margin-bottom: 20px;
    font-size: 10px;
    text-transform: uppercase;
    color: #ccc;
    letter-spacing: 1px;
}

.member-author {
    font-size: 16px;
    text-transform: uppercase;
    color: #393939;
    letter-spacing: 4px;
    padding: 30px 20px
}

.member-author h1 {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #393939;
    letter-spacing: 4px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 30px;
    margin-top: 0px !important;
}

.member-author span {
    color: #d5d5d5
}

.author-box {
    border: 1px solid rgba(0,0,0,0.1);
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px
}

.author-box .avatar {
    padding: 30px 30px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.author-box .avatar img {
    border-radius: 50%
}

.author-box .avatar :last-child {
    margin-bottom: 0
}

.author-box h4 {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px
}

.author-box h5 {
    font-size: 10px
}

.author-box .socials {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin: 0
}

.author-box .socials li {
    width: 32.3%;
    margin: 0;
    text-align: center
}

.author-box .socials li + li {
    border-left: 1px solid rgba(0,0,0,0.1)
}

.author-box a {
    text-decoration: none;
    font-size: 10px;
    color: #ccc;
    line-height: 44px;
    letter-spacing: 1.5px
}

.author-box a:hover {
    color: #f36f21
}

.fullwidth-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed
}

blockquote {
    position: relative;
    margin: 30px 15px;
    border: 0;
    padding: 10px 10px;
    text-align: justify;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
}

blockquote:before,blockquote:after {
    content: '\f347';
    font-family: "ionicons";
    opacity: .3;
    font-size: 32px;
    position: absolute;
    left: -30px;
    top: 0
}

blockquote:after {
    left: auto;
    top: auto;
    right: -30px;
    bottom: 0;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

blockquote a {
    color: #f36f21
}

blockquote .meta {
    position: absolute;
    right: 0;
    bottom: -20px;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 400;
    color: #393939
}

.text-light blockquote {
    color: #fff
}

.text-light blockquote:before,.text-light blockquote:after {
    color: #fff
}

.icon-link {
    position: relative
}

.icon-link i {
    position: relative;
    top: 2px;
    font-size: 18px;
    margin-left: 5px
}

.post-socials ul {
    margin: 0;
    list-style-type: none;
    border-top: 1px solid rgba(0,0,0,0.1);
    text-align: center
}

.post-socials ul li {
    padding: 20px
}

.post-socials ul li a {
    font-size: 9px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ccc
}

.post-socials ul li a:hover {
    color: #a6a6a6
}

.post-socials ul li:first-child {
    float: left
}

.post-socials ul li:last-child {
    float: right;
    padding-right: 40px
}

article.post {
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
    text-align: center;
    overflow: hidden;
    -webkit-box-shadow: 0 0 15px 1px rgba(1,1,1,0.1);
    -moz-box-shadow: 0 0 15px 1px rgba(1,1,1,0.1);
    box-shadow: 0 0 15px 1px rgba(1,1,1,0.1);
    position: relative
}

article.post a {
    text-decoration: none
}

article.post .post-media {
    position: relative;
    height: 250px;
    background-size: cover;
    background-position: center center
}

article.post .post-media img {
    width: 100%
}

article.post .post-media .ratio4x3 {
    display: none
}

article.post .post-media .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background-color: rgba(0,0,0,0.3);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    visibility: hidden;
    opacity: 0
}

article.post .post-media .overlay .center-holder {
    width: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    transition-duration: .75s;
    visibility: hidden;
    opacity: 0
}

article.post .post-media:hover .overlay {
    display: table;
    visibility: visible;
    opacity: 1
}

article.post .post-media:hover .overlay .center-holder {
    visibility: visible;
    opacity: 1
}

article.post .post-content {
    padding: 30px 30px 0;
    height: 250px;
    min-height: 250px;
    position: relative;
    font-family: "Clear sans"
}

article.post .post-title {
    font-family: "Lato";
    font-size: 14px;
    line-height: 1.6em;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    margin-top: 0px !important;
}

article.post .post-title a {
    color: #393939
}

article.post .post-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 30px 20px;
    background-color: #fff;
    font-size: 13px;
    text-align: left
}

article.post .post-meta ul {
    padding: 0;
    margin: 0
}

article.post .post-meta li {
    padding: 0
}

article.post .post-meta li:first-child {
    float: left
}

article.post .post-meta li:last-child {
    float: right
}

article.post .post-meta i {
    color: #f36f21;
    margin-right: 5px
}

article.post.horizontal {
    text-align: left;
    height: 250px
}

article.post.horizontal .post-content {
    padding: 30px 30px 0 0
}

article.post.horizontal .post-meta {
    padding: 0 30px 20px 0
}

article.post.featured {
    height: auto
}

article.post.featured .post-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

article.post.featured .post-media .overlay {
    display: block;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    visibility: visible;
    opacity: 1
}

article.post.featured .post-title {
    font-weight: 100;
    font-size: 30px;
    line-height: 1.4em;
    text-transform: none
}

article.post.featured .post-title a {
    color: #fff
}

article.post.featured .post-content {
    padding: 30px;
    height: auto;
    color: #bfbfbf
}

article.post.featured .post-meta {
    background-color: transparent;
    position: relative;
    padding: 0 30px;
    margin-bottom: 30px
}

article.post.featured .read-more {
    margin: 0
}

article.post.even {
    min-height: 500px
}

.read-more {
    font-family: "Lato";
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    line-height: 1;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 30px;
    padding: 10px 35px;
    display: inline-block;
    margin: 10px 0 15px
}

.read-more i {
    font-size: 12px;
    margin-left: 8px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    transform: translateX(-3px)
}

.read-more:hover,.read-more:focus {
    color: #f9f9f9
}

.read-more:hover i,.read-more:focus i {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.pagination {
    text-transform: uppercase;
    padding: 0
}

.pagination a {
    text-decoration: none
}

.pagination ul {
    padding: 0
}

.pagination li {
    font-size: 10px;
    letter-spacing: 2px;
    font-family: Lato;
    font-weight: 800;
    color: #ccc
}

.pagination li:first-child {
    float: left
}

.pagination li:first-child a:before {
    content: '\f3d2';
    font-family: "ionicons";
    margin-right: 5px
}

.pagination li:last-child {
    float: right
}

.pagination li:last-child a:after {
    content: '\f3d3';
    font-family: "ionicons";
    margin-left: 5px
}

.pagination li a {
    border: 0;
    background: none;
    padding: 0;
    color: #393939
}

.pagination li a:hover {
    background: none;
    color: #f36f21
}

.comments-container {
    background-color: #f5f5f5;
    padding: 60px 0;
    -webkit-box-shadow: inset 0 0 12px 1px rgba(1,1,1,0.1);
    -moz-box-shadow: inset 0 0 12px 1px rgba(1,1,1,0.1);
    box-shadow: inset 0 0 12px 1px rgba(1,1,1,0.1)
}

#comments > h3 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 50px;
    letter-spacing: 1px;
    text-align: center
}

#comments > h3:after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background-color: #f36f21;
    margin: 25px auto
}

#comments .comment-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#comments .comment-list ol,#comments .comment-list ul {
    list-style-type: none;
    margin-left: 60px
}

#comments .comment-list ol article:before,#comments .comment-list ul article:before {
    content: '\f30f';
    font-family: "Ionicons";
    font-size: 24px;
    color: #dedede;
    position: absolute;
    left: -70px;
    top: 23px
}

#comments .comment-list > li:last-child > article {
    border: none
}

#comments .comment-list article {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 30px;
    margin-bottom: 40px;
    position: relative
}

#comments .comment-list article .avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #fff
}

#comments .comment-list article .comment-avatar {
    float: left
}

#comments .comment-list article .comment-avatar .comment-reply {
    position: absolute;
    right: 0;
    bottom: 10px
}

#comments .comment-list article .comment-avatar .comment-reply a {
    color: #d9d9d9;
    font-size: 28px
}

#comments .comment-list article .comment-body {
    margin-left: 115px
}

#comments .comment-list article .comment-body .comment-author {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #333;
    display: block;
    text-decoration: none
}

#comments .comment-list article .comment-body .comment-date {
    position: absolute;
    right: 50px;
    top: 0;
    font-weight: 400;
    font-size: 11px;
    color: #ccc;
    font-style: italic
}

#comments .comment-list article .comment-body .comment-content {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 14px;
    color: #777;
    line-height: 28px
}

#respond {
    margin-top: 80px
}

#respond .comment-reply-title {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 50px;
    letter-spacing: 3px;
    text-align: center
}

#respond .comment-form .col-md-6:nth-child(2n+1) {
    padding-left: 0
}

#respond .comment-form .col-md-6:nth-child(2n) {
    padding-right: 0
}

#respond .comment-form input:not([type="submit"]),#respond .comment-form textarea {
    border: 0;
    border-bottom: 1px solid rgba(119,119,119,0.2);
    width: 100%;
    font-family: 'Lato';
    font-size: 13px;
    text-transform: uppercase;
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px
}

#respond .comment-form input:not([type="submit"]):focus,#respond .comment-form textarea:focus {
    outline: none;
    border-bottom-color: #f36f21;
    color: #f36f21
}

#respond .comment-form textarea {
    min-height: 120px;
    margin-top: 20px
}

#respond .form-submit {
    text-align: center
}

.author-box.portfolio .avatar {
    text-align: center
}

.author-box.portfolio .avatar img {
    max-width: 95%;
    border-radius: 0
}

.author-box.portfolio .socials li {
    width: 49%
}

.author-box.portfolio .socials li a {
    display: inline;
    font-size: 10px;
    color: #393939
}

.author-box.portfolio .socials li a i {
    color: #f36f21;
    font-size: 14px
}

.icon-detail {
    text-align: center;
    padding: 30px 0;
    font-size: 12px;
    color: #999;
    letter-spacing: 1px
}

.icon-detail i {
    color: #616161
}

.portfolio-posts .folio-filter {
    text-align: center;
    margin-bottom: 50px
}

.portfolio-posts .folio-filter a {
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 12px;
    margin-bottom: 15px;
    color: #5d5d5d;
    background: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
}

.portfolio-posts .folio-filter a.active {
    background: -webkit-linear-gradient(#411c72, #ac2373);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.portfolio-posts .folio-filter a + a {
    margin-left: 25px
}

.portfolio-posts .folio-item {
    padding: 0
}

.portfolio-posts .folio-item .img-block {
    width: 100%
}

.portfolio-posts .folio-item .entry-item {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative
}

.portfolio-posts .folio-item .entry-item .entry-hover {
    background-color: rgba(0,0,0,0.35);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
}

.portfolio-posts .folio-item .entry-item .entry-hover h3 {
    color: #fff;
    font-family: 'Lato';
    font-weight: 700;
    font-size: 26px;
    line-height: 1.3em;
    letter-spacing: .4px;
    text-transform: uppercase;
    margin: 0;
    padding-left: 30px;
    padding-right: 30px
}

.portfolio-posts .folio-item .entry-item .entry-hover .category {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Lato';
    font-weight: 400;
    text-transform: uppercase;
    display: block
}

.portfolio-posts .folio-item .entry-item .entry-hover .read-more {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    transition-duration: .5s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0
}

.portfolio-posts .folio-item .entry-item:hover .entry-hover {
    visibility: visible;
    opacity: 1
}

.portfolio-posts .folio-item .entry-item:hover .entry-hover .read-more {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.portfolio-masonry .folio-image {
    width: 100%
}

.portfolio-links {
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: 1px solid rgba(119,119,119,0.2);
    padding-top: 30px
}

.portfolio-links a {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-family: 'Lato';
    font-weight: 700;
    text-transform: uppercase;
    background-color: #333;
    line-height: 40px
}

.portfolio-links .link-next {
    background-color: #f36f21
}

.portfolio-posts.team h3 {
    position: absolute;
    color: #a09d9d;
    top: 10px;
    left: 10px;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700
}

.portfolio-posts.team h5 {
    position: absolute;
    top: 20px;
    left: 10px;
    margin: 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    color: #ac2373;
    margin-bottom: 10px !important;
}

.widget {
    margin-bottom: 45px;
    font-family: 'Lato';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.widget .widget-title {
    font-family: 'Lato';
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 25px
}

.widget ul,.widget ol {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.widget ul li,.widget ol li {
    margin-bottom: 5px;
}

.widget ul li a,.widget ol li a {
    color: rgba(119,119,119,0.8)
}

.widget ul li .count,.widget ol li .count {
    font-size: 10px;
    color: #fff;
    background-color: rgba(119,119,119,0.5);
    display: inline-block;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 10px
}

.widget ul li:hover a,.widget ol li:hover a {
    text-decoration: none;
    color: #4ac3bf
}

.widget ul li:hover .count,.widget ol li:hover .count {
    background-color: #4ac3bf
}

.widget .widget-tags {
    font-size: 13px
}

.widget .widget-tags a {
    display: inline-block;
    background-color: rgba(119,119,119,0.5);
    color: #fff;
    padding: 4px 12px;
    margin-right: 6px;
    margin-bottom: 8px
}

.widget .widget-tags a:hover {
    background-color: #4ac3bf;
    text-decoration: none
}

.search-form {
    position: relative
}

.search-form input {
    border: 1px solid rgba(119,119,119,0.2);
    font-family: 'Lato';
    font-weight: 300;
    font-size: 13px;
    text-transform: uppercase;
    color: #777;
    padding: 15px 20px;
    padding-right: 40px;
    width: 100%
}

.search-form input:focus {
    outline: none
}

.search-form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: transparent;
    border: 0;
    font-size: 16px;
    line-height: 100%;
    padding: 0 15px;
    color: #777
}

.widget img {
    margin-bottom: 20px
}

.widget abbr {
    display: block;
    margin: 15px 0
}

.widget ul li i {
    float: left;
    width: 20px;
    margin-right: 5px
}

.widget.recent-posts ul li {
    position: relative;
    width: 170px;
    height: 48px;
    padding-bottom: 0;
    margin-bottom: 5px;
    display: block;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 2px
}

.widget.recent-posts ul li .cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    background-color: rgba(0,0,0,0.6);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.widget.recent-posts ul li .cover:hover {
    -webkit-box-shadow: inset 0 0 4px 0 rgba(255,255,255,0.4);
    -moz-box-shadow: inset 0 0 4px 0 rgba(255,255,255,0.4);
    box-shadow: inset 0 0 4px 0 rgba(255,255,255,0.4)
}

.widget.recent-posts ul li img {
    margin: 0
}

.widget.recent-posts ul li span {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
    margin-right: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    visibility: visible;
    opacity: 1
}

.widget.recent-posts ul li span.child {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.widget.recent-posts ul li a {
    display: block;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    transition-duration: .65s
}

.widget.recent-posts ul li a i {
    float: none
}

.widget.recent-posts ul li:hover a {
    visibility: visible;
    opacity: 1
}

.widget.recent-posts ul li:hover span {
    visibility: hidden;
    opacity: 0
}

#footer .widget ul li a i {
    color: #fff
}

#footer .widget ul li a:hover i {
    color: #f36f21
}

#footer-top {
    position: relative;
    background-color: transparent;
    margin-top: -100px;
    background-repeat: no-repeat;
    background-position: center top -1px;
    height: 60px
}

#footer-top div[class^="col-"] {
    height: 60px;
    overflow: hidden
}

#footer-top div[class^="col-"]:first-child,#footer-top div[class^="col-"]:last-child {
    background-color: #2c2c2c
}

#footer-top svg {
    position: absolute;
    top: -1px;
    left: -68px
}

#footer-top:before,#footer-top:after {
    content: '';
    position: absolute;
    width: 30%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #2c2c2c;
    z-index: 90
}

#footer-top:after {
    left: auto;
    right: 0
}

#footer-top .back-to-top {
    position: absolute;
    left: 50%;
    top: 0;
    font-size: 9px;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    color: #ccc;
    letter-spacing: 2px;
    margin-left: -40px
}

#footer-top .back-to-top:hover {
    color: #f36f21;
    cursor: pointer
}

#footer {
    background-color: #2c2c2c;
    font-size: 14px;
    line-height: 1.7em;
    font-family: 'Lato';
    color: #adadad;
    padding-top: 50px;
    padding-bottom: 3px;
    position: relative
}

#footer .container {
    background-image: url(images/footer-map.png);
    background-repeat: no-repeat;
    background-position: 50px top
}

#footer p {
    margin: 0
}

#footer a {
    color: #adadad;
    text-decoration: none
}

#footer a:hover {
    color: #f36f21
}

.sub-footer {
    background-color: #343434;
    color: #727272;
    text-align: center;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 21px
}

.sub-footer a {

    text-decoration: none
}

.sub-footer p {
    margin: 0
}

.back-to-top {
    position: absolute;
    top: 0;
    left: 50%;
    background-image: url(images/footer-curve.png) no-repeat center center
}

.site-logo {
    display: none
}

.has-slider .site-logo {
    display: block;
    position: absolute;
    top: 30px;
    z-index: 99
}

.has-slider .site-logo img {
    width: 300px;
    height: auto
}

.has-slider .mouse-icon {
    position: absolute;
    bottom: 60px;
    display: block;
    width: 100%;
    text-align: center;
    z-index: 399
}

.master-slider {
    max-height: 790px;
    color: #b2b2b2
}

.master-slider .slide-pattern,.master-slider .slide-overlay {
    position: absolute;
    background-color: rgba(51,51,51,0.3);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#brandup-banner{
    display: flex;
    flex-direction: row;
    background: rgb(65,28,114);
    background: linear-gradient(90deg, rgba(65,28,114,1) 0%, rgba(172,35,115,1) 100%);    justify-content: center;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#brandup-banner h1{
    text-transform: none;
    font-size: 50px;
    font-weight: 500;
}

#brandup-banner span{
    text-transform: none;
    font-size: 50px;
    font-weight: 400;
}


#image-banner img{
    width: 600px;
}

.master-slider .slide-overlay {
    background-color: rgba(105,178,27,0.7)
}

.master-slider .slide-title {
    font-size: 40px;
    line-height: 2em;
    color: #fff;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
        margin-top: -50px !important;
}

.master-slider .slide-title img {
    width: 500px;
}

.contact-us-section abbr,.contact-us-section abbr a {
    color: #000;
    text-align: center
}

.master-slider .slide-title strong {
    letter-spacing: 4px
}

.master-slider .elem-small {
    font-weight: 400;
    font-size: 14px;
    margin-top: 20px;
    max-width: 480px
}

.master-slider .slide-link {
    color: #b2b2b2;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 2px solid;
    border-color: #ac2373;
    padding-bottom: 3px;
        line-height: 137px !important;
}

.master-slider .slide-link:hover {
    color: #fff;
    border-color: #411c72
}

.master-slider .slide-link + .slide-link {
    margin-left: 20px
}

.master-slider .slide-link2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 20px;
    font-weight: 700
}

.master-slider .slide-link2 i {
    position: relative;
    font-size: 24px;
    top: 4px;
    margin-left: 7px
}

.master-slider .ms-nav-next,.master-slider .ms-nav-prev {
    background-image: none;
    background-color: rgba(0,0,0,0.35);
    height: 80px;
    width: 30px;
    right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.master-slider .ms-nav-next:after,.master-slider .ms-nav-prev:after {
    content: '\f3d3';
    font-family: "Ionicons";
    color: #fff;
    font-size: 24px;
    line-height: 80px;
    text-align: center;
    display: block
}

.master-slider .ms-nav-prev {
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    left: 0
}

.master-slider .ms-nav-prev:after {
    content: '\f3d2'
}

.master-slider .full-width {
    width: 100%
}

.master-slider .vertical-middle {
    top: 38%!important
}

.font-vollkorn {
    font-family: 'Vollkorn',serif;
    font-style: italic
}

@media screen and (max-width: 1199px) {
    header {
        overflow-y:hidden
    }

    header .curved-shape {
        background: #fff
    }

    #footer-top {
        background: #2c2c2c
    }

    .has-slider .mouse-icon,.back-to-top {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .column-vertical-separator div[class^="col-"] + div:before,.column-vertical-separator-1px div[class^="col-"] + div:before {
        display:none
    }

    .client-section-first {
        padding-top: 25px;
        padding-bottom: 0
    }

    .client-section-second {
        padding-top: 0
    }

    .service-box .service-icon {
        position: relative;
        padding-bottom: 10px
    }

    .service-box h3,.service-box p {
        text-align: left
    }

    .employee-section,.skill-set-section {
        height: auto!important
    }

    .skill-set-section {
        padding-top: 23px;
        padding-bottom: 23px
    }

    .tt-counter p {
        padding-bottom: 25px
    }

    .column2-separator-1px div[class^="col-"] + div:after,.column2-separator div[class^="col-"] + div:after,.column2-separator-1px div[class^="col-"] + div:after,.column2-separator-1px div[class^="col-"]:nth-child(2n - 1) + div:before,.column2-separator div[class^="col-"]:nth-child(2n - 1) + div:before,.column2-separator-1px div[class^="col-"]:nth-child(2n - 1) + div:before {
        display: none
    }

    .contact-us-section abbr,.contact-us-section abbr a {
        display: inline
    }

    .stay-connected ul li {
        display: inline-block;
        padding-right: 27px
    }

    .stay-connected ul li i {
        width: 5px;
        margin-right: 15px
    }
}

@media only screen and (max-width: 700px) {
    
    #image-banner img
    {
        width:400px;
    }
    
    #brandup-banner{
    padding:20px;
    flex-direction: column;
    }
    
    
    .clear-mobile {
        clear:both;
    }

    .logo img {
        width: 42%
    }

    .head-bar {
        padding: 13px 0 0;
        background: #111;
        top: 0;
        position: fixed;
        z-index: 9995;
        width: 100%;
        transition: none;
    }

    .menu-bar {
        margin-bottom: 0
    }

    .navbar-toggle {
        margin-top: 0;
        margin-right: 0
    }

    .navbar-toggle .icon-bar {
        background: #fff
    }

    .menu-bar ul li a {
        text-shadow: none;
        color: #fff;
        font-size: 12px
    }

    .member-author {
        text-align: left
    }

    .about-section .pv12 {
        padding-top: 10px
    }

    .service-box {
        padding: 0
    }

    .client-section-first {
        padding-top: 25px;
        padding-bottom: 0
    }

    .client-section-second {
        padding-top: 0
    }

    .slide-title {
        font-size: 15px;
        line-height: 23px;
    }

    .slider-cta a {
        font-size: 12px;
        margin: 0 4px;
        border-bottom: 2px solid;
        border-color: #f36f21;
        padding-bottom: 3px
    }

    .service-box .service-icon {
        position: relative;
        padding-bottom: 10px
    }

    .service-box h3,.service-box p {
        text-align: left
    }

    .cta-section h2 {
        text-align: center;
        line-height: 27px
    }

    .cta-section .btn {
        text-align: center;
        float: none;
        margin-top: 27px
    }

    .employee-section,.skill-set-section {
        height: auto!important
    }

    .skill-set-section {
        padding-top: 23px;
        padding-bottom: 23px
    }

    .price-table {
        background: transparent;
        padding-bottom: 0
    }

    .skill-set-section > div {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .tt-counter p {
        padding-bottom: 29px
    }

    .column2-separator-1px div[class^="col-"] + div:after,.column2-separator div[class^="col-"] + div:after,.column2-separator-1px div[class^="col-"] + div:after,.column2-separator-1px div[class^="col-"]:nth-child(2n - 1) + div:before,.column2-separator div[class^="col-"]:nth-child(2n - 1) + div:before,.column2-separator-1px div[class^="col-"]:nth-child(2n - 1) + div:before {
        display: none
    }

    .sbmt-btn {
        text-align: center
    }

    .client-remove-pad {
        padding: 0!important
    }

    
}
.padding-top-bottom {
    padding: 70px 0;
}
.online-marketing-needs .marketing-needs h2 {
    font-size: 36px;
}
.online-marketing-needs .marketing-needs h2 span {
    color: #f36f21;
}
.online-marketing-needs .marketing-needs ul {
    padding-top: 10px;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.online-marketing-needs .marketing-needs ul li {
    /* color: #222222; */
    /* font-weight: 500; */
    /* margin-bottom: 9px; */
    padding-bottom: 10px;
    /* border-bottom: 1px dotted #acacac; */
    line-height: 22px;
}
.online-marketing-needs .marketing-needs ul li::before {
    font-family: 'FontAwesome';
    content: "\f058";
    color: #f36f21;
    margin-right: 10px;
}
.about-seo-two {
    background: #263238 url(images/ppc-banner.jpg) left bottom no-repeat;
        background-size: cover !important;
    background-position: 0% 75% !Important;
}
.padding-top-bottom {
    padding: 60px 0;
    background: white;
}
.about-seo-two .content-part h2 {
    color: #ffffff;
}
.about-seo-two .content-part p {
    color: #96a4ac;
}

p {
    line-height: 23px;
    margin: 0px 0 10px 0;
}

.about-seo-two .content-part .default-button-btn {
    display: inline-block;
    font-size: 16px;
    margin-top: 30px;
}

.default-button-btn {
    border-radius: 3px;
    color: #ffffff;
    background: #f36f21;
    display: block;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.sections2 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.bg-primary2 {
    background-color: #13A0B2;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}


.leading-content .head-title h2 {
    /* color: #fff; */
}


.head-title h2 {
    font-weight: 400;
    font-size: 40px;
    margin-bottom: 20px;
}

.text-white {
    color: #fff;
}
.leading-content .head-title p {
    font-size: 18px;
    /* color: #fff; */
}

.head-title p {
    font-weight: 400;
    font-size: 16px;
}

.m-top-30 {
    margin-top: 30px;
}
.allies {
}

.sections {
    padding-top: 120px;
    padding-bottom: 120px;
}
.head-title h2 {
    font-weight: 400;
    font-size: 40px;
    margin-bottom: 20px;
}

.text-black {
    color: #0e3655;
}
.m-top-30 {
    margin-top: 30px;
}

.text-black {
    color: #0e3655;
}
.allies {
    padding: 60px 0px;
}
.btn2,button,input[type="submit"] {
    font-size: 11px;
    font-weight: 700;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 30px;
    padding: 15px 30px;
    text-shadow: none;
    background: transparent;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 3px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    color: white;
}

.btn2:hover, button:hover, input[type="submit"]:hover, .btn2.active, button.active, input[type="submit"].active {
    background-color: #f36f21;
    color: #fff;
}

.btn3, button, input[type="submit"] {
    font-size: 11px;
    font-weight: 700;
    border: 1px solid rgb(124, 124, 124);
    border-radius: 30px;
    padding: 15px 30px;
    text-shadow: none;
    background: transparent;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 3px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    color: #535353;
}
.btn3:hover, button:hover, input[type="submit"]:hover, .btn3.active, button.active, input[type="submit"].active {
    background-color: #f36f21;
    color: #fff;
}
.h1, .h2, .h3, h1, h2, h3 {
    color: #411C72;
    margin-top: 30px !important;
    font-weight: 600    ;
    margin-bottom: 10px;
}

.contact-area {
    padding-bottom: 80px;
    padding-top: 74px;
}
.send-message-form1 h3 {
    margin: 0px 0 25px;
    text-transform: none;
}
.send-message-form1 form input[type="text"], .send-message-form form textarea {
    border: 1px solid #eaeaea;
    color: #9e9e9e;
    display: block;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    height: 40px;
    margin-bottom: 15px;
    padding: 0 15px;
    /* text-transform: capitalize; */
    transition: all 500ms ease 0s;
    width: 100%;
    border-radius: 0px;
}
.send-message-form1 form textarea {
    height: 100px;
    padding: 15px 15px;
    font-size: 15px !important;
    border: 1px solid #c4c4c4;
    border-radius: 0px;
}
.contacticon{
    
    font-size: 18px;
    margin-right: 10px;
    
}

.t01 {
    font-size: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.h3, h3 {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 32px;
}

.btn4, button, input[type="submit"] {
    font-size: 14px;
    font-weight: 500;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 0px;
    padding: 12px 30px;
    text-shadow: none;
    background: transparent;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 3px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    color: #535353;
}
.btn4:hover, button:hover, input[type="submit"]:hover, .btn3.active, button.active, input[type="submit"].active {
    background-color: #f36f21;
    color: #fff;
}





.contact-info {
    margin-bottom: 0px;
}
.contact-info li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    line-height: 24px;
}
.contact-info li .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 24px;
    font-size: 14px;
}

.fa-caret-right:before {
    content: "\f0da";
    margin-right: 5px;
}
.h4, h4 {
    font-size: 17px !important;
    font-weight: 600 !important;
}


.line4{
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    border-left: 2px solid #f36f21;
    padding-left: 8px;
    line-height: 100%;
    margin: 0px 0 10px 0;
    /* color: #f36f21; */
    }
    
.mb{
    margin-bottom: 15px !important;
}   

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #1c1c1c !important;
}


.color1{
    color: #3598db !important;
}

.color2{
    
color: #413839 !important;
        
}

.color3{
    
color: #413839 !important;
        
}




@media (max-width: 500px) {


.subscribe-form input {
    width: 100%!important;
    border-radius: 4px!important;
    border: 0;
/*     color: #fff; */
    box-shadow: none;
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    padding: 13px 15px;
    height: 40px;
}

.subscribe-form input.submit {
    background-color: #ffffff;
    font-size: 13px;
    padding: 0px 18px;
    width: 40%!important;
}
}



.pi-testimonial {
    margin-bottom: 0px;
}
.pi-testimonial-content {
    position: relative;
    padding: 25px 40px 5px;
    margin-bottom: 20px;
    font-style: italic;
    font-size: 16px;
    line-height: 1.4em;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.pi-testimonial-content:after {
    content: '';
    display: block;
    width: 23px;
    height: 16px;
    position: absolute;
    left: 20px;
    bottom: -16px
}
.pi-testimonial-author-with-photo .pi-testimonial-content:after {
    left: 64px
}
.pi-testimonial-content.pi-testimonial-content-big {
    font-size: 18px
}
.pi-testimonial-content.pi-testimonial-content-bigger {
    font-size: 22px;
    line-height: 1.4em;
    font-weight: 300
}
.pi-testimonial-content.pi-testimonial-content-quotes {
    padding-left: 46px
}
.pi-testimonial-content.pi-testimonial-content-quotes:before {
    display: block;
    font-family: fontello;
    content: "\e882";
    font-size: 18px;
    position: absolute;
    top: 24px;
    font-style: normal;
    left: 18px
}
.pi-testimonial-author-with-icon .pi-testimonial-author div {
    margin-left: 30px
}
.pi-testimonial-author-with-photo .pi-testimonial-author div {
    padding: 7px 0 0 30px;
}
.pi-testimonial-author .pi-testimonial-author-photo {
    height: 70px;
    float: left;
    margin-right: 20px
}
.pi-testimonial-author .pi-testimonial-author-photo img {
    max-height: 70px
}
.pi-testimonial-author .pi-icon-man, .pi-testimonial-author .pi-icon-woman {
    width: 15px;
    height: 18px;
    float: left;
    margin-top: 2px
}
.pi-testimonial-author:after, .pi-testimonial-author:before {
    content: " ";
    display: table
}
.pi-testimonial-author:after {
    clear: both
}
.pi-testimonials-big {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.4em;
    font-style: italic;
    margin-bottom: 15px
}
.pi-testimonials-name {
    letter-spacing: 1px;
    margin-bottom: 0;
    font-style: italic
}
.pi-quote-left {
    margin-right: 10px
}
.pi-quote-right {
    margin-left: 13px
}
.pi-section-base .pi-testimonial-content, .pi-section-dark .pi-testimonial-content, .pi-section-grey .pi-testimonial-content, .pi-section-parallax .pi-testimonial-content, .pi-section-white .pi-testimonial-content {
    background: rgb(255, 255, 255);
    color: #373c41;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.03);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.03);
    box-shadow: 0 1px 2px rgba(0,0,0,.03);
    border-color: #cccccc;
    min-height: 105px;
}
.pi-section-base .pi-testimonial-content:after, .pi-section-dark .pi-testimonial-content:after, .pi-section-grey .pi-testimonial-content:after, .pi-section-parallax .pi-testimonial-content:after, .pi-section-white .pi-testimonial-content:after {
    background: url(images/triangle-testimonials.png) no-repeat 50% 0
}
.pi-section-base .pi-testimonial-content.pi-testimonial-content-quotes:before, .pi-section-dark .pi-testimonial-content.pi-testimonial-content-quotes:before, .pi-section-grey .pi-testimonial-content.pi-testimonial-content-quotes:before, .pi-section-parallax .pi-testimonial-content.pi-testimonial-content-quotes:before, .pi-section-white .pi-testimonial-content.pi-testimonial-content-quotes:before {
    color: #d6dfdf
}
.pi-section-base .pi-testimonial-content.pi-testimonial-white, .pi-section-dark .pi-testimonial-content.pi-testimonial-white, .pi-section-grey .pi-testimonial-content.pi-testimonial-white, .pi-section-parallax .pi-testimonial-content.pi-testimonial-white, .pi-section-white .pi-testimonial-content.pi-testimonial-white {
    background: #fff;
    color: #373c41;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    border-color: #fff
}
.pi-section-base .pi-testimonial-content.pi-testimonial-white:after, .pi-section-dark .pi-testimonial-content.pi-testimonial-white:after, .pi-section-grey .pi-testimonial-content.pi-testimonial-white:after, .pi-section-parallax .pi-testimonial-content.pi-testimonial-white:after, .pi-section-white .pi-testimonial-content.pi-testimonial-white:after {
    background: url(images/triangle-testimonials-white.png) no-repeat 50% 0
}
.pi-section-base .pi-testimonial-content.pi-testimonial-white.pi-testimonial-content-quotes:before, .pi-section-dark .pi-testimonial-content.pi-testimonial-white.pi-testimonial-content-quotes:before, .pi-section-grey .pi-testimonial-content.pi-testimonial-white.pi-testimonial-content-quotes:before, .pi-section-parallax .pi-testimonial-content.pi-testimonial-white.pi-testimonial-content-quotes:before, .pi-section-white .pi-testimonial-content.pi-testimonial-white.pi-testimonial-content-quotes:before {
    color: #d6dfdf
}
.pi-section-base .pi-testimonial-content.pi-testimonial-base, .pi-section-dark .pi-testimonial-content.pi-testimonial-base, .pi-section-grey .pi-testimonial-content.pi-testimonial-base, .pi-section-parallax .pi-testimonial-content.pi-testimonial-base, .pi-section-white .pi-testimonial-content.pi-testimonial-base {
    background: #0dc0c0;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #0dc0c0
}
.pi-section-base .pi-testimonial-content.pi-testimonial-base:after, .pi-section-dark .pi-testimonial-content.pi-testimonial-base:after, .pi-section-grey .pi-testimonial-content.pi-testimonial-base:after, .pi-section-parallax .pi-testimonial-content.pi-testimonial-base:after, .pi-section-white .pi-testimonial-content.pi-testimonial-base:after {
    background: url(../img/triangle-testimonials-base.png) no-repeat 50% 0
}
.pi-section-base .pi-testimonial-content.pi-testimonial-base.pi-testimonial-content-quotes:before, .pi-section-dark .pi-testimonial-content.pi-testimonial-base.pi-testimonial-content-quotes:before, .pi-section-grey .pi-testimonial-content.pi-testimonial-base.pi-testimonial-content-quotes:before, .pi-section-parallax .pi-testimonial-content.pi-testimonial-base.pi-testimonial-content-quotes:before, .pi-section-white .pi-testimonial-content.pi-testimonial-base.pi-testimonial-content-quotes:before {
    color: #8be2e2
}
.pi-section-base .pi-testimonial-content.pi-testimonial-dark, .pi-section-dark .pi-testimonial-content.pi-testimonial-dark, .pi-section-grey .pi-testimonial-content.pi-testimonial-dark, .pi-section-parallax .pi-testimonial-content.pi-testimonial-dark, .pi-section-white .pi-testimonial-content.pi-testimonial-dark {
    background: #2b3038;
    color: #b7c0c5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #2b3038
}
.pi-section-base .pi-testimonial-content.pi-testimonial-dark:after, .pi-section-dark .pi-testimonial-content.pi-testimonial-dark:after, .pi-section-grey .pi-testimonial-content.pi-testimonial-dark:after, .pi-section-parallax .pi-testimonial-content.pi-testimonial-dark:after, .pi-section-white .pi-testimonial-content.pi-testimonial-dark:after {
    background: url(../img/triangle-testimonials-dark.png) no-repeat 50% 0
}
.pi-section-base .pi-testimonial-content.pi-testimonial-dark.pi-testimonial-content-quotes:before, .pi-section-dark .pi-testimonial-content.pi-testimonial-dark.pi-testimonial-content-quotes:before, .pi-section-grey .pi-testimonial-content.pi-testimonial-dark.pi-testimonial-content-quotes:before, .pi-section-parallax .pi-testimonial-content.pi-testimonial-dark.pi-testimonial-content-quotes:before, .pi-section-white .pi-testimonial-content.pi-testimonial-dark.pi-testimonial-content-quotes:before {
    color: #4e565e
}
.pi-section-base .pi-testimonial-author .pi-icon-man, .pi-section-dark .pi-testimonial-author .pi-icon-man, .pi-section-grey .pi-testimonial-author .pi-icon-man, .pi-section-parallax .pi-testimonial-author .pi-icon-man, .pi-section-white .pi-testimonial-author .pi-icon-man {
    background: url(../img/icon-man.png) no-repeat
}
.pi-section-base .pi-testimonial-author .pi-icon-woman, .pi-section-dark .pi-testimonial-author .pi-icon-woman, .pi-section-grey .pi-testimonial-author .pi-icon-woman, .pi-section-parallax .pi-testimonial-author .pi-icon-woman, .pi-section-white .pi-testimonial-author .pi-icon-woman {
    background: url(../img/icon-woman.png) no-repeat
}



.fa-quote-left:before {
    content: "\f10d";
    margin-left: -25px;
    color: #cecece;
}

.fa-quote-right:before {
    content: "\f10e";
    margin-left: 10px;
    color: #cecece;
}

.c1{ color: #f36f21 !important;}
.c2{ color: #f36f21 !important;}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f36f21;
    border-radius: 4px;
    margin-top: 20px !important;
}

.breadcrumb a{
    color: #ffffff !important;
}
.breadcrumb a:hover{
    color: #ffffff !important;
    text-decoration: underline;
}





.mt{
    
margin-top: 170px;
}

.c-content-overlay {
    overflow: hidden;
    position: relative;
}

.c-content-overlay .c-overlay-wrapper {
    opacity: 0;
    filter: alphaopacity=0;
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transition: all 0.2s;
    background: rgba(0, 0, 0, 0.4);
}

.c-content-overlay .c-overlay-wrapper:before {
    display: inline-block;
    content: '';
    vertical-align: middle;
    height: 100%;
}

.c-content-overlay .c-overlay-wrapper .c-overlay-content {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    height: auto;
    width: 95%;
}

.c-content-overlay .c-overlay-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.c-content-overlay .c-overlay-object {
    position: relative;
    z-index: 1;
    background: white;
    padding: 10px 20px;
    border-bottom: 1px solid #efefef;
}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.c-content-person-1.c-option-2 .c-body {
    padding: 30px;
    background: #fff;
}

.c-content-person-1 .c-body {
    padding: 20px 0;
}
.c-content-person-1 .c-body .c-head .c-name {
    display: inline-block;
    float: left;
    font-size: 20px;
    font-weight: 400;
    color: #3f444a;
}

.c-font-uppercase {
    text-transform: initial;
    font-size: 17px;
    color: #5d5d5d;
}

.c-font-bold {
    font-weight: 600 !important;
}
.c-content-person-1 .c-body .c-position {
    display: block;
    clear: both;
    margin-top: 0px;
    display: inline-block;
    float: left;
    font-size: 15px;
    font-weight: 400;
    /* text-transform: uppercase; */
    color: #7a838e;
}



.c-content-person-1.c-option-2 .c-body p {
    padding-bottom: 0;
}

.c-content-person-1 .c-body p {
    display: block;
    clear: both;
    padding: 10px 0 0 0;
    color: #5c6873;
}

.c-content-person-1.c-option-2 .c-body {
    padding: 10px 18px;
    background: #fff;
    /* margin-bottom: 25px; */
}

.c-content-person-1 .c-body {
    padding: 20px 0;
}

.c-body a{
    color: #f36f21;
    text-decoration: underline;
}
.c-body a:hover{
    color: #f36f21;
    text-decoration: none;
}




.box22 {border: 1px solid #f8f8f8;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);-webkit-transition: all 0.3s;transition: all 0.3s;margin-bottom: 25px;}

.box22:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);


}


.c-layout-go2top:hover {
    opacity: 0.8;
    filter: alphaopacity=80;
}

.c-layout-go2top {
    display: inline-block;
    position: fixed;
    bottom: 20px;
    right: 10px;
    cursor: pointer;
}

.c-layout-go2top > i {
    opacity: 0.5;
    filter: alphaopacity=50;
    color: #89939e;
    font-size: 38px;
    font-weight: 300;
}

.h2, h2 {
    font-size: 27px !important;
}


.t10{
    font-weight: 500;
    font-size: 23px;
    /* text-transform: uppercase; */
    /* border-left: 2px solid #f36f21; */
    padding-bottom: 3px;
    line-height: 26px;
    margin: 0px 0 10px 0;
    color: #03A9F4;
}
.t11{
    font-weight: 500;
    font-size: 18px;
    /* text-transform: uppercase; */
    /* border-left: 2px solid #f36f21; */
    padding-bottom: 0px;
    line-height: 21px;
    margin: 20px 0 6px 0;
    color: #272727;
}


.list-style-two li {
    position: relative;
    padding-left: 25px;
    /* color: #1b57b0; */
    /* font-size: 18px; */
    /* font-weight: 300; */
    /* margin-bottom: 12px; */
}

.list-style-two li:before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: '\f058';
    color: #1b57b0;
    font-size: 18px;
    font-family: 'FontAwesome';
}

.p10{
    margin-bottom: 10px;
}
.p10 p{
    margin-left: 30px;
    /* margin-bottom: 20px; */
    margin-bottom: 3px;
    }

.p15{font-size: 22px;
    margin-bottom: 25px;}

    
    
.p25    {
    text-transform: initial;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 15px !important;
}
    
    
    
    
@media (min-width: 992px)   {
.col-md-3 {
    width: 24.96% !important;
}
}



.add1{    font-size: 16px;
    color: white;}

.m30{margin-top: 30px !important;}


.p50{
    text-transform: capitalize;
    margin-top: 25px;
    margin-bottom: 25px;
	    text-transform: uppercase;
		font-weight: 500 !important;
    }

    .price-table .price-2 {
    padding-top: 30px;
    font-size: 21px;
    font-weight: 100;
}

.home .price{padding-top: 0;}

.home .price .sub-down{color: white;}
.client-remove-pad .brandlogo{

}

/* Portfolio Section
--------------------------------*/

#portfolio {
  padding: 0 0 0;
}

#portfolio #portfolio-flters {
  padding: 0;
  margin: 5px 0 35px 0;
  list-style: none;
  text-align: center;
}

#portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 15px 15px 15px 0;
  display: inline-block;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
  border-radius: 4px;
  text-transform: uppercase;
  background: #fff;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

#portfolio #portfolio-flters li:hover,
#portfolio #portfolio-flters li.filter-active {
  background: #18d26e;
  color: #fff;
}

#portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

#portfolio .portfolio-wrap {
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

#portfolio .portfolio-wrap:hover {
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
}

#portfolio .portfolio-item {
  position: static!important;
  height: 214px;
  overflow: hidden;
  padding: 0 10px;
}

#portfolio .portfolio-item figure {
  background: #000;
  overflow: hidden;
  height: 201px;
  position: relative;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

#portfolio .portfolio-item figure:hover img {
  opacity: 0.4;
  transition: 0.3s;
}

#portfolio .portfolio-item figure .link-preview,
#portfolio .portfolio-item figure .link-details {
  position: absolute;
  display: inline-block;
  opacity: 0;
  line-height: 1;
  text-align: center;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  transition: 0.2s linear;
}

#portfolio .portfolio-item figure .link-preview i,
#portfolio .portfolio-item figure .link-details i {
  padding-top: 8px;
  font-size: 18px;
  color: #333;
}

#portfolio .portfolio-item figure .link-preview:hover,
#portfolio .portfolio-item figure .link-details:hover {
  background: #f36f21;
}

#portfolio .portfolio-item figure .link-preview:hover i,
#portfolio .portfolio-item figure .link-details:hover i {
  color: #fff;
}

#portfolio .portfolio-item figure .link-preview {
  left: calc(50% - 38px);
  top: calc(50% - 18px);
}

#portfolio .portfolio-item figure .link-details {
  right: calc(50% - 38px);
  top: calc(50% - 18px);
}

#portfolio .portfolio-item figure:hover .link-preview {
  opacity: 1;
  left: 0;
  right: 0;
  margin: auto;
}

#portfolio .portfolio-item figure:hover .link-details {
  opacity: 1;
  right: calc(50% - 44px);
}

#portfolio .portfolio-item .portfolio-info {
  background: #fff;
  text-align: center;
  padding: 30px;
  height: 90px;
  border-radius: 0 0 3px 3px;
}

#portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  line-height: 1px;
  font-weight: 700;
  margin-bottom: 18px;
  padding-bottom: 0;
}

#portfolio .portfolio-item .portfolio-info h4 a {
  color: #333;
}

#portfolio .portfolio-item .portfolio-info h4 a:hover {
  color: #18d26e;
}

#portfolio .portfolio-item .portfolio-info p {
  padding: 0;
  margin: 0;
  color: #b8b8b8;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}



.master-slider .slide-titl-2 {
    font-size: 30px !important;
    line-height: 42px !important;
    color: #fff;
    font-weight: 100;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 0px !important;
}

#whatsapp_button{
    display: inline-block; 
    position:relative; 
    bottom: 20px;
    right: 550px;
    padding:16px; 
    border-radius: 8px; 
    background-color: #25D366; 
    color: #fff; 
    text-decoration: none; 
    font-family: sans-serif; 
    font-size: 16px;
}

.whatsapp_btn1 img{
    bottom: 50% !important;
}


/* new  */

.card-product-box img {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ 
    }

    img:hover {
        
    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.01);
      -webkit-transition: all .4s ease-in-out;  
    }
/* whatsapp button  */
.float{
        position:fixed;
        width:60px;
        height:60px;
        bottom:10px;
        right:5px;
        background-color:#25d366;
        color:#FFF;
        border-radius:50px;
        text-align:center;
      font-size:30px;
      z-index:100;
    }
    
    .my-float{
        margin-top:16px;
    }


    .text-review{
        width: 1170px;
        height: 576px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
    }
    .text-review h4{
        padding-left: 55px;
        width: 700px;
    }
    .text-review img{
        width: 200px;
        height: 200px;
    }

/* about us  */
#about-us-colum{
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column;
}

/* blog  */
#blogs-text{
    text-align: center;
}