/*------------------------------------------------------------------
[Master Stylesheet]
Theme Name:  Stack Seo
Version:     1.0.0
Author:      Sk Rubel
URL:            
-------------------------------------------------------------------*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
** theme reset style
** Global Elements
** header
** footer
** bottombar
** hero style
** about us
** about service
** what makes different
** pricing table
** latest-blog
** brand logo area
** subscribe area
** Page info
** about us two
** amazing team
** st-counter
** working process
** why choose us
** whychoose-us-service
** wy-support-service
** more seo service
** contact us
** product based service
** seo-analysis
** blog standared
** sidebar area style
** blog list area
** blog col three
** blog details area
** shopping product carousel
** shopping cart table area
** shopping-cart-content-area
** checkout-area
** masonary portfolio area
** full width portfolio area
** four col portfolio area
** single masonary portfolio
** case study area
** case-service-area
** case-solution-area
** case-graph-area
** cs-related-post-area
** error page
** contact page area

*/


/*import css*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Raleway:400,500,700|Roboto:400,500,700|Rubik:300,400,500,700');





/*--------------------------------------------------------------
** theme reset style
--------------------------------------------------------------*/

html {
    font-size: 16px;
}

body {
    font-family: 'Rubik', sans-serif;
    background-color: #fff;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

p {
    color: #5a6871;
    line-height: 14px;
    font-family: 'Lato', sans-serif;
}

h1,
h2,
h4,
h5,
h6 {
    font-family: 'Rubik', sans-serif;
    color: #123a54;
    font-weight: 600;
}

h1 {
    font-size: 44px;
    font-weight: 400;
}

h2 {
    font-size: 36px;
    font-weight: 500;
}

h3 {
    font-size: 30px;
	font-family: sans-serif;
    color: #000;
    font-weight: 600;
}

h4 {
    font-size: 26px;
    font-weight: 500;
}

h5 {
    font-size: 24px;
    font-weight: 400;
}

h6 {
    font-size: 16px;
    font-weight: 400;
}

ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

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

.clear {
    clear: both
}

.no-mar {
    margin: 0 !important;
}

.no-pad {
    padding: 0 !important;
}

.nopad-left {
    padding-left: 0 !important;
}

.nopad-right {
    padding-right: 0 !important;
}


/*preloader css start*/

#preloader {
    position: fixed;
    min-height: 100vh;
    min-width: 100%;
    background: white;
    left: 0;
    top: 0;
    z-index: 9999;
}

.sk-chasing-dots {
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
    animation: sk-chasingDotsRotate 2s infinite linear;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
}

.sk-chasing-dots .sk-child {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
    animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}

.sk-chasing-dots .sk-dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes sk-chasingDotsBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-chasingDotsBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/*preloader css end*/


/*----------------------------------------------------------------
# home default
----------------------------------------------------------------*/

.page-wrapper {
    overflow: hidden;
}

.section-title {
    color: #fff;
    font-size: 44px;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 54px;
    margin-bottom: 15px;
}

.section-text {
    font-size: 22px;
    color: #fff;
    line-height: 30px;
}




/**/

.section-header {}

.section-txt {
    font-size: 16px;
    font-weight: 400;
    line-height: 24.01px;
}

.section-txt::before {
    background: #00bff3 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 119px;
    width: 47px;
}

.section-article {
    font-size: 16px;
    line-height: 28px;
}




/*--------------------------------------------------------------
** Global Elements
--------------------------------------------------------------*/

.fi:before {
    margin: 0;
}

.section-padding {
    padding: 110px 0 120px;
}

.fancybox-overlay {
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999 !important;
}

.fancybox-wrap {
    z-index: 99999 !important;
}

.back-to-top {
    background-color: #00bff3;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: none;
    position: fixed;
    z-index: 999;
    right: 15px;
    bottom: 15px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.back-to-top:hover {
    background-color: #00bff3;
}

.back-to-top i {
    font-size: 18px;
    color: #fff;
    font-size: 1.125rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}




/*--------------------------------------------------------------
** header
--------------------------------------------------------------*/

.header-bottom.navbar-fixed-top {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

header {
    background: white;
	border-top: 2px solid #F79323;
}




/*header top*/

.header-top {
    border-bottom: 1px solid #5c5c5c;
}

.wlcm-title {
    padding: 11px 0 0;
}

.wlcm-title p {
    font-size: 14px;
    color: #5c5c5c;
    line-height: 20px;
    letter-spacing: 0.02em;
}

/*.header-social {
    overflow: hidden;
}

.header-social ul {
    overflow: hidden;
    float: right;
}

.header-social li {
    float: left;
    line-height: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #5c5c5c;
    border-left: 1px solid #5c5c5c;
    text-align: center;
}

.header-social li.email,
.header-social li.phone {
    padding: 14px 20px;
}

.header-social li.email i,
.header-social li.phone i {
    font-size: 15px;
    margin-right: 11px;
    transition: all 0.3s ease 0s;
}

.header-social li.phone {
    background: #323232;
    color: white;
}

.header-social li a {
    font-size: 15px;
    color: #5c5c5c;
    padding: 5px 12px;
    display: block;
}
*/
.header-social li a:hover,
.header-social li.phone:hover i,
.header-social li.email:hover i,
.footer-menu nav ul li a:hover,
ul.q-link li a:hover {
    color: #00bff3;
}




/*header bottom*/

.header-bottom {
    min-height: 70px;
	padding-top: 15px;
}




/*intillegent menu*/

.headroom--pinned {
    transform: translateY(0);
}

.headroom--unpinned {
    transform: translateY(-100%);
}




/*header {
  position: fixed;
  z-index: 10;
  right: 0;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0s;
}*/

.hide {
    display: none;
}

.menu-area {}

.logo {
    padding-top: 5px;
}

.logo img {
    display: block;
    float: left;
}

.logo a {
    font-size: 37px;
    font-weight: 700;
    color: #5c5c5c;
    display: inline-block;
    /*margin: -5px 0 0px 15px;*/
    font-family: 'Lato', sans-serif;
}

.logo a span.logo-r {
    display: inline-block;
    color: #00bff3;
}

.main-menu {
    float: right;
	margin-top: 10px;
}

.main-menu nav ul {}

.main-menu nav ul li {
    display: inline-block;
    position: relative;
    padding: 0 12px;
}

.main-menu nav>ul>li>a {
    font-size: 14px;
    font-weight: 400;
    text-transform: initial;
    color: #00ADEF;
    display: block;
    padding: 5px 0px;
    border-bottom: 2px solid #F6901D;
    margin-top: 15px;
}

.main-menu nav ul li>a:hover {
    color: #F79323;
}




/*dropdown menu*/

.main-menu nav ul li ul.sub-menu {
    position: absolute;
    left: 0;
    top: 74px;
    z-index: 9;
    background: white;
    min-width: 260px;
    opacity: 0;
    visibility: hidden;
    border-bottom: 1px solid #00bff3;
    box-shadow: 2px 3px 8px 0px rgba( 0, 0, 0, 0.2);
    transform: translateY(20px);
    transition: all 0.3s ease 0s;
}

.main-menu nav ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.main-menu nav ul li ul.sub-menu li {
    display: block;
}

.main-menu nav ul li ul.sub-menu li a {
    font-size: 14px;
    color: #5f5f5f;
    font-weight: 400;
    line-height: 17px;
    padding: 15px 0px 15px 27px;
    display: block;
    border-left: 1px solid transparent;
    border-bottom: 1px solid #eeeeee;
}

.main-menu nav ul li ul.sub-menu li a:hover,
.main-menu nav ul li ul.sub-menu li.active a {
    color: #00bff3;
    border-left: 1px solid #00bff3;
}

.top-search {
    float: right;
}

.main-menu nav ul li button.search-btn,
.main-menu nav ul li button.cart {
    color: #5c5c5c;
    margin-top: 25px;
    display: inline-block;
    line-height: 19px;
    font-size: 19px;
    background: none;
    border: none;
    outline: none;
}

.main-menu nav ul li button.search-btn i,
.main-menu nav ul li button.cart i {}

.main-menu nav ul li button.search-btn {
    margin-left: 50px;
    margin-right: 25px;
}

.main-menu nav ul li button.cart {
    position: relative;
}

.main-menu nav ul li.cart-area {
    position: relative;
}

.main-menu nav ul li button.cart span.count {
    position: absolute;
    left: 18px;
    top: -3px;
    height: 17px;
    width: 17px;
    background: #00aaff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    color: white;
    font-weight: 600;
    line-height: 15px;
}


/*mean menu*/

.mean-container .mean-nav ul li input[type="text"] {
    width: 67%;
    height: 37px;
    border: none;
    background: #f8f8f8;
}

.mean-container .mean-nav ul li.mean-last {
    /*padding: 0px 5%;*/
    box-sizing: border-box;
}

.mean-container .mean-nav ul li input[type="submit"] {
    width: 26%;
    margin: 0;
    padding: 0;
    border: none;
    height: 37px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    float: right;
}

.mean-container .mean-nav ul li input[type="submit"]:hover {
    color: #23527c;
}




/*popup search form*/

.search-form {
    margin-right: 110px;
    margin-top: 28px;
    margin-bottom: 36px;
    width: 68%;
    float: right;
}

.search-form .input {
    position: relative;
}

.search-form .input input[type="text"] {
    width: 100%;
    height: 35px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #d1d1d1;
    font-size: 14px;
    color: #808080;
    font-weight: 400;
    font-style: italic;
    padding-left: 32px;
    outline: none;
}

.search-form .input i.search-icon {
    position: absolute;
    left: 2px;
    top: 8px;
    font-size: 21px;
    color: #b0aeae;
}

.search-form .input i.clox {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 10px;
}




/*mini-cart css*/

.mini-cart-area {
    position: absolute;
    width: 322px;
    right: 0;
    top: 97px;
    background: white;
    z-index: 98;
    box-shadow: 2px 3px 8px 0px rgba( 0, 0, 0, 0.2);
    padding: 0px 30px 30px;
    max-height: calc( 100vh - 112px);
    padding-bottom: 166px;
}

.mini-cart {
    overflow-y: auto;
    max-height: calc(100vh - 278px);
    padding-top: 15px;
}

.mini-cart-area p.notc {
    color: #727272;
    letter-spacing: 0.04em;
    line-height: 22px;
}

.mini-cart-area p.notc span.active {
    color: #00bff3;
}

.cart-item-area {}

.cart-item {
    position: relative;
    margin-top: 28px;
    overflow: hidden;
}

.cart-item p.qty {
    font-size: 12px;
    color: #363738;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 15px;
}

.cart-item a.remove-item {
    position: absolute;
    right: 20px;
    top: 30px;
    font-size: 14px;
    color: #a0a3a7;
}

.cart-item a.remove-item:hover {
    color: #363738;
}

.cart-item img {
    margin-top: 6px;
}

.cart-item a.product-name {
    font-size: 14px;
    letter-spacing: 0.05em;
    display: block;
    color: #222222;
}

.cart-item a.product-name:hover {
    color: #00bff3;
}

.cart-item p.pro-price {
    color: #363738;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin: 10px 0px;
}

.minicart-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 30px 15px;
    background: white;
}

.price-total {
    overflow: hidden;
    margin: 26px 0px;
}

.price-total span.label-pt {
    font-size: 14px;
    color: #222222;
    font-weight: 400;
}

.price-pt>span {
    font-size: 18px;
    font-weight: 700;
    color: #363738;
}

.btm-btn-area {}

.btm-btn-area a {
    display: inline-block;
    height: 45px;
    width: 120px;
    background: #f6f6f6;
    text-align: center;
    line-height: 46px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #262b30;
}

.btm-btn-area a:hover {
    background: #00bff3;
    color: #ffffff;
}

.btm-btn-area a.active {
    background: #00bff3;
    color: #ffffff;
    float: right;
}




/*--------------------------------------------------------------
** footer
--------------------------------------------------------------*/

.site-footer {
    background-color: #181818;
    padding: 10px 0 10px;
    background: #181818 url(../img/bg/footer-bg.jpg) no-repeat scroll center center / cover;
}

.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
    color: #fff;
}

.site-footer p,
.site-footer li,
.site-footer a,
.site-footer p,
.site-footer ul li a {
    color: #9b9b9b;
}

.widget-title {
    font-size: 18px;
    font-weight: 400;
    margin: 16px 0 1.5em;
    text-transform: capitalize;
}

.about-widget p,
.quicklinks-widget li {
    font-size: 14px;
    line-height: 26px;
}

.quicklinks-widget ul >li {
    margin-bottom: 14px;
}

.quicklinks-widget ul>li:last-child {
    margin-bottom: 0;
}

.quicklinks-widget ul li a:hover {
    color: #00bff3;
}

.social-links a {
    font-size: 22px;
    font-size: 1.375rem;
    color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.about-widget .social-links li {
    display: inline-block;
}

.about-widget .social-links li a {
    background: none repeat scroll 0 0 #2b2b2b;
    border-radius: 50%;
    color: #9b9b9b;
    display: block;
    font-size: 15px;
    height: 47px;
    line-height: 47px;
    padding-left: 18px;
    position: relative;
    width: 47px;
}

.site-footer .wrp-content a {
    color: #9b9b9b;
}

.social-links a:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.social-links li {
    margin-right: 15px;
}

.social-links li:last-child {
    margin-right: 0;
}

.about-widget .company-info {
    margin-bottom: 20px;
}

.about-widget .footer-logo {
    margin-bottom: 28px;
}

.ft-contact-info {}

.ft-contact-info h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.04em;
}

.ft-contact-info p {
    font-size: 14px;
    line-height: 26px;
}

.quicklinks-widget {
    overflow: hidden;
}

.quicklinks-left {
    float: left;
}

.quicklinks-right {
    float: left;
    width: 47%;
}




/*footer gallery*/

.thumbs-outer {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
}

.image-thumb {
    position: relative;
    float: left;
    width: 45%;
    padding: 0;
    margin-right: 7px;
    margin-bottom: 7px;
}

.image-thumb img {
    position: relative;
    display: block;
    width: 100%;
    background: #ec1c33;
}

.image-thumb .lightbox-image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(1, 149, 223, 0.8);
    opacity: 0;
}

.image-thumb:hover .lightbox-image {
    opacity: 1;
}

.image-thumb .lightbox-image .icon {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 50%;
    width: 40px;
    margin-top: -20px;
    line-height: 40px;
    text-align: center;
    color: #000000;
    font-size: 22px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.image-thumb:hover .lightbox-image {
    opacity: 1;
}

.image-thumb .lightbox-image:hover i {
    animation-name: zoomIn;
    -webkit-animation-name: zoomin;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes zoomin {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}




/*--------------------------------------------------------------
** bottombar
--------------------------------------------------------------*/

.bottom-bar {
    background: #2d2d2d repeat none scroll 0 0;
    padding: 15px 0 6px;
}
.bottom-bar a {
    color: #fff;
}

.copyright {}

.copyright p {
    color: #fff;
	}

.copyright p a {
    color: #b3b3b3;
}

.copyright-menu {
    float: right;
}

.copyright-menu li {
    display: inline-block;
    padding-left: 21px;
}

.copyright-menu li a {
    color: #b3b3b3;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.copyright-menu li a:hover {
    color: #00bff3;
}





/*--------------------------------------------------------------
** hero style
--------------------------------------------------------------*/

.cd-hero {}

ul.cd-hero-slider {
    min-height: 510px;
    max-height: 510px;
}

.first-slider {
    text-align: right;
}

.first-slider h2 {
    font-size: 65px;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 15px;
    color: #F79323;
}

.first-slider p,
.first-slider a.cd-btn {
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 51px;
    color: white;
}

.cd-hero-slider li a.cd-btn {
    display: inline-block;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 37px;
    padding: 5px 10px 5px 10px;
    background: #00bff3;
    opacity: 0;
}

.cd-hero-slider li {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.cd-hero-slider li:first-of-type {
    background-color: #2c343b;
    background-image: url("../img/slider/slider1.jpg");
}

.cd-hero-slider li:nth-of-type(1) {
    background-color: #3d4952;
    background-image: url("../img/slider/slider1.jpg");
}

.cd-hero-slider li:nth-of-type(2) {
    background-color: #586775;
    background-image: url("../img/slider/slider4.jpg");
}

.cd-hero-slider li:nth-of-type(3) {
    background-color: #2c343b;
    background-image: url("../img/slider/5.jpg");
}



.cd-slider-nav {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: -65px;
    height: 130px;
    z-index: 9;
}

.cd-slider-nav nav {
    display: inline-block;
    position: relative;
    width: 90%;
    margin: auto;
    text-align: center;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2);
}

ul.search-engine {
    overflow: hidden;
}

ul.search-engine li {
    width: 20%;
    float: left;
    height: 130px;
    display: table;
    padding-left: 42px;
    text-align: left;
    padding-right: 78px;
    position: relative;
}

ul.search-engine li::before {
    content: '';
    position: absolute;
    right: 14px;
    bottom: 15px;
    z-index: 1;
    height: 68px;
    width: 76px;
    background-position: top right;
}

ul.search-engine li:nth-of-type(1)::before {
    background: url(../img/icon/slider-icon/1.png);
}

ul.search-engine li:nth-of-type(2)::before {
    background: url(../img/icon/slider-icon/2.png);
}

ul.search-engine li:nth-of-type(3)::before {
    background: url(../img/icon/slider-icon/3.png);
}

ul.search-engine li:nth-of-type(4)::before {
    background: url(../img/icon/slider-icon/4.png);
}

ul.search-engine li:nth-of-type(5)::before {
    background: url(../img/icon/slider-icon/5.png);
}

ul.search-engine li:nth-of-type(1) {
    background-color: #E91E63;
}

ul.search-engine li:nth-of-type(2) {
    background-color: #4cc2c0;
}

ul.search-engine li:nth-of-type(3) {
    background-color: #f15b26;
}

ul.search-engine li:nth-of-type(4) {
    background-color: #fcb03b;
}

ul.search-engine li:nth-of-type(5) {
    background-color: #3cb878;
}

ul.search-engine li.selected {}

ul.search-engine li a {
    font-size: 26px;
    font-family: 'Rubik', sans-serif;
    color: #2f2c2c;
    display: table-cell;
    vertical-align: middle;
    line-height: 32px;
}

ul.search-engine li a small {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    margin-top: 13px;
}

ul.search-engine li.selected a {}




/*--------------------------------------------------------------
** about us
--------------------------------------------------------------*/

.about-us {
    padding: 150px 0 50px;
	background: rgba(0, 0, 0, 0) url(../img/bg/stethoscope.jpg) no-repeat scroll center center / cover;
}

.about-img {}

.about-img img {
    width: 100%;
}

.about-content {
    overflow: hidden;
}

.about-content h3 {
    color: #4a4a4a;
    font-size: 28px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    padding-bottom: 26px;
    margin: 0;
}

.about-content p {
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
}

.about-content img {}





/*--------------------------------------------------------------
** about service
--------------------------------------------------------------*/

.our-service {
    background: url(../img/bg/service-bg-1.jpg) no-repeat scroll;
    background-size: 100% 100%;
    padding: 30px 0 45px;
    position: relative;
}

.sr-heading h2 {
    color: #000;
    font-size: 44px;
    font-weight: 400;
    letter-spacing: 0em;
    padding-bottom: 26px;
}

.sr-heading h2:before {
    content: '';
    width: 10px;
    height: 34px;
    background: #000;
    display: block;
    position: absolute;
    left: -18px;
    top: 28px;
}

.sr-heading p {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    padding-bottom: 26px;
    padding-left: 10px;
}

.service-single {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 0px;
    padding: 20px 23px 20px;
    text-align: left;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.service-single:hover {
    box-shadow: 0px 3px 7px 0px rgb( 157, 156, 156);
}

.service-single img {
    padding-bottom: 0px;
}

.service-single h4 {
    color: #323232;
    font-weight: 500;
    letter-spacing: 0em;
    padding-bottom: 5px;
	font-size: 20px;
}

.service-single p {
    color: #777777;
    line-height: 24px;
}

.service-single ul.service-points {}

.service-single ul.service-points li {
    color: #777777;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0em;
    padding-left: 12px;
    line-height: 30px;
}

.service-single ul.service-points li::before {
    background: #00bff3 none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 4px;
    left: -11px;
    position: relative;
    top: -3px;
    width: 4px;
}




/*--------------------------------------------------------------
** what makes different
--------------------------------------------------------------*/

.wtmakes-different {
    position: relative;
    padding: 92px 0 109px;
}

.df-heading h1 {
    color: #1c1c1c;
    font-size: 44px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    padding-top: 93px;
    padding-bottom: 29px;
}

.df-heading p {
    color: #1c1c1c;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    padding-bottom: 26px;
}

.intelligent-avater {
    margin-bottom: 86px;
    text-align: right;
}

.intelligent-avater img {
    display: inline-block;
    max-width: 100%;
}




/* intelligent-single */

.df-item-area {
    margin-top: 84px;
}

.df-item {
    padding: 75px 0px 57px 45px;
    max-height: 310px;
    background: #f8f8f8;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}

.df-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/media/intelligent-single-01.jpg);
    background-position: left top;
    background-size: cover;
    z-index: -1;
    height: 100%;
    opacity: 0;
    width: 100%;
    transition: all 0.3s ease 0s;
}

.df-item:hover::before {
    opacity: 1;
}

.df-item:hover {
    background-color: rgba( 14, 7, 7, 0.7);
}

.df-item h3 {
    font-size: 30px;
    font-weight: 300;
    color: #535353;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 25px;
}

.df-item:hover h3,
.df-item:hover p {
    color: white;
}

.df-item p {
    font-size: 18px;
    font-weight: 400;
    color: #535353;
    line-height: 28px;
}




/*--------------------------------------------------------------
** pricing table
--------------------------------------------------------------*/

.pricing-table {
    background: #202020 url("../img/bg/pricing-bg1.jpg") no-repeat fixed center center / cover;
    padding: 100px 0 100px;
}

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

.priceing-head h1 {}

.priceing-head p {
    margin: auto;
    width: 61%;
}

.single-pricing {
    background: #fff none repeat scroll 0 0;
    padding: 50px 44px;
    text-align: center;
    margin-top: 69px;
    -webkit-box-shadow: 1px 14px 45px -12px rgba(255, 255, 255, 1);
    -moz-box-shadow: 1px 14px 45px -12px rgba(255, 255, 255, 1);
    box-shadow: 1px 14px 45px -12px rgba(255, 255, 255, 1);
}

.border-right {
    border-right: 1px solid #f2f1ef;
}

.single-pricing img {}

.single-pricing h3 {
    color: #333333;
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 27px;
}

.single-pricing ul {}

.single-pricing ul li {
    border-bottom: 1px solid #f2f1ef;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    line-height: 51px;
}

.single-pricing ul li:nth-child(1) {
    border-top: 1px solid #f2f1ef;
}

.single-pricing .price {
    color: #00bff3;
    font-size: 44px;
    font-weight: 700;
    padding-top: 31px;
    padding-bottom: 33px;
}

.single-pricing .price .pr-point {
    font-size: 29px;
    position: relative;
    top: -14px;
}

.single-pricing .choose-plan {
    border: 2px solid #959595;
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 17px 38px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    outline: 0;
}

.single-pricing .choose-plan:hover {
    background: #00bff3 none repeat scroll 0 0;
    color: #ffffff;
}

.single-pricing:hover .choose-plan {
    background: #00bff3 none repeat scroll 0 0;
    color: #ffffff;
}





/*--------------------------------------------------------------
** latest-blog
--------------------------------------------------------------*/

.latest-blog {
    padding: 80px 0 70px;
}

.lt-blog-head {
    text-align: center;
}

.lt-blog-head h1 {
    color: #3b3b3b;
}

.lt-blog-single {
    margin-top: 58px;
}

.lt-blog-single .ltblg-img {}

.lt-blog-single .ltblg-img img {
    box-shadow: 0px 3px 10px 0px rgb( 155, 155, 155);
}

.lt-blog-single .ltst-blog-content {
    padding: 15px 0 0;
}

.lt-blog-single .ltst-blog-content .blog-meta-left {
    float: left;
    width: 70%;
}

.lt-blog-single .ltst-blog-content .blog-meta-left .blog-by {
    color: #818181;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    font-family: 'Lato', sans-serif;
    padding-left: 7px;
}

.lt-blog-single .ltst-blog-content .blog-meta-left .blog-author {
    color: #00bff3;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    font-family: 'Lato', sans-serif;
}

.lt-blog-single .ltst-blog-content .blog-meta-right {
    float: left;
    width: 30%;
}

.lt-blog-single .ltst-blog-content .blog-meta-right .blog-date {
    color: #818181;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: right;
}

.lt-blog-single .ltst-blog-content ul.blog-tag {
    margin-bottom: 20px;
}

.lt-blog-single .ltst-blog-content .blog-tag li {
    display: inline-block;
}

.lt-blog-single .ltst-blog-content .blog-tag li a {
    background: none repeat scroll 0 0 #00bff3;
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
    padding: 7px 20px;
    text-align: center;
    display: block;
}

.lt-blog-single .ltst-blog-content .blg-title a {
    color: #3c3c3c;
    font-size: 26px;
    font-weight: 400;
    padding-bottom: 15px;
    width: 92%;
    overflow: hidden;
    display: block;
}


.lt-blog-single .ltst-blog-content .blg-title a:hover {
    color: #00bff3;
}

.lt-blog-single .ltst-blog-content .blg-category {
    color: #00bff3;
    font-size: 18px;
    font-weight: 400;
}

.lt-blog-single .ltst-blog-content .blg-text {
    color: #818181;
    font-weight: 400;
    line-height: 22px;
    padding-top: 8px;
    padding-bottom: 26px;
}

.lt-blog-single .ltst-blog-content .readpost-meta {}

.lt-blog-single .ltst-blog-content .readpost-left {
    width: 30%;
    float: left;
}

.lt-blog-single .ltst-blog-content .readpost-left a.read-btn {
    border: 2px solid #f3f4f8;
    color: #818181;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 15px 15px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    outline: 0;
    font-family: 'Lato', sans-serif;
    display: inline-block;
}

.lt-blog-single .ltst-blog-content .readpost-left a.read-btn:hover {
    background: #00bff3 none repeat scroll 0 0;
    color: #fff;
}

.lt-blog-single .ltst-blog-content .viewlike-right {
    width: 70%;
    float: left;
    margin-top: 15px;
}

.lt-blog-single .ltst-blog-content .viewlike-right ul.like-view {}

.lt-blog-single .ltst-blog-content .viewlike-right ul.like-view li {
    display: inline-block;
}

.lt-blog-single .ltst-blog-content .viewlike-right ul.like-view li a {
    color: #818181;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    margin: 0 22px;
    font-family: 'Lato', sans-serif;
}

.lt-blog-single .ltst-blog-content .viewlike-right ul.like-view li a i {
    font-size: 24px;
    font-weight: 400;
    line-height: 22px;
    padding-right: 10px;
}




/*--------------------------------------------------------------
** brand logo area
--------------------------------------------------------------*/

.brand-logo {
    padding: 52px 0 100px;
}

.brand-logo-content {}

.brand-carousel {}

.brand-carousel .item {}

.brand-carousel .item img {}




/*--------------------------------------------------------------
** subscribe area
--------------------------------------------------------------*/

.subscribe-area {
    background: url(../img/bg/subscribe-bg-01.jpg);
    padding: 30px 0px;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.subscribe-area::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
}

.subscribe-area:before {}

.subscribe-title {}

.subscribe-title h1 {
    font-size: 56px;
    font-weight: 500;
    color: #ffffff;
    line-height: 61px;
    letter-spacing: 0;
}

.input-area {
    padding-top: 37px;
    position: relative;
}
.input-area .cs-sent-btn {
    background: top;
    border: none;
    position: absolute;
    right: 0;
    top: 42px;
    color: #00bff3;
}

.input-area label {
    font-size: 22px;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    letter-spacing: 0.01em;
    margin-right: 14px;
}

.input-area input[type="email"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ffffff;
    width: calc(100% - 114px);
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0.01em;
    outline: none;
}

.subs-social {
    padding-top: 25px;
}

.subs-social span {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0.01em;
    margin-left: 56px;
    margin-right: 40px;
}

.subs-social a {
    display: inline-block;
    height: 58px;
    width: 58px;
    border: 2px solid #ebeff2;
    text-align: center;
    line-height: 57px;
    font-size: 17px;
    color: #ffffff;
    border-radius: 3px;
    margin-right: 6px;
}

.subs-social a:hover {
    background: #00bff3;
    border-color: transparent;
}




/*--------------------------------------------------------------
** end of Home page style
--------------------------------------------------------------*/


/*--------------------------------------------------------------
** Page info
--------------------------------------------------------------*/

.pageInfo {
    background: #00bff3 none repeat scroll 0 0;
    padding: 20px 0;
}




/* --- Page Title  --- */

.pageTitle {
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    line-height: 1;
    float: left;
	margin-top: 5px;
}




/* --- Bread Crumb --- */

.breadcrumb {
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    float: right;
}

.breadcrumb li {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
}

.breadcrumb li+li:before {
    color: #ffffff;
}

.breadcrumb li a {
    color: #ffffff;
}
.breadcrumb li.active {
    color: #ffffff;
}




/*--------------------------------------------------------------
** about us two
--------------------------------------------------------------*/

.about-us2 {
    padding: 40px 0;
}



.about-content2 h6 {
    color: #323232;
}

.about-content2 h4 {
    color: #323232;
    padding-bottom: 11px;
}

.about-content2 p {
    color: #777777;
    line-height: 21px;
    padding-bottom: 0px;
}

.read-more {
    background: #00bff3 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    outline: 0 none;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out 0s;
    display: inline-block;
}

.read-more-case {
    background: #F6901D none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 0;
    outline: 0 none;
    padding: 20px 15px;
    transition: all 0.3s ease-in-out 0s;
    display: inline-block;
}
.read-more-case:hover {
    background: #00bff3 none repeat scroll 0 0;
    color: #fff;
}


/*--------------------------------------------------------------
** amazing team
--------------------------------------------------------------*/

.amazing-team {
    background: url(../img/bg/team-bg-1.jpg) no-repeat scroll;
    background-size: cover;
    padding: 40px 0 50px;
    overflow: hidden;
}

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

.team-head h4 {
    color: #e0e0e0;
}

.team-head p {
    color: #e0e0e0;
    font-size: 18px;
    letter-spacing: 0.020em;
}

.single-team {
    text-align: center;
    margin-top: 80px;
}

.single-team .tm-img {
    position: relative;
}

.tm-img::before {
    background: #00bff3 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease-in 0s;
    visibility: hidden;
    width: 100%;
}

.single-team .tm-img img {
    display: block;
    width: 100%;
    transition: all 0.3s ease-in-out 0s;
}

.single-team:hover .tm-img img {
    -webkit-box-shadow: 0px 9px 56px 9px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 9px 56px 9px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 9px 56px 9px rgba(0, 0, 0, 0.23);
    z-index: 1;
}

.single-team:hover .tm-img::before {
    visibility: visible;
    opacity: .5;
}

.single-team .team-meta {}

.single-team .team-meta h5 {
    color: #00bff3;
    padding: 6px 0 8px;
}

.single-team .team-meta h6 {
    color: #acacac;
    padding-bottom: 9px;
}

.team-social {}

.team-social li {
    display: inline-block;
    padding-left: 14px;
}

.team-social li a {}

.team-social li a img {}

.team-carousel .owl-dots {
    text-align: center;
}

.team-carousel .owl-dots .owl-dot {
    display: inline-block;
}

.team-carousel .owl-dots .owl-dot span {
    height: 9px;
    width: 9px;
    display: inherit;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    background: #00bff3;
    margin-left: 8px;
    transition: 0.3s ease-in-out 0s;
}

.team-carousel .owl-dots .owl-dot.active span,
.team-carousel .owl-dots .owl-dot:hover span {
    width: 11px;
    height: 11px;
    border-width: 2px;
    border-color: #00bff3;
    background-color: rgba( 0, 191, 243, 0);
}





/*--------------------------------------------------------------
** st-counter
--------------------------------------------------------------*/

.st-counter {
    background: #00bff3 none repeat scroll 0 0;
    padding: 20px 0 20px;
}

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

.left-bar {
    border-right: 1px solid #ffffff;
}

.single-figure h2,
.single-figure h2 span {
    color: #ffffff;
    font-size: 30px;
    line-height: 24px;
    font-weight: 500;
    padding-top: 5px;
    margin: 10px 0 0px;
}

.single-figure .stf-type {
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    margin: 12px 0 15px;
    padding-bottom: 6px;
}




/*--------------------------------------------------------------
** working process
--------------------------------------------------------------*/

.work-process {
    background: rgba(0, 0, 0, 0) url(../img/bg/work-process-bg.png) no-repeat scroll center center / cover;
    padding: 42px 0 63px;
}

.system-work {
    text-align: center;
    width: 72%;
    margin: auto;
}

.system-work img {
    margin: 20px 0 5px;
}

.system-work h5 {
    color: #ffffff;
}

.system-work h2 {
    color: #000;
	font-family: sans-serif;
}

.system-work p {
    color: #000;
    font-size: 18px;
    line-height: 30px;
}




/*working-support*/

.working-support {
    padding: 91px 0 111px;
}

.support-single {
    background: rgb( 247, 247, 247) none repeat scroll 0 0;
    padding: 5px 15px 15px 10px;
    text-align: left;
    box-shadow: 0px 2px 3px 0px rgb( 148, 148, 148);
	margin-bottom: 20px;
}
.support-single:hover {
    background: rgb(232, 232, 232) none repeat scroll 0 0;
}

.support-single h5 {
    color: #3d3d3d;
    font-size: 24.09px;
    margin: 14px 0;
}
.support-single h5 a {
    color: #E26800;
}
.support-single h5 a:hover {
    color: #000;
}
.support-single h6 {
    color: #3d3d3d;
    font-size: 14.05px;
    line-height: 24.09px;
}

.genaral-border {
    background: #00bff3 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    position: relative;
    top: 15px;
    width: 51px;
}

.support-single p {
    color: #3d3d3d;
    font-size: 14.05px;
    line-height: 24.09px;
    padding: 12px 0 7px;
}




/*--------------------------------------------------------------
** why choose us
--------------------------------------------------------------*/

.whychoose-us {
    background: rgba(0, 0, 0, 0) url("../img/bg/why-choose-us-bg.jpg") no-repeat scroll center center / 100% 100%;
    padding: 40px 0 40px;
    position: relative;
}

.wychoose-head {
    text-align: center;
    margin: 0 0 0px;
	text-transform:uppercase;
}

.wychoose-head .section-header {
    color: #000;
	font-family: sans-serif;
}

.wychoose-head .section-txt {
    color: #ffffff;
}

.callus-single {
    margin: 20px 0 30px;
    text-align: center;
}

.callus-single:hover .call-icon {
    background: #F6901D none repeat scroll 0 0;
}

.callus-single .call-icon {
    background: #7852e5 none repeat scroll 0 0;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: auto auto 30px;
    transition: all 1s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

.callus-single .call-icon {
    background: #00ADEF none repeat scroll 0 0;
    border-radius: 5%;
    height: 70px;
    margin: auto auto 15px;
    width: 70px;
}

.callus-single .call-icon i {
    font-size: 48px;
    color: #ffffff;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
    position: relative;
    top: 15%;
    left: 0;
    right: 0;
    transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    margin: 0 auto;
}


.callus-single h5 {
    color: #000;
    font-weight: normal;
    line-height: 36px;
    margin: 8px 0 5px;
    text-transform: uppercase;
	font-size: 20px;
}

.callus-single p {
    color: #ffffff;
    font-size: 15.98px;
    font-weight: 400;
    line-height: 24px;
    width: 91%;
    margin: auto;
}




/* end of About us style */


/*--------------------------------------------------------------
** whychoose-us-service
--------------------------------------------------------------*/

.whychoose-us-service {
    background: rgba(0, 0, 0, 0) url("../img/bg/service-bg.jpg") no-repeat scroll center center / cover;
    padding: 112px 0 35px;
}

.service-choose-head .section-article {
    color: #ffffff;
    margin: 48px 0 50px;
}






/*--------------------------------------------------------------
** wy-support-service
--------------------------------------------------------------*/

.wy-support-service {
    padding: 61px 0 38px;
}

.wyservice-single {
    margin: 50px 0;
    text-align: left;
}

.wyservice-single:hover {}

.wyservice-single .whyser-img {
    background: #00bff3 none repeat scroll 0 0;
    border-radius: 50%;
    height: 62px;
    width: 62px;
}

.wyservice-single .whyser-img img {
    padding-left: 10px;
    padding-top: 10px;
}

.wyservice-single h5 {
    color: #595959;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    margin: 4px 0 19px;
}

.wyservice-single p {
    color: #777777;
    font-size: 16px;
    line-height: 27px;
    margin: 0 0 35px;
}

.wyservice-single .spread-more {
    background: #00bff3 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    padding: 9px 19px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.sthvr-btn:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}




/*--------------------------------------------------------------
** more seo service
--------------------------------------------------------------*/

.more-seo-service {
    padding: 100px 0;
}

.service-choose-head {
    text-align: center;
}

.service-choose-head h3 {
    color: #595959;
    font-weight: 400;
}

.service-choose-head p {
    color: #777777;
}

.seoservice-single {
    margin: 99px 0 40px;
    text-align: center;
    position: relative;
}

.seoservice-single img {
    width: 100%;
}




/*.seoservice-single .block-head {
  background: #00bff3 none repeat scroll 0 0;
  box-shadow: 0 1px 9px 0 rgb(153, 153, 153);
  height: 43px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 55%;
}*/

.seoservice-single .block-head {
    background: #00bff3 none repeat scroll 0 0;
    box-shadow: 0 1px 9px 0 rgb(153, 153, 153);
    height: 43px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 55%;
    top: 0;
    bottom: -64px;
}

.seoservice-single .block-head h5 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
}

.seoservice-single p {
    color: #777777;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 40px 0 19px;
    position: relative;
    top: 0px;
}

.seoservice-single .seoread-more {
    color: #323232;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    font-family: 'Lato', sans-serif;
}






/*--------------------------------------------------------------
** contact us
--------------------------------------------------------------*/

.srcontact-us {
    background: #00bff3 none repeat scroll 0 0;
    padding: 22px 0 37px;
    position: relative;
}

.sr-contact {}

.sr-contact h3 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    padding-bottom: 6px;
}

.sr-contact p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}

.contact-us-btn {
    text-align: right;
    margin-top: 41px;
}

.contact-us-btn .contact-btn {
    background: #676767 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 37px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.contact-us-btn .contact-btn:hover {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0.087px 0.996px 5px 0px rgb( 0, 0, 0);
    border: 1px solid #676767;
    color: #676767;
}




/*--------------------------------------------------------------
** product based service
--------------------------------------------------------------*/

.our-product-service {
    padding: 100px 0 110px;
}

.product-service-head {
    margin: 0 0 60px;
}

.post-service {
    text-align: center;
    -webkit-box-shadow: 0px 0px 25px -8px rgba(122, 122, 122, 1);
    -moz-box-shadow: 0px 0px 25px -8px rgba(122, 122, 122, 1);
    box-shadow: 0px 0px 25px -8px rgba(122, 122, 122, 1);
}

.post-service .businessmedia {
    background: #00b4fa none repeat scroll 0 0;
    padding: 49px 0;
}

.post-service .businessmedia .posticon {
    background: #595959 none repeat scroll 0 0;
    width: 98px;
    height: 98px;
    position: absolute;
    top: 62px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    box-shadow: 0.087px 0.996px 5px 0px rgb( 0, 0, 0);
}

.post-service .businessmedia .posticon a {}

.post-service .businessmedia .posticon a img {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 24px;
}

.post-service .postcontents {
    padding: 68px 30px 47px;
}

.post-service .postcontents h5 {}

.post-service .postcontents h5 a {
    color: #243c4f;
    padding-top: 10px;
}

.post-service .postcontents p {
    color: #777777;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    padding: 11px 0 15px;
}

.post-service .postcontents .bs-readmore {
    color: #636363;
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 20px;
}

.product-carousel .owl-item {
    padding: 20px 8px;
}

.product-carousel .owl-nav {
    width: 100%;
    position: absolute;
    top: 40%;
    font-size: 36px;
    color: #56758d;
}

.product-carousel .owl-prev {
    position: absolute;
    left: -90px;
}

.product-carousel .owl-next {
    position: absolute;
    right: -90px;
}

.product-ser-content {
    margin: 47px 0 0;
    width: 81%;
}

.product-ser-content p {
    color: #777777;
    line-height: 27px;
    margin: 0 0 47px;
}

.product-ser-content .read-more {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    padding: 13px 29px;
}




/*--------------------------------------------------------------
** seo-analysis
--------------------------------------------------------------*/

.seo-analysis {
    background: #f1fafe none repeat scroll 0 0;
    padding: 22px 0 53px;
}

.seo-analysis-head {}

.seo-analysis-head h3 {
    color: #00bff3;
    font-size: 28px;
    line-height: 30px;
    font-weight: 400;
    padding-bottom: 1px;
}

.seo-analysis-head p {
    color: #777777;
    font-size: 16px;
    font-weight: 400;
}

.seo-analysis-btn {
    text-align: right;
    margin-top: 51px;
}

.seo-analysis-btn .larnmore-btn {
    background: #00bff3 none repeat scroll 0 0;
    border: 1px solid #00bff3;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 6px;
    padding: 17px 32px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.seo-analysis-btn .larnmore-btn:hover {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0.087px 0.996px 5px 0px rgb( 0, 0, 0);
    border: 1px solid #00bff3;
    color: #00bff3;
}




/*--------------------------------------------------------------
** blog standared
--------------------------------------------------------------*/

.standard-blog-area {
    padding: 111px 0 111px;
}

.standard-blog {}

.single-standard-blog {
    margin-bottom: 56px;
    border-radius: 6px;
    border: 1px solid #eeeeee;
    transition: 0.3s ease 0s;
}

.single-standard-blog:hover {
    -webkit-box-shadow: 0px 0px 24px 0px rgba(85, 85, 85, 0.15);
    -moz-box-shadow: 0px 0px 24px 0px rgba(85, 85, 85, 0.15);
    box-shadow: 0px 0px 24px 0px rgba(85, 85, 85, 0.15);
    transition: 0.3s ease 0s;
}

.single-standard-blog .ssb-img {
    margin-bottom: 20px;
    position: relative;
}

.single-standard-blog .ssb-img a {}

.single-standard-blog .ssb-img a img {
    width: 100%;
}

.single-standard-blog .ssb-img .ssb-catagory {
    background: #00bff3 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: 38px;
    left: 0;
    letter-spacing: 0.05em;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 184px;
    width: 98px;
}

.single-standard-blog .ssb-content {
    padding: 0 12px 28px 16px;
    text-align: left;
}

.single-standard-blog .ssb-content .ssb-date {
    color: rgba(0, 0, 0, 0.50);
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 29.98px;
    margin-bottom: 13px;
}

.single-standard-blog .ssb-content .ssb-title {
    color: #1c1c1c;
    font-size: 21.99px;
    font-weight: 400;
    line-height: 29.98px;
    font-family: 'Rubik', sans-serif;
}

.single-standard-blog:hover .ssb-title {
    color: #00bff3;
}




/* pagination */

.blog-pagination {
    margin-top: 0px;
    position: relative;
    text-align: left;
}


.blog-pagination ul {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    list-style: outside none none;
    position: relative;
}

.blog-pagination ul li {
    display: inline-block;
    margin-right: 5px;
}

.blog-pagination ul li:last-child {
    margin-right: 0;
}

.blog-pagination ul li a {
    background: #fff none repeat scroll 0 0;
    color: #1c1c1c;
    display: block;
    font-size: 16px;
    padding: 9px 15px 10px;
    border-radius: 3px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    border: 1px solid #efefef;
    position: relative;
}

.blog-pagination ul li a:hover,
.blog-pagination ul li a.active {
    color: #ffffff;
    background: #00bff3 repeat none scroll 0 0;
    border-radius: 3px;
}




/*--------------------------------------------------------------
** sidebar area style
--------------------------------------------------------------*/

.sidebar-area {}

.widget {
    margin-bottom: 70px;
}

.widget:last-child {
    margin-bottom: 0;
}

.widget-title {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 41px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    font-family: 'Rubik', sans-serif;
}




/*wedget-search*/

.widget-search {}

.ws-input {
    position: relative;
}

.ws-input input[type="text"] {
    color: #a6a6a6;
    font-size: 14px;
    height: 38px;
    letter-spacing: 0;
    padding: 0 0px;
    width: 100%;
    outline: none;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    font-weight: 400;
}

.ws-input button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #aaaaaa;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 3px;
}




/*recent-post*/

.widget-catagories {}

.widget-list {
    list-style: outside none none;
    padding: 0;
}

.widget-list li {
    padding: 7px 0;
}

.widget-list li:first-child {
    padding-top: 0;
}

.widget-list li a {
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    letter-spacing: 0.075em;
    line-height: 26px;
    padding-left: 23px;
    position: relative;
}

.widget-list li a::before {
    background: #4d4d4d none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 11px;
    width: 8px;
}

.widget-list li a span {
    float: right;
}




/*most redent post*/

.widget-recent-post {}

.wrp-items {}

.single-wrp {
    margin-bottom: 20px;
}

.single-wrp:last-child {
    margin-bottom: 0;
}

.single-wrp .wrp-img {
    float: left;
    margin-right: 16px;
}

.single-wrp .wrp-img img {
    max-width: 100%;
    width: 90px;
}

.single-wrp .wrp-content {
    padding-top: 10px;
}

.wrp-content a {
    color: #000;
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.075em;
    line-height: 16px;
    margin-bottom: 2px;
}

.single-wrp .wrp-content .wrp-meta {}

.single-wrp .wrp-content .wrp-meta .wrp-date {
    color: #7a7a7a;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0.075em;
    line-height: 27.73px;
    margin-right: 25px;
    position: relative;
    margin-top: 5px;
}

.single-wrp .wrp-content .wrp-meta .wrp-date i {
    margin-right: 10px;
}




/*tweets*/

.widget-tweets {}

.widget-tweets .widget-title {}

.tweet-items {
    margin-bottom: 19px;
}

.tweet-items .tweet-text {
    color: #606060;
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 22px;
    font-weight: 400;
}

.tweet-items .tweet-text i {
    color: #00bff3;
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 22px;
    padding-right: 10px;
}

.tweet-items .tweet-text .twt-author {}

.tweet-items .twt-time {
    color: #9b9b9a;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

.tweet-items .view-all {
    color: #1a1a1a;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}




/* latest tweets */

.widget-archives {}

.widget-archives .widget-title {}

.widget-archives .widget-title {}

.widget-archives .widget-list {}

.widget-archives .widget-list li {}

.widget-archives .widget-list li a {
    color: #7a7a7a;
    transition: 0.3s ease 0s;
}

.widget-archives .widget-list li a::before {
    background: #7a7a7a none repeat scroll 0 0;
}

.widget-archives .widget-list li a:hover {
    color: #4d4d4d;
}

.widget-archives .widget-list li a:hover::before {
    background: #4d4d4d;
    -webkit-box-shadow: 0px 10px 17px 0px rgba(186, 186, 186, 0.75);
    -moz-box-shadow: 0px 10px 17px 0px rgba(186, 186, 186, 0.75);
    box-shadow: 0px 10px 17px 0px rgba(186, 186, 186, 0.75);
}




/* latest tweets */


/* popular tags */

.widget-tags {}

.widget-tags .widget-title {}

.tags {}

.tags li {
    display: inline-block;
}

.tags li a {
    color: #afafaf;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.1em;
    transition: 0.3s ease 0s;
}

.tags li a:hover,
.tags li a.active {
    color: #202020;
    font-weight: 700;
    transition: 0.3s ease 0s;
}




/*--------------------------------------------------------------
** blog list area
--------------------------------------------------------------*/

.list-blog-area {
    padding: 111px 0 111px;
}

.list-blog {}

.single-list-blog {
    border: 1px solid #eeeeee;
    border-radius: 6px;
    margin-bottom: 75px;
    transition: all 0.3s ease 0s;
}

.single-list-blog:hover {
    -webkit-box-shadow: 0px 0px 24px 0px rgba(85, 85, 85, 0.15);
    -moz-box-shadow: 0px 0px 24px 0px rgba(85, 85, 85, 0.15);
    box-shadow: 0px 0px 24px 0px rgba(85, 85, 85, 0.15);
    transition: 0.3s ease 0s;
}

.single-list-blog .lsb-img {
    margin-bottom: 20px;
    position: relative;
}

.single-list-blog .lsb-img a {}

.single-list-blog .lsb-img a img {
    width: 100%;
}

.single-list-blog .lsb-content {
    padding: 0 12px 43px 32px;
    text-align: left;
}

.single-list-blog .lsb-content .lsb-date {
    color: rgba(0, 0, 0, 0.50);
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 13px;
}

.single-list-blog .lsb-content a {
    color: #1c1c1c;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Rubik', sans-serif;
}

.single-list-blog .lsb-content .lsb-text {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    line-height: 28px;
    padding: 17px 0 28px;
}

.single-list-blog .lsb-content .lsb-readmore {
    background: #00bff3 none repeat scroll 0 0;
    color: #ffffff;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    padding: 12px 17px;
    border-radius: 3px;
    transition: 0.3s ease 0s;
}

.single-list-blog .lsb-content .lsb-readmore::after {
    background: rgba(0, 0, 0, 0) url("../img/icon/long-arrow-right.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 7px;
    position: relative;
    right: 0;
    top: 50%;
    width: 20px;
}

.single-list-blog a:hover {
    color: #00bff3;
}




/*--------------------------------------------------------------
** blog col three
--------------------------------------------------------------*/

.standard-blog-col3area {
    padding: 111px 0 111px;
}

.standard-blog-col3 {}

.single-standard-blog3 {
    margin-bottom: 55px;
    border-radius: 6px;
    border: 1px solid #eeeeee;
    transition: 0.3s ease 0s;
}

.single-standard-blog3:hover {
    -webkit-box-shadow: 0px 0px 24px 0px rgba(85, 85, 85, 0.15);
    -moz-box-shadow: 0px 0px 24px 0px rgba(85, 85, 85, 0.15);
    box-shadow: 0px 0px 24px 0px rgba(85, 85, 85, 0.15);
    transition: 0.3s ease 0s;
}

.single-standard-blog3 .ssb3-img {
    margin-bottom: 18px;
    position: relative;
}

.single-standard-blog3 .ssb3-img a {
    display: block;
}

.single-standard-blog3 .ssb3-img a img {
    width: 100%;
}

.single-standard-blog3 .ssb3-img .ssb3-catagory {
    left: 0;
    position: absolute;
    bottom: 0;
}

.single-standard-blog3 .ssb3-img .ssb3-catagory a {
    background: #00bff3 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    letter-spacing: 0.05em;
    text-align: center;
    line-height: 38px;
    height: 38px;
    padding: 0px 28px;
}

.single-standard-blog3 .ssb3-content {
    padding: 0 12px 31px 36px;
    text-align: left;
}

.single-standard-blog3 .ssb3-content .ssb3-date {
    color: rgba(0, 0, 0, 0.50);
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 29.98px;
    margin-bottom: 12px;
}

.single-standard-blog3 .ssb3-content a {
    color: #1c1c1c;
    font-size: 21px;
    font-weight: 400;
    line-height: 29.98px;
    font-family: 'Rubik', sans-serif;
}

.single-standard-blog3:hover a {
    color: #00bff3;
}






/*--------------------------------------------------------------
** blog details area
--------------------------------------------------------------*/

.blog-details-area {
    padding: 100px 0 110px;
}

.blog-details-area-left {}

.single-blog-item {
    border: 0;
}

.single-blog-item:hover {
    box-shadow: none;
}

.single-blog-item .lsb-content .lsb-text {
    padding: 17px 0 6px;
}

.bsi-sub-content {}

.bsi-sub-content .bsi-head {
    color: #1c1c1c;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
}

.bsi-sub-content .bsi-sub-text {
    color: rgba(0, 0, 0, 0.60);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.bsi-blockquote {
    margin: 15px 0 10px;
}

.bsi-blockquote .bsb-img {
    float: left;
    padding-top: 11px;
    width: 42%;
}

.bsi-blockquote .bsb-img img {}

.bsi-blockquote .bsb-content {
    float: left;
    padding-left: 40px;
    width: 58%;
}

.single-blog-item .bsb-content .bsb-text {
    color: rgba(0, 0, 0, 0.60);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.spi-text {
    color: rgba(0, 0, 0, 0.60);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.lsb-content .spi-text {
    margin: 36px 0 20px;
}




/* blog tags */

.blog-single-tags {}

.blog-single-tags::before {
    background: #f3f3f3 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    position: relative;
    top: -4px;
    width: 100%;
}

.blog-single-tags .bst-left {
    float: left;
    width: 47%;
    margin-left: 10px;
}

.blog-single-tags .bst-left li {
    display: inline-block;
    margin-right: 4px;
    margin-top: 13px;
}

.blog-single-tags .bst-left li a {
    background: #f3f3f3 none repeat scroll 0 0;
    color: #646464;
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    padding: 9px 11px;
    border-radius: 3px;
    transition: 0.3s ease 0s;
}

.blog-single-tags .bst-left li a:hover {
    background: #00bff3 none repeat scroll 0 0;
    color: #ffffff;
}

.bss-right {
    float: left;
    width: 51%;
}

.bss-right p {
    float: left;
    padding-right: 10px;
    padding-top: 6px;
    text-align: right;
    width: 20%;
    color: #25292f;
    font-size: 16px;
    line-height: 28.18px;
}

.bss-right .bss-social-share {
    float: left;
    text-align: left;
    width: 80%;
    margin-top: 11px;
}

.bss-right .bss-social-share li {
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
}

.bss-right .bss-social-share li a {
    color: #cdd2da;
    font-size: 20px;
    line-height: 28px;
    padding: 16px 21px;
    border-left: 1px solid #f3f3f3;
    transition: 0.3s ease 0s;
}

.bss-right .bss-social-share li a:hover {
    background: #30579e none repeat scroll 0 0;
    color: #ffffff;
}




/* Commnets */

.comments {}

.comments-count {}

.comments-count h3 {
    font-size: 30px;
    color: #000000;
    font-weight: 400;
    line-height: 27.83px;
    padding-top: 49px;
}

.comments-list {}

ul.children {
    margin-left: 88px;
}

.comments-list li {
    border-top: 1px solid #e2e2e2;
    margin-top: 31px;
}

.comments-list>li:last-child {
    border-bottom: 1px solid #e2e2e2;
}


.comments-list article {
    margin: 33px 0px;
    padding-left: 103px;
    position: relative;
}

.comments-list article img {
    position: absolute;
    left: 0;
    top: 0;
}

.comments-list .author {
    color: #25292f;
    font-size: 20.3px;
    font-weight: 300;
    line-height: 25px;
}

.comments-list .date {
    color: #b6b6b6;
    font-family: "Lato", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
}

.comments-list .comment-content {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.001em;
    font-family: 'Work Sans', sans-serif;
    padding-top: 16px;
    color: #5a6871;
}

.comments-list .reply {
    position: absolute;
    right: 0;
    top: 0;
}

.comments-list .reply a {
    background: #f4f4f4 none repeat scroll 0 0;
    border-radius: 3px;
    color: #b1b1b1;
    float: right;
    font-family: "Lato", sans-serif;
    font-size: 14.01px;
    font-weight: 400;
    line-height: 24.97px;
    padding: 3px 12px;
}

.comments-list .reply a:hover {
    background: #00bff3 none repeat scroll 0 0;
    color: #fff;
}



/* leave a reply */

.leavea-reply-area {
    padding: 41px 0 2px;
}

.leavea-reply-title {
    color: #1c1c1c;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 26px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.leavea-reply-text {
    color: #4b4b4b;
    font-size: 18.01px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 26.01px;
    margin-bottom: 0px;
    padding-bottom: 20px;
}

.leavea-reply {}

.comment-formgroup {
    margin-bottom: 22px;
}

.comment-formgroup input[type="text"],
.comment-formgroup input[type="email"] {
    background: #f7fafa none repeat scroll 0 0;
    border: 1px solid #f7fafa;
    color: #a5a5a5;
    font-size: 16px;
    height: 59px;
    letter-spacing: 0;
    padding: 0 26px;
    width: 100%;
    font-family: 'Lato', sans-serif;
}

.comment-formgroup input[type="text"] {}

.comment-formgroup input[type="email"] {}

.comment-textarea {
    margin-bottom: 22px;
}

.comment-textarea textarea {
    background: #f7fafa none repeat scroll 0 0;
    border: 1px solid #f7fafa;
    color: #a5a5a5;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    height: 231px;
    padding: 10px 26px;
    width: 100%;
}

.comment-submit {}

.comment-submit input[type="submit"] {
    background: #00bff3 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 15.01px;
    letter-spacing: 0;
    padding: 13px 19px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    border-radius: 3px;
}

.comment-submit input:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}




/*--------------------------------------------------------------
# shop-area
--------------------------------------------------------------*/

.shop-area {
    padding: 81px 0 124px;
}

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

.shop-title {
    color: #2f2c2c;
    font-size: 48px;
    line-height: 60px;
    font-weight: 400;
}

.shop-text {
    color: #6e6e6e;
    font-size: 18px;
    font-weight: 400;
    line-height: 42px;
    margin: auto;
    padding-top: 3px;
    width: 54%;
}




/*short-left*/

.sopp-shorting {
    padding: 24px 0 126px;
}

.sopp-shorting .shorting-left {
    float: left;
    width: 50%;
}

.sopp-shorting .shorting-left .shorting-text {
    color: #acacac;
    font-size: 16px;
    font-weight: 400;
    line-height: 41px;
}

.sopp-shorting .shorting-left .short-number {
    color: #000;
}




/*short-right*/

.shorting-right {
    float: left;
    width: 50%;
}

.inline-select-wrapper {}

.inline-select>select {
    -moz-appearance: none;
    background-color: #ffffff;
    border: 0 none;
    color: #00bff3;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    height: 41px;
    letter-spacing: 0;
    line-height: 24px;
    outline: medium none;
    padding: 5px 10px 5px 36px;
    width: 200px;
}




/*single-product*/

.single-shopping-product {
    margin-bottom: 86px;
}

.single-shopping-product .sp-product-img {
    position: relative;
}

.single-shopping-product .sp-product-img::before {
    background: url(../img/shop/product-overly.jpg) no-repeat scroll 0 0;
    content: "";
    height: 104%;
    opacity: 0.5;
    position: absolute;
    transform: scale(0);
    transition: all 0.3s ease 0s;
    visibility: visible;
    width: 103%;
    left: -4%;
}

.single-shopping-product:hover .sp-product-img::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}

.single-shopping-product .sp-product-img img {
    text-align: center;
}




/*social*/

.shop-social {
    visibility: hidden;
}

.single-shopping-product:hover .sp-product-img .shop-social {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}

.shop-social .shop-sshare {
    bottom: 40px;
    left: 36px;
    margin: auto;
    position: absolute;
}

.shop-social .shop-sshare li {
    display: inline-block;
    margin-left: 5px;
}

.shop-social ul li a {
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 35px;
}

.shop-social ul li a:hover {
    background: #00bff3 none repeat scroll 0 0;
    border: 1px solid #00bff3;
}

.shop-social ul li a i {}

.single-shopping-product .product-content {
    margin-left: -24px;
    padding: 40px 15px 0;
}

.single-shopping-product .product-content .product-name {
    color: #69686c;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 14px;
}

.single-shopping-product .product-content .product-value {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #69686c;
}

.single-shopping-product .product-content .sp-feadback {
    float: right;
}




/*shop pagination*/

.shop-pagination {}

.shop-pagination::before {
    border-top: 1px solid #eeeeee;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -15px;
    width: 102%;
}

.shop-pagination::after {
    border-top: 1px solid #eeeeee;
    bottom: -15px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 102%;
}

.pagination-title {
    color: #69686c;
    float: left;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    width: 44%;
}

.shop-pagination ul {
    float: left;
    padding-left: 6px;
    width: 56%;
}

.shop-pagination ul li {
    display: inline-block;
}

.shop-pagination ul li a {
    border: 1px solid #bfbfbf;
    color: #888888;
    font-size: 12px;
    padding: 4px 9px;
    transition: all 0.3s ease 0s;
}

.shop-pagination ul li a:hover,
.shop-pagination ul li a.active {
    border: 1px solid #00bff3;
    color: #00bff3;
    transition: all 0.3s ease 0s;
}




/*------------------------------------------------------------
# product-details-area
--------------------------------------------------------------*/

.product-details-area {
    padding: 110px 0 18px;
}

.product-details-carousel {
    background: white;
    margin-bottom: 50px;
    padding-bottom: 39px;
}

.prs-gallery-area{
    position: relative;
}
.prs-gallery-area::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 10px;
    height: 30px;
    width: 80%;
    background: transparent;
    box-shadow: 0px 25px 37px rgba(0,0,0,0.2);
    z-index: -1;
    margin-left: 10%;
}

.product-details-carousel .prd-img {
    text-align: center;
}

.product-details-carousel .prd-img img {
    display: inline-block;
}

.product-details-carousel .prd-img .prd-sale {
    background: #00bff3 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    height: 80px;
    left: 77px;
    line-height: 80px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 59px;
    width: 80px;
}

.product-details-carousel .owl-dots {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 27px;
}

.product-details-carousel .owl-dots .owl-dot {
    display: inline-block;
}

.product-details-carousel .owl-dots .owl-dot span {
    background: #d7d7d7 none repeat scroll 0 0;
    border-radius: 50%;
    display: inherit;
    height: 9px;
    transition: all 0.3s ease-in 0s;
    width: 9px;
    margin-right: 8px;
}

.product-details-carousel .owl-dots .owl-dot.active span,
.product-details-carousel .owl-dots .owl-dot span:hover {
    width: 11px;
    height: 11px;
    border: 2px solid #00bff3;
    background-color: #d7d7d7;
    transition: all 0.3s ease 0s;
}





/**/

.product-details-content {
    /*position: relative;*/
}

.product-details-content .prd-price {
    clear: both;
    color: #00bff3;
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 21px;
}


.product-details-content .rating {
    margin-top: 23px;
}


.product-details-content .prd-price .prd-old-price {
    color: #cccccc;
    text-decoration: line-through;
}

.product-details-content .prd-strategy {
    color: #2f2c2c;
    font-family: "Rubik", sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
}

.product-details-content .rating .prd-rating-icon {}

.product-details-content .rating .prd-review {
    color: #00bff3;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    padding-left: 19px;
}


.product-details-content .prd-text {
    color: #939393;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 30px;
}

.quantity {
    margin-top: 38px;
}

.quantity::after {
    background: #f7f9f9 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 18px;
    position: relative;
    top: 42px;
    width: 92%;
}

.quantity .minus {
    background: #f1f3f3 none repeat scroll 0 0;
    border-radius: 32px 0 0 32px;
    border: 0;
    float: left;
    font-size: 30px;
    height: 61px;
    outline: 0 none;
    width: 61px;
    color: #cfcfcf;
}

.quantity .input-text {
    background: #f7f9f9 none repeat scroll 0 0;
    border: 0 none;
    color: #acacac;
    float: left;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    height: 61px;
    outline: medium none;
    padding-left: 36px;
}

.quantity .plus {
    background: #2f2c2c none repeat scroll 0 0;
    border: 0 solid #000000;
    border-radius: 0 32px 32px 0;
    color: #ffffff;
    font-size: 30px;
    height: 61px;
    outline: medium none;
    width: 61px;
}


.quantity .prd-adcart {
    margin-left: 29px;
}

.quantity .prd-adcart .prd-addto-cart {
    background: #00bff3 none repeat scroll 0 0;
    border-radius: 47px;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: 700;
    padding: 21px 57px;
    text-transform: uppercase;
}

.quantity .prd-adcart .prd-addto-cart::before {
    background: rgba(0, 0, 0, 0) url("../img/icon/cart-border.png") repeat scroll 0 0;
    content: "";
    height: 20px;
    left: 261px;
    margin-top: 12px;
    position: absolute;
    width: 20px;
}

.quantity .prd-adcart .prd-addto-cart i {
    margin-left: 14px;
}

.prd-author {
    margin-top: 75px;
}

.prd-author p {
    color: #2f2c2c;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

.prd-author .prd-autname {
    color: #00bff3;
}

.prd-author .prd-tag {}

.prd-author .prd-tag .prd-tags {
    color: #acacac;
}


.prd-share {}

.prd-share span {
    color: #2f2c2c;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

.prd-share .prd-social {
    display: inline-block;
    list-style: outside none none;
    padding: 0;
}

.prd-share .prd-social li {
    display: inline-block;
    margin-left: 14px;
}

.prd-share .prd-social li a {
    color: #d7d7d7;
    font-size: 24px;
}

.prd-share .prd-social li a:hover {
    color: #08acee;
}

.prd-share .prd-social li a i {}





/*tab area*/

.about-tab-area {
    margin-top: 40px;
}

.about-tab-area .about-tab {
    margin-bottom: 10px;
}

.about-tab-area .about-tab li {
    display: inline-block;
    margin-right: 26px;
}

.about-tab-area .about-tab li.active {}

.about-tab-area .about-tab li a {
    border-radius: 5px;
    color: #232323;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.about-tab-area .about-tab li a::after {
    background: #464646 none repeat scroll 0 0;
    content: "";
    height: 17px;
    opacity: 0;
    position: absolute;
    right: -17px;
    top: 12px;
    transition: all 0.3s ease 0s;
    width: 1px;
}

.about-tab-area .about-tab li.active a {
    color: #00bff3;
}

.about-tab-area .about-tab li.active a::after {
    opacity: 1;
}

.about-tab-area .tab-content {}

.about-tab-area .tab-content>div {
    border-radius: 0;
    padding: 0;
}

.about-tab-area .tab-content p {
    color: #929292;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
}




/*------------------------------------------------------------
** shopping-product-carousel
/*--------------------------------------------------------------*/

.shop-carousel-area {}

.shopping-product-carousel {}

.shopping-product-carousel .owl-nav {
    width: 100%;
    position: absolute;
    top: 28%;
    font-size: 36px;
    color: #56758d;
    z-index: 1;
}

.shopping-product-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -40px;
    color: #434343;
    font-size: 26px;
    transition: all 0.3s ease 0s;
}

.shopping-product-carousel .owl-nav .owl-prev:hover {
    color: #00bff3;
}

.shopping-product-carousel .owl-nav .owl-prev::before {
    border: 1px solid #434343;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 40px;
    left: -14px;
    position: absolute;
    width: 40px;
    transition: all 0.3s ease 0s;
}

.shopping-product-carousel .owl-nav .owl-prev:hover::before {
    border: 1px solid #00bff3;
}

.shopping-product-carousel .owl-nav .owl-next {
    position: absolute;
    right: -40px;
    font-size: 26px;
    color: #00bff3;
    transition: all 0.3s ease 0s;
}

.shopping-product-carousel .owl-nav .owl-next::before {
    border: 1px solid #00bff3;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 40px;
    right: -14px;
    position: absolute;
    width: 40px;
    transition: all 0.3s ease 0s;
}




/*------------------------------------------------------------
** shopping cart table area
/*------------------------------------------------------------*/

.shopping-cart-table-area {
    padding: 100px 0 0px;
}

.shopping-cart-table {}

.shopping-cart-table table {
    text-align: center;
    width: 100%;
}

.shopping-cart-table thead {}

.shopping-cart-table thead tr {
    color: #69686c;
    font-size: 14px;
    font-weight: 400 !important;
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.shopping-cart-table thead tr th,
.shopping-cart-table table td {
    background: #fff none repeat scroll 0 0;
    margin: 0;
    padding: 15px 0px;
    text-align: left;
}

.shopping-cart-table thead tr th {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.shopping-cart-table thead tr th.cart-img-title,
.shopping-cart-table table tr td.cart_product_image_value {
    width: 15%;
}

span.product_price {
    color: #444;
    font-weight: 700;
}

.product-quantity-t {
    margin-left: -20px;
}

.product-quantity-t input.minus {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #69686c;
    left: 35px;
    position: relative;
    outline: 0;
}


.product-quantity-t input[type="text"] {
    border: 1px solid #bcbcbc;
    border-radius: 10px;
    color: #69686c;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    text-align: center;
    width: 100px;
}

.product-quantity-t input.plus {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #69686c;
    position: relative;
    right: 35px;
    outline: 0;
}

span.product_price {
    color: #69686c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

p.cart_product_name a {
    color: #69686c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
}

h6.cart-product-size {
    color: #69686c;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
}

.cart_product_remove a {
    color: #69686c;
    margin-left: 31px;
}

.cart_product_remove a:hover {
    color: #00bff3;
}

.table-row1 {
    border-bottom: 1px solid #eeeeee;
}

.table-row2 {
    border-bottom: 1px solid #eeeeee;
}

.table-row3 {
    border-bottom: 1px solid #eeeeee;
}




/*------------------------------------------------------------
** shopping-cart-content-area
/*------------------------------------------------------------*/

.shopping-cart-content-area {
    padding: 0 0 110px;
}

.scca-head {
    padding: 30px 0 50px;
}

.scca-head .scb-continue {
    color: #fff;
}

.scca-head .scb-update {
    color: #fff;
    float: right;
}

.shopping-cart-content-box {}

.sccb-shipping {}

.sccb-title {
    color: #333333;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 39px;
    padding: 16px 0 20px;
    text-align: left;
    font-family: 'Lato', sans-serif;
}

.sccb-shipping-title {
    color: #646a7c;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 18px 0 20px;
}

.sccb-shipping-content {}

.sccb-shipping-input-left {
    float: left;
    width: 50%;
    padding-right: 15px;
}

.sccb-shipping-right {
    float: left;
    width: 50%;
    padding-left: 15px;
}

.sccb-shipping-input {
    margin-bottom: 10px;
}

.sccb-shipping-input select {
    border: 1px solid #ebebeb;
    color: #777777;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0;
    padding: 0 15px;
    width: 100%;
    font-family: 'Lato', sans-serif;
    outline: 0;
}

.sccb-shipping-get {
    margin-top: 36px;
    text-align: right;
}

.sccb-shipping-get .shopping-cart-button {
    border: 1px solid;
    color: #222222;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    padding: 8px 15px;
}

.sccb-discount {}

.sccb-discount h3 {
    padding-bottom: 0;
}

.sccb-discount .sccb-shipping-title {
    color: #69686c;
    font-family: "Lato", sans-serif;
    margin-top: -20px;
}

.sccb-discount-subscribe-box input[type="text"] {
    border-color: #ebebeb;
    border-style: solid;
    border-width: 1px;
    height: 30px;
    padding: 0 16px;
    width: 100%;
    outline: 0;
}

.sccb-discount-subscribe-box {
    text-align: right;
    margin-top: 0px;
}

.sccb-discount-subscribe-box .shopping-cart-button {
    border: 1px solid;
    color: #222222;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    padding: 8px 15px;
    position: relative;
    top: 36px;
}

.sccb-cart-total {}

.sccb-cart-total .sccb-title {
    padding: 16px 0 10px;
}

.sccb-cart-content {
    margin-top: 0;
}

.sccb-cart-content h6 {
    color: #69686c;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 15px;
    font-family: "Lato", sans-serif;
    font-size: 14px;
}

.sccb-cart-content h6 span {
    float: right;
}

.sccb-cart-button {
    clear: both;
    display: block;
    margin-top: 28px;
    text-align: right;
}

.ttl-bar::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    margin-top: 37px;
    position: relative;
    top: -16px;
    width: 100%;
}

.procced-cart-button {
    background: #00bff3 none repeat scroll 0 0;
    border-radius: 1px;
    color: #fff;
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 14px;
}

.procced-cart-button:hover {
    color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}






/*------------------------------------------------------------
** checkout-area
/*------------------------------------------------------------*/

.checkout-area {
    padding: 100px 0 100px;
}

.billing-address {}

.checkout-box-title {
    border-bottom: 1px solid #ecedee;
    border-top: 1px solid #ecedee;
    color: #333333;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 30px;
    padding: 16px 0;
    text-align: left;
}

.checkout-billing-adress-box {}

.billing-address-input {
    margin-bottom: 10px;
}

.billing-address-input select,
.billing-address-input input[type="text"],
.billing-address-input input[type="password"] {
    border: 1px solid #e5e5e5;
    color: #777777;
    float: right;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    padding: 0 10px;
    width: 100%;
    outline: 0;
    font-family: 'Lato', sans-serif;
}

.billing-address-input select option {
    border: 1px solid #e5e5e5;
    color: #777777;
    float: right;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    padding: 0 10px;
    width: 100%;
    outline: 0;
    font-family: 'Lato', sans-serif;
}

.cbab-order-notes input[type="text"] {
    border: 1px solid #e5e5e5;
    color: #777777;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    font-weight: 400;
    height: 100px;
    padding: 0 0 69px 10px;
    width: 100%;
}





/* total order */

.promotional-code-box {}

.your-order-box {}

.yob-content {}

.yob-total {
    border: 1px solid #f7f7f7;
}


.yobc-title,
.yobc-title span {
    color: #232530;
    font-family: 'Lato', sans-serif;
    padding: 22px 22px 19px;
}

.yobc-title span {
    float: right;
}


.yob-total ul {}

.yob-total ul li {
    border-bottom: 1px solid #e5e5e5;
    color: #646a7c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    padding: 17px 24px;
}

.yob-total ul li:nth-child(1) {
    padding: 21px 24px;
}

.yob-total ul li:nth-child(4) {
    border-bottom: 1px solid #000;
}

.yob-total ul li span {
    float: right;
}

.money-transfer-checkout-method {
    border: 1px solid #e5e5e5;
    margin: 30px 0 25px;
    padding: 19px 32px 12px;
}

.direct-transfer-head {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: 'Lato', sans-serif;
}

.direct-transfer-head::before {
    border: 1px solid #68696c;
    content: "";
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    width: 5px;
}

.direct-transfer-text {
    color: #68696c;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    font-family: 'Lato', sans-serif;
}

.select-payment-method {}

.select-payment-method input[type="radio"] {
    border: 1px solid;
    line-height: 39px;
}

.select-payment-method label {
    color: #333333;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 39px;
    margin-left: 8px;
    text-transform: uppercase;
}

.hvr-bs:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}




/*------------------------------------------------------------
** masonary portfolio area
/*------------------------------------------------------------*/

.masonary-portfolio-area {
    padding: 110px 0 106px;
}

.single-portfolio-item-cont {
    position: relative;
    margin-bottom: 30px;
}

.single-portfolio-item-cont img {
    width: 100%;
}

.single-portfolio-item-cont .single-port-meta {
    background: #333333 none repeat scroll 0 0;
    bottom: 0;
    height: 80px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: translateY(-60%);
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
}

.single-portfolio-item-cont .single-port-meta::before {
    background: #333333 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 20px;
    left: 30px;
    position: absolute;
    top: -10px;
    transform: rotate(44deg);
    width: 20px;
    transition: all 0.3s ease 0s;
}

.single-portfolio-item-cont:hover .single-port-meta {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.port-title {
    color: #fff;
    font-size: 18px;
    line-height: 21.6px;
}

.port-subtitle {
    color: #00bff3;
    font-size: 13px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.single-portfolio-item-cont .single-port-meta .single-port-titles {
    float: left;
    padding: 7px 0 0 38px;
    width: 72%;
}

.single-portfolio-item-cont .single-port-meta .port-icons {
    float: left;
    padding-left: 13px;
    padding-top: 22px;
    text-align: center;
    width: 28%;
}

.single-portfolio-item-cont .single-port-meta .port-icons a {
    text-align: center;
}

.single-portfolio-item-cont .single-port-meta .port-icons a i {
    color: #fff;
    font-size: 22px;
}

.single-portfolio-item-cont .single-port-meta .port-icons a .line-qty {
    color: #cccccc;
    font-size: 14px;
    font-weight: 400;
}

.portfolio-lode-more {
    margin-top: 29px;
    text-align: center;
}

.portfolio-lode-more .mp-lodemore {
    color: #666666;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 15.6px;
    text-transform: uppercase;
}




/*------------------------------------------------------------
# full width portfolio area
/*------------------------------------------------------------*/

.full-width-portfolio-area {
    padding: 110px 0 107px;
}

.full-width-spi-cont {
    position: relative;
    margin-bottom: 0;
}

.full-width-spi-cont img {
    width: 100%;
}

.full-width-spi-cont .single-port-meta {
    background: #333333 none repeat scroll 0 0;
    bottom: 0;
    height: 80px;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    transform: translateY(0%);
    transition: all 0.5s ease 0s;
    visibility: visible;
    width: 100%;
}

.full-width-spi-cont .single-port-meta::before {
    background: #333333 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 20px;
    left: 41px;
    position: absolute;
    top: -10px;
    transform: rotate(44deg);
    transition: all 0.3s ease 0s;
    width: 20px;
}

.full-width-spi-cont .single-port-meta .single-port-titles {
    float: left;
    padding: 7px 0 0 33px;
    width: 72%;
}

.full-width-spi-cont .single-port-meta .port-icons {
    float: left;
    padding-left: 0;
    padding-top: 22px;
    text-align: center;
    width: 28%;
}

.full-width-spi-cont:hover .single-port-meta {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    background: #00bff3;
}

.full-width-spi-cont:hover .single-port-meta::before {
    background: #00bff3;
}

.full-width-spi-cont:hover .port-subtitle {
    color: #ececec;
}

.full-width-spi-cont:hover .line-qty {
    color: #fff !important;
}

.fwp-lodemore {
    padding: 32px 0 0;
}

.fwp-lodemore .mp-lodemore {
    color: #272727;
}




/*------------------------------------------------------------
** four col portfolio area
/*------------------------------------------------------------*/

.four-col-portfolio-area {
    padding: 100px 0 110px;
}

.single-spi-three-col {}

.single-spi-three-col .single-spi-three-col-cont {
    position: relative;
    margin-bottom: 110px;
}


.single-spi-three-col-cont::before {
    background: rgba(0, 0, 0, 0.34) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.single-spi-three-col:hover .single-spi-three-col-cont::before {
    opacity: 1;
}

.single-spi-three-col-cont img {
    width: 100%;
}

.single-spi-three-col-cont .single-port-meta {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    height: 80px;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    transform: translateY(100%);
    transition: all 0.5s ease 0s;
    visibility: visible;
    width: 100%;
}

.single-spi-three-col:hover .single-port-meta {
    -webkit-box-shadow: 0px 10px 32px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 32px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 32px -13px rgba(0, 0, 0, 0.75);
}

.single-spi-three-col-cont .single-port-meta::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 20px;
    left: 37px;
    position: absolute;
    top: -10px;
    transform: rotate(44deg);
    width: 20px;
    transition: all 0.3s ease 0s;
}

.port-view-detail {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
}

.port-view-details {
    color: #ffffff;
    font-family: "Rubik", sans-serif;
    font-size: 15px;
    font-weight: 500;
    left: 0;
    letter-spacing: 0.1em;
    line-height: 13.2px;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    visibility: hidden;
}

.single-spi-three-col-cont:hover .port-view-details {
    visibility: visible;
    opacity: 1;
}

.port-view-detail:hover .port-view-details {
    color: #fff;
}

.single-spi-three-col-cont .port-title {
    color: #333333;
    font-size: 15px;
    line-height: 18px;
}

.single-spi-three-col-cont .port-subtitle {
    color: #828282;
}

.single-spi-three-col-cont .single-port-meta .single-port-titles {
    float: left;
    padding: 7px 0 0 22px;
    width: 72%;
}

.single-spi-three-col-cont .single-port-meta .port-icons {
    float: left;
    padding-left: 13px;
    padding-top: 22px;
    text-align: center;
    width: 28%;
}

.single-spi-three-col-cont .single-port-meta .port-icons a {
    text-align: center;
}

.single-spi-three-col-cont .single-port-meta .port-icons a i {
    color: #cccccc;
    font-size: 22px;
}

.single-spi-three-col-cont .single-port-meta .port-icons a .line-qty {
    color: #cccccc;
    font-size: 14px;
    font-weight: 400;
}

.tcp-lodemore {
    margin-top: 20px;
}

.tcp-lodemore .mp-lodemore {
    color: #272727;
    font-weight: 700;
}





/*------------------------------------------------------------
** single masonary portfolio
/*------------------------------------------------------------*/

.single-mpi-four-col-cont::before {
    background: rgba(248, 247, 247, 0.64) none repeat scroll 0 0;
    content: "";
    height: 118%;
    left: -53px;
    opacity: 0;
    position: absolute;
    top: -42px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 138%;
    z-index: 1;
}

.single-mpi-four-col-cont:hover .port-view-details {
    color: #686868;
    z-index: 1;
}


/*------------------------------------------------------------
** case study area
/*------------------------------------------------------------*/

.case-study-area {
    padding: 40px 0 40px;
	background: rgba(0, 0, 0, 0) url(../img/bg/who-we-are.jpg) no-repeat scroll center center / cover;
}
.case-studies {
	border-right: 5px solid #037A9A;
}
.case-studies-bg {
	background-color: #464646;
}
.case-studies-width {
	max-width: 800px;
    margin: 60px auto 0 auto;
}
.pagetitle {
	background: #00bff3 none repeat scroll 0 0;
    padding: 0px 0;
}

/*case-filter*/

.case-study-filter {
    margin-bottom: 79px;
}

.case-study-filter ul {}

.case-study-filter ul li {
    color: #323232;
    cursor: pointer;
    display: inline-block;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-left: 14px;
    position: relative;
    text-transform: uppercase;
    padding: 9px 30px;
}

.case-study-filter ul li.active {
    color: #00bff3;
    padding: 9px 30px;
    background: #f6f6f6;
    border-bottom: 1px solid #00bff3;
    transition: all 0.2s ease 0s;
}

.case-study-filter ul li::before {
    background: #b5b5b5 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 6px;
    left: 13px;
    position: absolute;
    top: 14px;
    width: 7px;
}

.single-casestudy-item {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
	margin-top: 20px;
}

.single-casestudy-item:hover .sci-content {
    /*background: #00bff3 none repeat scroll 0 0;
    box-shadow: 0px 12px 8px 0px rgba(189, 189, 189, 0.7);
    border-bottom: 2px solid rgba(246, 246, 246, 0);*/
}

.single-casestudy-item:hover a,
.single-casestudy-item:hover .case-name {
    color: #000;
}

.single-casestudy-item img {
    width: 100%;
	border: 1px solid #DADADA;
}
.single-casestudy-item .img-cir {
	border: 1px solid #00ADEF;
    border-radius: 50%;
    max-width: 190px;
    height: 190px;
}

.sci-content {
    /*background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 2px solid #00bff3;*/
    padding: 19px 0 6px;
    transition: all 0.3s ease 0s;
}

.sci-content a {
    color: #323232;
    font-size: 18px;
    /*font-weight: 500;*/
    /*letter-spacing: -0.02em;*/
    display: block;
}

.case-name {
    color: #777777;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0em;
    padding-top: 4px;
    transition: all 0.3s ease;
}


.case-pasination {
    text-align: center;
    margin-top: 40px;
}

.case-pasination ul {}

.case-pasination ul li {
    display: inline-block;
    margin-right: 18px;
}

.case-pasination ul li {
    color: #333333;
}

.case-pasination ul li a {
    color: #333333;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
}

.case-pasination ul li a.active {
    color: #ffffff;
    background: #00bff3 none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 40px;
    width: 40px;
}

.case-pasination ul li a span {
    border: 1px solid #eaeaea;
    border-radius: 25px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    line-height: 40px;
    padding: 8px 29px;
}


/*------------------------------------------------------------
** case-service-area
/*------------------------------------------------------------*/

.ase-service-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/case-service-bg.jpg") repeat scroll 0 0 / 100% 100%;
    padding: 56px 0 103px;
    position: relative;
}

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

.cs-heading h2 {
    color: #454545;
    font-weight: 400;
    line-height: 75px;
}

.cs-heading p {
    color: #999999;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin: auto;
    width: 67%;
}

.case-service-single {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 56px;
    padding: 51px 0 72px;
    text-align: center;
}

.case-service-single img {}

.case-service-single h4 {
    color: #00bff3;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 21px;
    margin-top: 25px;
}

.case-service-single p {
    color: #999999;
    font-weight: 400;
    line-height: 20px;
    margin: auto;
    width: 80%;
}


/*------------------------------------------------------------
** case-solution-area
/*------------------------------------------------------------*/

.case-solution-area {
    padding: 40px 0 40px;
}

.case-solution {
    margin-top: 0;
}

.cs-solution-cont {}

.cs-solution-cont h4 {
    color: #323232;
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
}

.cs-solution-cont h6 {
    color: #00bff3;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    font-family: 'Lato', sans-serif;
}

.cs-solution-cont p {
    color: #777777;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.cs-points {
    margin-top: 23px;
    overflow: hidden;
}

.cs-points-left {
    float: left;
    width: 50%;
}

.cs-points-right {
    float: left;
    width: 50%;
}

.increase-points {}

.increase-points li {
    color: #777777;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 26px;
}

.increase-points li i {
    color: #00bff3;
    margin-right: 18px;
}




/* cs-meta-details */

.cs-meta-details {
    padding: 95px 0 0;
}

.cs-meta-single {
    padding-left: 40px;
}

.cs-meta-single h3 {
    color: #1c1c1c;
    font-size: 35px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 30px;
    transition: all 0.3s ease 0s;
}

.cs-meta-single h3.active,
.cs-meta-single h3:hover {
    color: #00bff3;
}

.cs-meta-single p {
    color: #999999;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}




/*/*------------------------------------------------------------
** case-graph-area
/*------------------------------------------------------------*/

.case-graph-area {
    border-top: 1px solid #ece9e9;
    padding: 0 0 102px;
}

.graph-img {}

.graph-img img {}

.graph-result {}

.result-heading {
    margin: 80px 0 50px;
}

.result-heading h5 {
    color: #323232;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

.result-heading p {
    color: #999999;
    font-weight: 400;
    line-height: 24px;
}

.single-increase-cont {
    text-align: center;
}

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

.single-increase-cont-right {
    float: left;
    width: 50%;
}

.single-increase-content {}

.single-increase-content img {
    margin-bottom: 16px;
}

.single-increase-content p {
    color: #00bff3;
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.05em;
}

.inc-icon1::before {
    background: rgba(0, 0, 0, 0) url("../img/icon/increase-icon-1.png") repeat scroll 0 0;
    content: "";
    display: block;
    height: 30px;
    left: 11.5%;
    position: absolute;
    width: 30px;
}

.inc-icon2::before {
    background: rgba(0, 0, 0, 0) url("../img/icon/increase-icon-2.png") repeat scroll 0 0;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    right: 35%;
    width: 30px;
}

.single-increase-content h5 {
    color: #323232;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}




/*------------------------------------------------------------
** cs-related-post-area
/*------------------------------------------------------------*/

.cs-related-post-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/cs-related-post-bg.jpg") repeat scroll 0 0 / 100% 100%;
    padding: 82px 0 57px;
    position: relative;
}

.cs-related-post-carousel {}

.cs-related-post-carousel .owl-nav {
    bottom: -23%;
    color: #777777;
    font-size: 12px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.cs-related-post-carousel .owl-prev {
    left: 10px;
    position: absolute;
}

.cs-related-post-carousel .owl-prev::before {
    border: 1px solid #777777;
    border-radius: 50%;
    content: "";
    height: 22px;
    left: -5px;
    line-height: 30px;
    position: absolute;
    top: -3px;
    width: 22px;
}

.cs-related-post-carousel .owl-next::before {
    border: 1px solid #777777;
    border-radius: 50%;
    content: "";
    height: 22px;
    left: -5px;
    line-height: 30px;
    position: absolute;
    top: -3px;
    width: 22px;
}

.cs-related-post-carousel .owl-next {
    position: absolute;
    right: 10px;
}

.cs-related-post-carousel .owl-dots {
    bottom: -28%;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.cs-related-post-carousel .owl-dots .owl-dot {
    display: inline-block;
}

.cs-related-post-carousel .owl-dots .owl-dot span {
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 50%;
    display: inherit;
    height: 8px;
    margin-right: 8px;
    transition: all 0.3s ease-in 0s;
    width: 8px;
    border: 1px solid #232323;
}

.cs-related-post-carousel .owl-dots .active span {
    background: #ddd none repeat scroll 0 0;
    border: 1px solid #ddd;
}

.cs-rp-carousel-container {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 40px 0;
}




/*------------------------------------------------------------
** error page
/*------------------------------------------------------------*/

.error-area {
    padding: 111px 0 148px;
}

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

.error-logo img {}

.jooker-img {}

.jooker-img img {}

.error-head {
    text-align: left;
    position: relative;
}

.error-head .error-heading {
    color: #ebebeb;
    font-size: 220.1px;
    font-weight: 700;
    line-height: 60.03px;
    transform: rotate(-90deg);
    position: absolute;
    top: 202px;
    display: block;
    left: -21%;
}

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

.error-content h3 {
    color: #000000;
    font-family: "Lato", sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.998em;
    line-height: 48px;
    text-transform: uppercase;
}

.error-content p {
    color: #959595;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.3em;
    line-height: 48px;
    text-transform: uppercase;
}

.error-content .goback {
    color: #00bff3;
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3em;
    line-height: 30px;
    margin-top: 40px;
    text-decoration: underline;
    text-transform: uppercase;
}




/*------------------------------------------------------------
## contact page area
/*------------------------------------------------------------*/

.st-contact-area {
    padding: 100px 0 80px;
    background: #202020 url(../img/bg/st-contact-bg.jpg) no-repeat scroll center center / cover;
}

.stcntact-info {
    background: #fff none repeat scroll 0 0;
    display: block;
    padding: 40px 0 36px;
}

.contact-info-single {
    text-align: center;
    position: relative;
}

.contact-info-bdr::before {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    content: "";
    height: 206px;
    left: 0;
    position: absolute;
    top: -40px;
    width: 1px;
}

.contact-info-bdr::after {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    content: "";
    height: 206px;
    right: 0;
    position: absolute;
    top: -40px;
    width: 1px;
}

.contact-info-single i {
    font-size: 36px;
    color: #090803;
    line-height: 21px;
}

.contact-info-single h4 {
    color: #090803;
    font-size: 25px;
    line-height: 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}

.contact-info-single p {
    font-size: 18px;
    line-height: 25px;
    color: #666666;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.contact-info-single ul {}

.contact-info-single ul li {
    padding: 17px 0 22px;
}

.contact-info-single ul li:nth-child(1) {
    border-bottom: 1px solid #e5e5e5;
}

.contact-info-single ul li a {
    color: #323232;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
}

.contact-info-single ul li a i {
    font-size: 18px;
}

.st-map-area {
    background: #0086AB none repeat scroll 0 0;
    display: block;
}

#googleMap {
    height: 598px;
    width: 100%;
    overflow: hidden;
}




/*contact form*/

.contact-head h2 {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    line-height: 66px;
    font-size: 48px;
    margin-top: 40px;
}

.contact-form-area {}

.contact-form-area .form-group {
    text-align: left;
    margin-bottom: 20px;
}

.contact-form-area .form-group input {
    background: transparent;
    border: medium none transparent;
    border-bottom: 2px solid #ffffff;
    color: #fff;
    font-size: 16.01px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    height: 57px;
    padding: 10px 0px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}




/* placeholder */

.st-contact-style ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
}

.st-contact-style :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}

.st-contact-style ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}

.st-contact-style :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}

.contact-form-area .form-group textarea {
    background: transparent;
    border: medium none transparent;
    border-bottom: 2px solid #ffffff;
    color: #fff;
    font-size: 16.01px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    min-height: 132px;
    padding: 10px 0px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.contact-form-area .form-group input:hover,
.contact-form-area .form-group input:focus,
.contact-form-area .form-group textarea:hover,
.contact-form-area .form-group textarea:focus {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
}

.contact-form-area .form-group .cont-submit {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0) inset;
    color: #fff;
    display: inline-block;
    font-family: "Rubik", sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 55px;
    line-height: 55px;
    margin-top: 9px;
    outline-color: rgba(255, 255, 255, 0.5);
    outline-offset: 0;
    padding: 0 17px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.contact-form-area .form-group .cont-submit:hover {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5) inset, 0 0 20px rgba(255, 255, 255, 0.2);
    outline: 1px solid rgba(255, 255, 255, 0);
    outline-offset: 15px;
}

.cf-msg {
    padding: 0px;
    text-align: center;
    margin-bottom: 0px;
}

.cf-msg p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize;
}
.img-space {
    float: left;
    padding: 0 30px 20px 0;
}



/* carousel */
#quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 30px;
  text-align:center;
}
/* indicator position */
#quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: -10px;
  margin-right: -19px;
}
/* indicator color */
#quote-carousel .carousel-indicators li {
  background: #c0c0c0;
}
/* active indicator */
#quote-carousel .carousel-indicators .active {
  background: #333333;
  height:10px;
  width:10px;
  margin-bottom:1px;
}
/* typography */
h1 {
  text-align:center;
  margin-bottom:-20px !important;
}
.carousel-inner p {
  color:#000;
  text-align:justify;
  font-size: 16px;
  line-height: 24px;
}
.carousel-inner small {
  color:#000;
  font-size:16px;
  text-transform: uppercase;
}
/* crousel-end*/



ul.social-network {
    list-style: none;
    display: inline;
    margin-top: 15px;
    padding: 0;
    transition: .5s;
}
ul.social-network li {
    display: inline;
    margin: 0;
}
.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 35px;
    height: 35px;
    font-size: 20px;
}
.social-circle li i {
    margin: 0;
    line-height: 37px;
    text-align: center;
}
.social-circle i {
    color: #11a6d2;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}

.social-circle li a:hover i,.triggeredHover{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms--transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.social-circle i{color:#11a6d2;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;-ms-transition:all .8s;transition:all .8s}
.animsition-loading{border:none!important;transform:none!important;animation-name:none!important;width:55px;height:55px}
img.icon-color,img.icon-white{max-width:40px!important}
.even-brdr:after,.odd-brdr:before{display:none}
.social-network a.icoFacebook:hover{background-color:#3B5998}
.social-network a.icoTwitter:hover{background-color:#3cf}
.social-network a.icoGoogle:hover{background-color:#BD3518}
.social-network a.icoLinkedin:hover{background-color:#007bb7}
.social-network a.icoFacebook:hover i,.social-network a.icoGoogle:hover i,.social-network a.icoLinkedin:hover i,.social-network a.icoRss:hover i,.social-network a.icoTwitter:hover i,.social-network a.icoVimeo:hover i{color:#fff}
.socialHoverClass,a.socialIcon:hover{color:#44BCDD}


.divider {
    background-repeat: repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.text-theme-colored1 {
	color:#fff;
}
.text-theme-colored2 {
	color:#000;
}
.text-theme-colored3 {
	color:#fff;
}
.text-theme-colored4 {
	color:#fff;
}
.text-theme-colored5 {
	color:#fff;
}

/*--------------popup------------*/
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=40);
-moz-opacity:0.40;
-khtml-opacity: 0.40;
opacity: 0.40;
z-index: 99998;
}
.cnt223 a{
text-decoration: none;
}
.popup{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 99999;
background: rgba(0, 0, 0, 0.20);
padding: 10px 14px 10px 7px;
height:100%;
}
.cnt223{
max-width: 779px;
/* width: 649px; */
/* min-height: 150px; */
margin: 100px auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}
.cnt223 p{
clear: both;
color: #555555;
text-align: justify;
}
.cnt223 p a{
color: #d91900;
font-weight: bold;
}
.cnt223 .x{
/*float: right; */
height: 35px;
right: -10px;
position: absolute;
top: -10px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}
/*--------------popup------------*/


/* .dropdown {
    position: relative;
    display: inline-block;
} */

/* select {
    padding: 10px;
    font-size: 16px;
    width: 100%;
}

.option-flag {
    margin-right: 10px;
} */
.floating-button {
    position: fixed;
    bottom: 30%;
    right: -40px;
    background-color: #00bff3;
    color: #fff;
    padding: 5px 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    z-index: 1000;
    transition: background-color 0.3s;
    transform: rotate(90deg);
}

.contact-textarea1{
    min-height: 40px !important;
}
.button-animation {
    position: relative;
    display: inline-block;
    padding: 15px 20px;
    margin-top: 10px;
    color: #F6901D;
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: 4px;
    transition: 0.5s;
  }
  .button-animation span {
    position: absolute;
    display: block;
  }
  .button-animation span:nth-child(1) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #F6901D);
    animation: btn-anim1 1s linear infinite;
  }
  @keyframes btn-anim1 {
    0% {
      left: -100%;
    }
    50%, 100% {
      left: 100%;
    }
  }
  .button-animation span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #F6901D);
    animation: btn-anim2 1s linear infinite;
    animation-delay: 0.25s;
  }
  @keyframes btn-anim2 {
    0% {
      top: -100%;
    }
    50%, 100% {
      top: 100%;
    }
  }
  .button-animation span:nth-child(3) {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #F6901D);
    animation: btn-anim3 1s linear infinite;
    animation-delay: 0.5s;
  }
  @keyframes btn-anim3 {
    0% {
      right: -100%;
    }
    50%, 100% {
      right: 100%;
    }
  }
  .button-animation span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #F6901D);
    animation: btn-anim4 1s linear infinite;
    animation-delay: 0.75s;
  }
  @keyframes btn-anim4 {
    0% {
      bottom: -100%;
    }
    50%, 100% {
      bottom: 100%;
    }
  }
  .button-animation:hover {
    background-color: #F6901D;
    color: #fff;
    border-radius: 5px;
  }
  .contact-textarea2{
    min-height: 80px !important;
  }
  .timezone{
    background: transparent;
    border: medium none transparent;
    border-bottom: 2px solid #ffffff;
    color: #fff;
    font-size: 16.01px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    height: 57px;
    padding: 10px 0px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
  }
  .timezone option{
    color: #000;
  }
  
  .dropdown_menu-6 {
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
}
.dropdown_menu--animated {
    display: none;
}
.dropdown_menu {
    /*position: absolute;*/
    top: 100%;
    left: 0;
    /*width: 200px;*/
    padding-left: 0;
    padding: 10px 0;
    perspective: 1000px;
    background: #fff;
    /* z-index: -1; */
}
@-o-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}
@media only screen and (min-width: 992px){
    /*.dropdown:hover .dropdown_menu--animated {*/
    /*    display: block !important;*/
    /*}*/
    .dropdown_menu li {
        color: #34495e;
        background: #fff;
        padding: 10px 15px !important;
        font-size: 16px;
        opacity: 1;
    }
    .dropdown_menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 200px;
        padding-left: 0;
        padding: 10px 0;
        perspective: 1000px;
        background: #fff;
        /* z-index: -1; */
    }
}
.dropdown:hover .dropdown_menu--animated {
        display: block !important;
    }

.dropdown:hover .dropdown_menu li {
    display: block !important;
}
.dropdown_menu li {
    color: #34495e;
    background: #fff;
    /*padding: 10px 15px !important;*/
    font-size: 16px;
    opacity: 1;
}
.dropdown {
    color: #fff;
    position: relative;
    font-size: 18px;
    perspective: 1000px;
    z-index: 100;
}
.dropdown_menu li a{
    color: #00adef;
}
.dropdown .dropdown_menu li a:hover {
    border-bottom: 2px solid #F6901D;
}