/*-----------------------------------------------------------------------------------
Strick main css file

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================
  
    1. Theme default CSS
    2. Home 1 CSS
    2.1 Header CSS
        2.2 Hero CSS 
        2.3 Services CSS
        2.4 About Us CSS
        2.5 How We Work CSS
        2.6 Our Approach CSS
        2.7 Why We Best CSS
        2.8 Our Case Study CSS
        2.9 Recent Blog CSS
        2.10 Footer CSS
    3. Home 2 CSS
        3.1 Header CSS
        3.2 Hero 2 CSS
        3.3 Services 2 CSS
        3.4 About CSS
        3.5 How We Work 2 CSS
        3.6 Exclusive Services CSS
        3.7 Fun Fact CSS
        3.8 Recent Project CSS
        3.9 Team Area CSS
        3.10 Testimonial CSS
        3.11 Recent Blog CSS
        3.12 Footer CSS
    4. Home 3 CSS
        4.1 Header CSS
        4.2 Hero CSS 
        4.3 Sponsor CSS
        4.4 Services CSS
        4.5 About US CSS
        4.6 Why We Best
        4.7 Our Speciality CSS
        4.8 Case Study CSS
        4.9 Team Area CSS
        4.10 Our Blog
        4.11 Footer CSS
    5. Home 4 CSS
        5.1 Header CSS
        5.2 Hero CSS
        5.3 About CSS
        5.4 About Agency CSS
        5.5 Why Us CSS
        5.6 How We Work CSS
        5.7 portfolio-single CSS
        5.8 Case Study CSS
        5.9 Recent Blog CSS
        
        5.10 Footer CSS
   

    6. Home 5 CSS

    7. About Page V1 CSS

    8. About Page V2 CSS

    9. Services Page V1 CSS

    10. Services Page V2 CSS

    11. Services Page V3 CSS

    12. Services Details V1 CSS

    13. Services Details V2 CSS

    14. Services Details V3 CSS

    15. Contact US V1 CSS

    16. Contact US V2 CSS

    17. Portfolio V1
    18. Portfolio V2
    19. Portfolio V3
    20. Portfolio V4
    21. Portfolio V5
    22. Portfolio V6

    23. Portfolio Details V1
    24. Portfolio Details V2

    25. Shop Page V1
    26. Shop Page V2
    27. Shop Page V3

    28. Cart Page CSS
    29. Checkout Page CSS

    30. Blog 1 CSS
    31. Blog 2 CSS
    32. Blog 3 CSS
    33. Blog 4 CSS
    34. Blog 5 CSS
    35. Blog 6 CSS
    36. Blog Details V1 CSS
    37. Blog Details V2 CSS
    38. Blog Details V3 CSS
    39. Faq Page CSS
    40. Pricing Page CSS
    41. Coming Soon Page CSS
    42. 404 Page CSS
    43. Product Details
-----------------------------------------------------------------------------------*/


/*----------------------------------------*/
/*  1. Theme default CSS
/*----------------------------------------*/

.clear {
    clear: both
}

::-moz-selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

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

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

div#preloader {
    background: #0e111f url(../img/loader.gif) no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

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

.mar-bot-50 {
    margin-bottom: 50px;
}

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

.mar-bot-35 {
    margin-bottom: 35px;
}

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

.mar-top-30 {
    margin-top: 30px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-55 {
    margin-top: 55px;
}

.mar-top-108 {
    margin-top: 108px;
}

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

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

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

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

html {
    font-size: 62.5%;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1.5px;
    color: #888;
    line-height: 25px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

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

button,
input,
textarea {
    letter-spacing: 1px;
}



/* 
Table Of Contents
=========================
- Default Typography
- Custom Typography
=========================
*/


/* 
--------------------------
- Default Typography
--------------------------
*/

body {
    font-family: 'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px;
    letter-spacing: 1.5px;
    font-family: 'Poppins', sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    font-family: 'Poppins', sans-serif;
}

h1 {
    font-size: 36px;
    letter-spacing: 1px;
}

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

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

h4 {
    font-size: 20px;
    line-height: 27px;
}

h5 {
    font-size: 16px;
    line-height: 24px;
}

h6 {
    font-size: 14px;
    line-height: 24px;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.7;
    margin: 0;
}

p img {
    margin: 0;
}

span {
    font-family: 'Poppins', sans-serif;
}

small {
    font-size: 11px;
    line-height: inherit;
}


/*  blockquotes */

blockquote {
    border-left: 0 none;
    font-family: 'Poppins', sans-serif;
    margin: 10px 0;
    padding-left: 60px;
    position: relative;
}

blockquote::before {
    color: #4e5665;
    content: "";
    font-family: FontAwesome;
    font-size: 36px;
    left: 20px;
    line-height: 0;
    margin: 0;
    opacity: 0.5;
    position: absolute;
    top: 30px;
}

blockquote p {
    font-style: italic;
    padding: 0;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 0 !important;
}

blockquote cite {
    display: block;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
    color: #8B9798;
    border: none
}

/* abbreviations */

abbr {
    color: #444;
    font-weight: 700;
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: .6px;
}

abbr:hover {
    cursor: help;
}

/* links */

a,
a:visited {
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    color: #111;
    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;
}

a:hover,
a:active {
    color: #00b0ff;
    text-decoration: none;
    outline: 0;
}

a:focus {
    text-decoration: none;
    outline: 0;
}

p a,
p a:visited {
    line-height: inherit;
    outline: 0;
}

a.active-page {
    color: #e6ae48!important;
}


/* list */

ol,
ul.square,
ul.circle,
ul.disc {
    margin-left: 0px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}
li {
    margin: 5px 0;
}
/* definition list */

dl {
    margin: 12px 0;
}

dt {
    color: #11ABB0;
}

.btn-style-a,
.btn-style-c,
.btn-style-d {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 10px 20px;
    
    border-radius: 5px;
    transition: .5s ease;
}

.btn-style-a {
    border: 2px solid #02cc87;
}
.btn-style-a:hover {
    background-color: #02cc87;
}

.btn-style-c {
    border: 2px solid #fff;
}
.btn-style-c:hover {
    background-color: #ff6321;
    border: 2px solid #ff6321;
}

.btn-style-b {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #fff !important;
    background-color: #1432d0;
    padding: 10px 25px;
    border-radius: 5px;
    transition: .5s ease;
    display: inline-block;
}

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


.btn-style-d {
    background-color: transparent;
    border-radius: 25px;
    min-width: 150px;
    border: 2px solid #fff;
    display: inline-block;
    padding: 8px 10px;
    transition: .5s ease;
}

.btn-style-d:hover {
    border: 2px solid #0c78af;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
}


.btn-style-d_2 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #fff !important;
    border-radius: 25px;
    display: inline-block;
    padding: 10px 30px;
    transition: .5s ease;
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-color: #04bb8f;
}
.btn-style-d_2:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.sp2-btn {
    font-size: 16px;
    letter-spacing: 0px;
    color: #fff !important;
    background-color: #ff6321;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 5px;
    transition: .5s ease;
}

.sp2-btn:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn-style-e {
    font-size: 14px;
    color: #3b3f54;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 10px 20px;
    background-color: #c5cbf6;
    border-radius: 5px;
    transition: .5s ease;
}
.btn-style-e:hover {
    color: #fff;
    background-color: #02cc87;
}
.strick-btn.elementor-widget.elementor-widget-button {
    display: inline-block !important;
}
/* 
--------------------------
- Custom Typography
--------------------------
*/


/* Your Custom Typography. */


/*----------------------------------------*/
/*  2. Home 1 CSS
/*----------------------------------------*/
.section-padding {
    padding: 100px 0px;
}
.section-padding-60 {
    padding: 100px 0px 60px;
}

.section-title {
    position: relative;
    text-align: center;
    padding: 25px 0px;
}

.section-title p {
    font-size: 24px;
    color: #3b3f54;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 20px;
}

.section-title h3 {
    font-size: 36px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 500;
    line-height: 50px;
}

.section-title2 {
    position: relative;
    text-align: center;
    padding: 25px 0px;
}

.section-title2 p {
    font-size: 16px;
    color: #3b3f54;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 20px;
}

.section-title2 h3 {
    font-size: 36px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 500;
    line-height: 50px;
}

.section-paragraph {
    position: relative;
}

.section-paragraph p {
    font-size: 14px;
    color: #3b3f54;
    letter-spacing: 0px;
    line-height: 24px;
    margin-bottom: 30px;
}
/* 2.1 Header CSS */
.headerV1.navbar-fixed-top {
    z-index: 99;
    background-color: #1432d0;
}
.headerV1 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    transition: .5s ease;
}
.h-tob-bar {
    position: relative;
    padding: 15px 0px 5px;
    border-bottom: 1px solid #6780ff;
    transition: .5s ease;
    margin-top: 0px;
}
.h-tob-bar.htb-hide {
    opacity: 1;
    height: 0px;
    overflow: hidden;
    padding: 0px;
    border: none;
}
.navbar-fixed-top .h-tob-bar {
    display: none;
}
.htb {}

.htb-left {}

ul.h-social {
    position: relative;
    padding: 0;
    list-style-type: none;
}

ul.h-social li {
    display: inline-block;
    margin: 5px;
}
ul.h-social li:first-child{
    margin-left: 0px;
}

ul.h-social li a {
    color: #fff;
    font-size: 16px;
}

ul.h-social li a i {}

ul.h-social li a:hover {
    color: #02cc87;
}

.htb-right {}

.htb-right ul {
    position: relative;
    padding: 0;
    list-style-type: none;
    text-align: right;
}

.htb-right ul li {
    display: inline-block;
    letter-spacing: 0px;
    color: #fff;
    margin: 5px;
}

.htb-right ul li:last-child{
    margin-right: 0px;
}

.htb-right ul li i {
    font-size: 16px;
    margin-right: 5px;
}

.htb-right ul li span {}

.menu-area {
    margin: 10px auto;
}

.desktop-menu {
    padding: 15px 0px;
}

.logo {
    margin: 5px auto;
}

.header-area .logo img {
    width: 160px;
}

.logo a {
    color: #fff;
}
.headerV1 .desktop-menu .logo {
    padding: 12px 0px;
}

.headerV1 .desktop-menu .logo a {
    display: block;
}
.search-and-cart-btn,
.menu2-btn{
    position: relative;
    display: inline-block;
}

.srch-btn {
    margin-right: 10px;
    position: relative;
    min-width: 40px;
}

.cart-btn {}

.srch-btn,.cart-btn {
    display: inline-block;
}

.main-menu nav >ul {margin-right: 0;display: inline-block;}

.main-menu {
    text-align: right;
}
.elementor-section.header-area.headerV1
.search-and-cart-btn a {
    color: #fff;
    font-size: 16px;
}
form.search-form {
	position: absolute;
    right: 0;
    height: 40px;
    bottom: -15px;
    z-index: 9;
}
.search-and-cart-btn form.search-form, .srch-btn form.search-form{
	z-index:9999;
}
/* Cart CSS */
.cart-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1140px;
}
.cart-badge {
    background-color: #6394F8;
    border-radius: 10px;
    color: white;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
  
.shopping-cart {
    display: none;
    margin: 10px 0;
    float: right;
    background: #fff;
    width: 350px;
    position: absolute;
    border-radius: 3px;
    padding: 20px;
    right: 0;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 1;
}
@media only screen and (max-width: 400px) {
	.shopping-cart {
		    width: 80vw;
	}
}
.shopping-cart .shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
}
.shopping-cart .shopping-cart-header .shopping-cart-total {
    float: right;
}
.shopping-cart .shopping-cart-items {
    padding: 20px 0;
    list-style-type: none;
}
.shopping-cart .shopping-cart-items li {
    margin-bottom: 18px;
}
.shopping-cart .shopping-cart-items img {
    float: left;
    margin-right: 12px;
}
.shopping-cart .shopping-cart-items .item-name {
    display: block;
    padding-top: 10px;
    font-size: 16px;
    letter-spacing: 0px;
}
.shopping-cart .shopping-cart-items .item-price {
    color: #6394F8;
    margin-right: 8px;
    letter-spacing: 0px;
}
.shopping-cart .shopping-cart-items .item-quantity {
    color: #ABB0BE;
    letter-spacing: 0px;
}
  
.shopping-cart:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    border-width: 8px;
    margin-left: -8px;
}
  
.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}
  a.checkout-button {
    background-color: #1432d0;
    color: #fff;
    padding: 8px 14px;
    border-radius: 5px;
    letter-spacing: 0px;
    font-size: 12px;
    transition: .5s ease;
}

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

/* Search CSS */
.search-wrapper {
    position: relative;
    border-radius: 20px;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: 250ms ease;
  }
  .search-wrapper.focused {
    width: 200px;
    background-color: #fff;
}
  .search-wrapper.focused input {
    padding: 0 40px 0 13px;
    width: 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
.search-wrapper input {
    background: transparent;
    border: 0;
    color: #000;
    font-weight: 300;
    outline: none;
    height: 40px;
    width: 0;
    overflow: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: 275ms ease;
}
  .search-wrapper input::-webkit-input-placeholder {
    color: #cccccc;
  }
  .search-wrapper input:-ms-input-placeholder {
    color: #cccccc;
  }
  .search-wrapper input::-ms-input-placeholder {
    color: #cccccc;
  }
  .search-wrapper input::placeholder {
    color: #cccccc;
  }
  .search-wrapper i {
    position: absolute;
    color: #fff;
    font-size: 18px;
    top: 50%;
    right: 13px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.search-wrapper.focused i {
    color: #000;
}
.search-and-cart-btn .cart-btn a {
    color: #fff;
    font-size: 16px;
}

.search-and-cart-btn .cart-btn a i {
    padding-right: 5px;
}

.mobileMenuBox {
    position: fixed;
    top: 78px;
    height: auto;
    width: 100%;
    left: 0;
}


/* -----Header CSS END----- */

/* 2.2 Hero CSS  */
.hero-area {
    position: relative;
    padding: 100px 0px 200px;
    background-image: url(../img/bg/hero-bg-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.hero-area:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(20, 50, 208, 0.85);
    top: 0;
    left: 0;
}

.hero-text {
    position: relative;
    text-align: center;
    max-width: 850px;
    margin: 25px auto;
    padding-top: 80px;
}

.hero-text h3 {
    font-size: 48px;
    color: #fff;
    line-height: 60px;
    letter-spacing: 0px;
}

.hero-text p {
    font-size: 18px;
    letter-spacing: 0px;
    color: #fff;
    max-width: 720px;
    margin: 40px auto;
    line-height: 36px;
}

.hero-btn {
    position: relative;
}

.hero-btn a {
    color: #fff;
    margin: 5px;
}


/* -----Hero CSS END----- */

/* 2.3 Services CSS */
.services-area {
    position: relative;
    padding: 80px 0px;
    background-image: url(../img/bg/services-area-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    margin-top: -140px;
}
.services-area .section-title {
    max-width: 520px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.single-services {
    position: relative;
    padding: 25px;
    max-width: 350px;
    margin: 15px auto;
    transition: .5s ease;
    overflow: hidden;
}
.ss-icon {
    position: relative;
    margin-top: 15px;
}
.ss-icon i {
    color: #1432d0;
    font-size: 80px;
    line-height: 80px;
    transition: .5s ease;
}

.ss-icon i:before {
    font-size: inherit;
    margin: 0;
}

.single-services:hover .ss-icon i {
    color: #fff;
}
.ss-icon .ssi-p {
    display: block;
}

.ss-icon .ssi-h {
    display: none;
}

.ss-icon .ss-text {}

.ss-text {
    position: relative;
    margin-bottom: 15px;
}

.ss-text h4 {
    margin-top: 0;
    color: #3b3f54;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 15px 0px;
    letter-spacing: 0px;
    transition: .5s ease;
}

.ss-text p {
    font-size: 14px;
    letter-spacing: 0px;
    color: #3b3f54;
    line-height: 22px;
    margin-bottom: 15px;
    transition: .5s ease;
}

.ss-icon img {
    height: 65px;
    width: 65px;
    margin-bottom: 10px;
    transition: .5s ease;
}

.single-services:hover {
    background-color: #1432d0;
}

.single-services:hover .ss-icon .ssi-p {
    display: none;
}

.single-services:hover .ss-icon .ssi-h {
    display: block;
}

.ss-text a {
    font-size: 14px;
    letter-spacing: 0px;
}

.ss-text a i {
    padding-left: 8px;
}

.single-services:hover .ss-text h4,
.single-services:hover .ss-text p,
.single-services:hover .ss-text a {
    color: #fff;
}
.single-services:after {
    position: absolute;
    content: url(../img/service-bg-hover.png);
    left: 40px;
    bottom: 30px;
    transition: .5s ease;
    opacity: 0;
}
.single-services:before {
    position: absolute;
    content: url(../img/service-bg-hover.png);
    right: 40px;
    top: 30px;
    transform: rotate(180deg);
    transition: .5s ease;
    opacity: 0;
}
.single-services:hover:after {
    opacity: 1;
    left: 0;
    bottom: -10px;
}
.single-services:hover:before {
    opacity: 1;
    right: 0;
    top: -10px;
}
/* --------Services CSS END-------- */

/* 2.4 About Us CSS */
.about-us {
    position: relative;
    padding: 25px 0px;
    background-image: url(../img/bg/about-bg-overlay.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    overflow: hidden;
}
.about-us .section-title {
    text-align: left;
    margin-bottom: 10px;
}
.about-img {
    position: relative;
    padding-top: 135px;
    z-index: 1;
}
.about-img:after {
    position: absolute;
    content: url(../img/bg/about-bg.png);
    right: -200px;
    top: 40px;
    transform: scale(0.85);
    z-index: -1;
}
.about-img img {
    -webkit-box-shadow: 0px 0px 9px -2px rgba(75,43,255,1);
    -moz-box-shadow: 0px 0px 9px -2px rgba(75,43,255,1);
    box-shadow: 0px 0px 9px -2px rgba(75,43,255,1);
}
/* About Us CSS END */

/* 2.5 How We Work CSS */
.how-we-work {
    position: relative;
    padding: 0px 0px 80px;
}

.how-we-work .section-title {
    max-width: 580px;
    margin: 0 auto;
    margin-bottom: 80px;
}

.get-analysis-report {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background-color: #f7f8ff;
    margin-bottom: 25px;
}

.get-analysis-report h4 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    letter-spacing: 0px;
    padding: 15px 10px;
    background-color: #1432d0;
}

.form-gar {
    padding: 25px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

.form-gar input {
    letter-spacing: 0px;
    font-size: 14px;
    height: 54px;
    padding: 0px 15px;
    margin-bottom: 25px;
    border-radius: 5px;
    border-color: #f0f2fe;
}

.form-gar input[type=submit] {
    font-weight: 600;
    color: #fff;
    margin-bottom: 0px;
    background-color: #1432d0;
    transition: .5s ease;
}

.form-gar input[type=submit]:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-color: #1432d0;
}
.single-hww {
    position: relative;
    min-height: 160px;
    margin-bottom: 25px;
    border: 1px solid #1432d0;
    border-radius: 5px;
    transition: .5s ease;
    overflow: hidden;
}

.single-hww:hover {
    -webkit-box-shadow: 0px 0px 15px -3px rgba(20,50,208,1);
    -moz-box-shadow: 0px 0px 15px -3px rgba(20,50,208,1);
    box-shadow: 0px 0px 15px -3px rgba(20,50,208,1);
}

.sh-icon {
    height: 171px;
    width: 190px;
    background-color: #1432d0;
    float: left;
    padding: 45px 15px;
    border-radius: 5px;
    text-align: center;
}

.sh-icon img {
    height: 100%;
    width: 100%;
    padding: 30px;
}
.sh-icon i {
    color: #fff;
    font-size: 80px;
    line-height: 80px;
}

.sh-icon i:before {
    margin: 0;
    font-size: inherit;
}
.sh-text {
    float: right;
    width: calc(100% - 200px);
    padding: 28px 25px;
}

.sh-text h4 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 15px;
}

.single-hww:hover .sh-text h4 {
    color: #1432d0;
}

.sh-text p {
    font-size: 14px;
    color: #3b3f54;
    line-height: 22px;
}
/* How We Work CSS END */

/* 2.6 Our Approach CSS */
.our-approach-area {
    position: relative;
    background-image: url(../img/bg/approach-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    overflow: hidden;
}
.our-approach-area .section-title {
    text-align: left;
}
.approach-img {
    position: relative;
    padding-top: 135px;
    text-align: right;
    z-index: 1;
}

.approach-img:after {
    position: absolute;
    content: url(../img/bg/approach-img-bg.png);
    left: -300px;
    bottom: -120px;
    transform: scale(0.85);
    z-index: -1;
}
/* Our Approach CSS END
2.1 Header CSS
2.2 Hero CSS 
2.3 Services CSS
2.4 About Us CSS
2.5 How We Work CSS
2.6 Our Approach CSS
2.7 Why We Best CSS
/* 2.7 Why We Best CSS */
.why-we-best {
    position: relative;
}

.why-we-best .section-title {
    margin-top: 25px;
    text-align: left;
}

.whyWebest-text {
    max-width: 510px;
}

.whyWebest-text p {}

.whyWebest-text a {}

.single-wwb {
    position: relative;
    margin-bottom: 25px;
}

.sw-icon {
    position: relative;
    height: 70px;
    width: 70px;
    float: left;
}
.sw-icon i {
    color: #1432d0;
    font-size: 65px;
    line-height: 65px;
}

.sw-icon i:before {
    font-size: inherit;
    margin: 0;
}
.sw-icon:before {
    position: absolute;
    content: '';
    top: -5px;
    left: -20px;
    background-repeat: no-repeat;
    background-image: url(../img/shape-ou-icon.png);
    background-size: 100%;
    height: 120px;
    width: 105px;
    z-index: -1;
}


.sw-text {
    position: relative;
    max-width: calc(100% - 80px);
    padding: 5px 25px;
    display: inline-block;
}

.sw-icon img {
    width: 100%;
    height: 100%;
}

.sw-text h4 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #3b3f54;
    margin-bottom: 15px;
}
.sw-text p {
    font-size: 14px;
    color: #3b3f54;
    line-height: 22px;
}
.single-wwb:hover .sw-text h4 {
    color: #1432d0;
}
/* Why We Best CSS CSS */

/* 2.8 Our Case Study CSS */
.case-study-area {
    position: relative;
    padding-bottom: 80px;
}

.case-study-area .section-title {
    max-width: 580px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.single-case-study {
    position: relative;
    max-width: 370px;
    margin: 15px auto;
    transition: .5s ease;
}

.scs-img {}

.scs-img img {}

.scs-content {
    position: relative;
    background-color: #f7f8ff;
    max-width: 315px;
    padding: 15px;
    margin-top: -35px;
    transition: .5s ease;
    border-bottom: 3px solid #f7f8ff;
}

.scs-content p {
    font-size: 12px;
    letter-spacing: 0px;
    color: #747784;
    transition: .5s ease;
}

.scs-content h4 {
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 500;
    color: #3b3f54;
    margin: 10px auto;
}

.scs-content a {
    font-size: 14px;
    letter-spacing: 0px;
    color: #747784;
}

.single-case-study:hover .scs-content {
    background-color: #1432d0;
    border-bottom: 3px solid #02cc87;
}

.single-case-study:hover .scs-content p,.single-case-study:hover .scs-content h4,.single-case-study:hover .scs-content a {
    color: #fff;
}

.scs-content a i {
    padding-left: 5px;
}

/* Our Case Study CSS END*/

/* 2.9 Recent Blog CSS */

.blog-area {
    position: relative;
    padding-bottom: 80px;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto;
    overflow: hidden;
}
.blog-area .section-title {
    max-width: 580px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.single-blog-post {
    position: relative;
    overflow: hidden;
    margin: 15px auto;
    border: 1px solid #dbe5e7;
    border-radius: 5px;
    background-color: #fff;
    transition: .5s ease;
}

.sbp-img {
    position: absolute;
    width: 100%;
    max-width: 540px;
    height: 100%;
    top: -100%;
    left: 0;
    transition: .5s ease;
    z-index: 1;
}

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

.single-blog-post .sbp-img a img {
    height: 100%;
    width: 100%;
}
.sbp-text-content {
    position: relative;
    border-radius: 5px;
    padding: 20px 15px;
    max-width: 540px;
    transition: .5s ease;
}

.sbp-meta {
    border-radius: 5px;
}

.sbp-meta ul {
    position: relative;
    padding: 0;
    list-style-type: none;
        margin-bottom: 7px;
}

.sbp-meta ul li {
    display: inline-block;
    letter-spacing: 0px;
    font-size: 14px;
    color: #747784;
    line-height: 14px;
    padding: 0px 5px;
    border-left: 2px solid #747784;
}

.sbp-meta ul li:first-child {
    border-left: none;
    padding-left: 0px;
}

.sbp-meta ul li a {
    letter-spacing: 0px;
    font-size: 14px;
    color: #747784;
    padding: 0px;
    display: inline-block;
}

.sbp-text {}

.sbp-text h4 {
    font-size: 18px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 500;
    margin-bottom: 7px;
}

.sbp-text h4 a {
    font-size: 16px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 500;
}
.sbp-text p {
    font-size: 14px;
    color: #3b3f54;
    line-height: 24px;
    margin-bottom: 15px;
    letter-spacing: 0px;
}

.sbp-text a {
    font-size: 16px;
    letter-spacing: 0px;
    color: #747784;
}

.sbp-text a i {padding-left: 8px;}

.single-blog-post.last-add {
    border: none;
}

.single-blog-post.last-add .sbp-img {
    position: relative;
    max-width: 100%;
    top: unset;
    left: unset;
    height: unset;
}

.single-blog-post.last-add .sbp-img img {}

.single-blog-post.last-add .sbp-text-content {
    max-width: 640px;
    padding: 20px 0px;
}

.single-blog-post.last-add .sbp-meta {}

.single-blog-post.last-add .sbp-meta ul {}

.single-blog-post.last-add .sbp-meta ul li:first-child {}

.single-blog-post.last-add .sbp-meta ul li {}

.single-blog-post.last-add .sbp-meta ul li a {
}

.single-blog-post.last-add .sbp-text {}

.single-blog-post.last-add .sbp-text h4 {
    font-size: 24px;
}

.single-blog-post.last-add .sbp-text p {}

.single-blog-post.last-add .sbp-text a {}

.single-blog-post.last-add .sbp-text a i {}

.single-blog-post:hover {}



.single-blog-post:hover .sbp-img {
    top: 0;
}

/* Recent Blog CSS END */

/* 2.10 Footer CSS */
.footer-area {}

.footer-widget-area {
    position: relative;
    padding: 80px 0px;
    padding-bottom: 90px;
    background-color: #2f334c;
}

.footer-copyright-area {
    position: relative;
    text-align: center;
    padding: 10px;
    background-color: #23273d;
}

.f-widget { color: #fff; }

.f-logo-text p {
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
    margin-bottom: 20px;
}

.f-widget p {
    color: #fff;
}

.f-widget img {
    margin-bottom: 20px;
}

.f-widget h4 {
    color: #fff;
    font-size: 24px;
    letter-spacing: 0px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
}

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

.f-widget ul li {
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0px;
    text-align: left;
}
footer .f-widget ul li:before {
    display: none;
}
.f-widget ul li abbr,
.f-widget ul li a {
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    letter-spacing: 0px;
}
.f-widget ul li a:hover {
    color: #02cc87;
}
.f-widget >ul>li {
    padding-left: 0;
}
.f-widget.widget_nav_menu>div>ul>li {
    padding: 0;
}
.newsletter-form form input {
    height: 44px;
    font-size: 14px;
    letter-spacing: 0px;
    background-color: transparent;
    color: #fff;
    border-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #02cc87;
    padding-left: 15px;
}

.newsletter-form form button {
    height: 44px;
    border-radius: 5px;
    background-color: #02cc87;
    color: #fff;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.fw-social {}

ul.fws-list {
    position: relative;
    padding: 0;
    list-style-type: none;
}

ul.fws-list li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
}

ul.fws-list li a {
    display: block;
    color: #2f334c;
    background-color: #fff;
    height: 40px;
    width: 40px;
    font-size: 22px;
    text-align: center;
    padding-top: 9px;
    border-radius: 5px;
}

ul.fws-list li:last-child {
    margin-right: 0px;
}

ul.fws-list li a:hover {
    color: #fff;
    background-color: #02cc87;
}
.fc-text {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fc-text p {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0px;
}
.fc-text a {
    color: #ffffff;
}
.fc-text a:hover {
    color: #02cc87;
}


/* Footer CSS END*/

/* ----------Home 1 CSS END---------- */



/*----------------------------------------*/
/*  3. Home 2 CSS
/*----------------------------------------*/

/* 3.1 Header CSS */
.custom-header-2 {
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    padding-top: 32px;
    position: absolute !important;
}

/* Side Nav CSS */
    #offCanvas {
        color: #fff;
    }
  .hamburger {
    position: absolute;
    left: 20px;
    top: 20px;
    cursor: pointer;
  }
  .hamburger i {
    font-size: 25px;
    color: white;
  }
  
  .nav-offcanvas {
    width: 300px;
    background: linear-gradient(135deg, #fbda61 0%, #f76b1c 100%);
    height: 100vh;
    position: fixed;
    overflow-x: auto;
    z-index: 2000;
    padding: 50px 0;
    top: 0;
    right: -300px;
    transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.nav-offcanvas .close {
    position: absolute;
    left: 15px;
    top: 15px;
    outline: 0;
    opacity: 1;
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
    transition: .3s ease;
}
.admin-bar .nav-offcanvas .close {
    top: 45px;
}
.admin-bar .nav-offcanvas-menu {
    padding-top: 30px;
}
.nav-offcanvas .close i {
    font-size: 22px;
    color: #fff;
    text-shadow: none;
}
.nav-offcanvas .close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.nav-offcanvas-menu ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.nav-offcanvas-menu ul li a {
    color: white;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 40px;
    display: block;
    text-decoration: none;
    position: relative;
    z-index: 1;
    transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s;
}
.nav-offcanvas-menu ul li a:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
.nav-offcanvas.open {
    right: 0;
    width: 360px;
    overflow-x: hidden;
    transition: 0.9s ease;
}
.nav-offcanvas {
    width: 300px;
    height: 100vh;
    position: fixed;
    overflow-x: auto;
    z-index: 99999;
    padding: 50px 0;
    top: 0;
    right: -300px;
    transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    text-align: center;
    background: #084575;
}
.offcanvas-overlay.on {
    opacity: 1;
    visibility: visible;
}
  

/* Header CSS END */

/* 3.2 Hero 2 CSS */

.hero-2 {
    background-image: url(../img/bg/hero-2-bg.jpg);
    background-size: cover;
}

.hero-2:before {
    display: none;
}

.hero-2 .hero-text h2 {
    position: relative;
    font-size: 76px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0px;
    display: inline-block;
    line-height: 76px;
    margin-bottom: 25px;
    z-index: 1;
}
.hero-2 .hero-text {
    text-align: left;
    padding-top: 40px;
}

.hero-2 .hero-text h2:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-image: url(../img/bg/hero-2title-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.hero-2 .hero-text h3 {
    font-weight: 500;
    font-size: 50px;
    line-height: 68px;
}

/* Hero 2 CSS END */

/* 3.3 Services 2 CSS */
.services-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: 0px 0px 30px 0px rgba(20, 50, 208, 0.15);
}

.services-2 {
    background-image: none;
    background-color: transparent;
    margin-top: -180px;
    padding: 50px 0px;
}

.ss2 {
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-top: none;
    border-bottom: none;
    margin-bottom: 0px;
}
.ss2:hover {
    border-color: #1432d0;
}
.ss2 .ss-icon i {
    font-size: 70px;
    color: #FF5722;
    line-height: 70px;
}
.ss2:hover:before,.ss2:hover:after {
    display: none;
}

/* Services 2 CSS END */

/* 3.4 About CSS */
.about-us-area-2 {
    position: relative;
    background-image: url(../img/section-img/about2.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
    padding: 40px 0px;
}

.section-text-content-area {
    position: relative;
    background-color: #fff;
    text-align: center;
    border-radius: 5px;
    margin: 50px auto;
    padding: 25px 25px 50px;
    box-shadow: 0px 0px 30px 0px rgba(20, 50, 208, 0.15);
}

.section-title-2 {}

.section-title-2 p {
    font-size: 24px;
    font-weight: 600;
    color: #ff6321;
    margin: 20px auto;
}

.section-title-2 p span {
    background-color: #1432d0;
    color: #fff;
    padding: 4px 10px;
}

.section-title-2 h3 {
    color: #3b3f54;
    font-size: 33px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 44px;
    margin-bottom: 40px;
}

.section-paragraph2 {
    position: relative;
    text-align: center;
}

.section-paragraph2 p {
    font-size: 16px;
    color: #3b3f54;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 40px;
}
/* About 2 CSS END */

/* 3.5 How We Work 2 CSS */
.hw-work-2 {
    position: relative;
    background-image: url(../img/section-img/hw-work2-img.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto;
    padding: 40px 0px;
}


/* How We Work 2 CSS END */

/* 3.6 Exclusive Services CSS */
.exclusive-services-area {
    position: relative;
}

.esa-tc-2 {
    box-shadow: none;
    text-align: left;
    padding: 5px 15px;
    margin: 5px auto;
}

.esa-tc-2 .section-paragraph2 {
    text-align: left;
}

.single-services-exclusive {
    position: relative;
    max-width: 350px;
    margin: 25px auto;
    border: 1px solid #f6f7ff;
    border-radius: 5px;
    overflow: hidden;
    transition: .5s ease;
}

.single-services-exclusive .es-img {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: -100%;
    transition: .5s ease;
    z-index: 1;
}

.single-services-exclusive .es-img:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(20, 50, 208, .85);
    top: 0;
    left: 0;
}

.single-services-exclusive .es-img img {height: 220px;width: 100%;}

.sse-content {
    position: relative;
    padding: 5px 15px;
    max-width: 330px;
    margin: 0 auto;
}
.service-style-5 .es-img img {
    height: 100%;
}
.single-services-exclusive:hover .es-img {
    margin-top: 0px;
    position: absolute;
}
.single-services-exclusive .ss-icon i {
    color: #FF5722;
    font-size: 65px;
    line-height: 65px;
}
.sse-content .ss-icon {}

.sse-content .ss-icon img {
    height: 55px;
}

.sse-content .ss-text {}

.sse-content .ss-text h4 {
    font-size: 24px;
    letter-spacing: 0px;
}

.sse-content .ss-text p {}

/* Exclusive Services CSS END */


/* 3.7 Fun Fact CSS */
.fun-fact-area {
    position: relative;
    background-image: url(../img/bg/fun-fact-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.fun-fact-area:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(20, 50, 208, .90);
}
.counter-up-wrapper {
    position: relative;
    text-align: center;
}

.counter-up-wrapper table {
    margin-bottom: 0px;
}

.counter-up-wrapper .table-bordered {
    border: 1px solid #4f6bff;
}

.counter-up-wrapper .table-bordered td {
    transition: .5s ease;
    border: 1px solid #4f6bff;
}

.counter-up-wrapper .table-bordered td:hover {
    background-color: #ff6321;
    border-color: #ff6321;
}


.single-counter-up {
    position: relative;
    padding: 60px 5px;
    min-width: 220px;
}
.scu-icon i {
    font-size: 65px;
    line-height: 65px;
    color: #fff;
}

.scu-icon i:before {
    font-size: inherit;
    margin: 0;
}

.single-counter-up .scu-icon {}

.single-counter-up .scu-icon img {
    height: 65px;
    margin-bottom: 5px;
}

.single-counter-up .scu-counter {
    position: relative;
    margin: 5px auto;
}

.single-counter-up .scu-counter .counter-up {
    font-size: 48px;
    letter-spacing: 0px;
    color: #fff;
    line-height: 60px;
}

.single-counter-up .scu-counter p {
    color: #fff;
    font-size: 36px;
    letter-spacing: 0px;
}

.video-player-wrapper {
    position: relative;
    text-align: center;
    padding: 100px 0px;
}

.bpw-btn img {}

.bpw-text {}

.bpw-text h4 {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 500;
}

.bpw-text p {
    font-size: 24px;
    letter-spacing: 0px;
    color: #fff;
}


.bpw-btn a {
    margin: 15px auto;
    color: #fff;
    font-size: 30px;
    z-index: 1;
    display: block;
    padding-top: 18px;
}

.funfact-player-modal {}

.funfact-player-modal .modal-dialog {
    max-width: 767px;
    padding: 0px;
    margin: 100px auto;
}

.funfact-player-modal .modal-content {
}

.funfact-player-modal .modal-content .modal-body {
    padding: 0;
}

.funfact-player-modal iframe {
    height: 383px;
    width: 100%;
    border: none;
}
.funfact-player-modal .modal-content .modal-body button.close {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 25px;
    color: #fff;
}

  
/* pulse in CSS */
.pulse-css {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #FF5722;
    position: relative;
    margin: 25px auto;
    z-index: 1;
}
  .pulse-css:before, .pulse-css:after {
    content: "";
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #ff5928;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: scale(0.5);
    transform-origin: center center;
    animation: pulse-btn 3s linear infinite;
    z-index: -1;
}
.pulse-css:after {
    animation-delay: 2s;
}
  
  @keyframes pulse-btn {
    0% {
      transform: scale(0.5);
      opacity: 0;
    }
    50% {
      opacity: 0.25;
    }
    70% {
      opacity: 0.50;
    }
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  
/* Fun Fact CSS END */

/* 3.8 Recent Project CSS */
.our-recent-project-area {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
}
.our-recent-project-area {}

.recent-project-slider {
    position: relative;
    overflow: hidden;
}

.recent-project-carousel {
    position: relative;
    width: 110% !important;
}

.recent-project-carousel .item {}

.single-rp-portfolio {
    position: relative;
    max-width: 390px;
    margin: 0 auto;
    overflow: hidden;
}

.srpp-img {}

.srpp-img img {}

.srpp-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 200px;
    padding: 5px 15px;
    background-color: rgba(20, 50, 208, .75);
}

.srpp-text h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    padding: 12px 0px;
    line-height: 24px;
    letter-spacing: 0px;
}

.srpp-text p {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 0px;
}

.srpp-text a {
    color: #fff;
    letter-spacing: 0px;
    font-size: 14px;
}

.srpp-text a i {
    padding-left: 10px;
}

.srpp-img img {
    height: 555px;
    margin: 25px auto 0px;
}
.srpp-mini .srpp-img img {
    height: 265px;
    margin: 25px auto 0px;
}

.srpp-text {
    position: absolute;
    bottom: -100%;
    width: 100%;
    min-height: 200px;
    padding: 5px 15px;
    background-color: rgba(20, 50, 208, .75);
    transition: .5s ease;
}
.single-rp-portfolio:hover .srpp-text {
    bottom: 0;
}

.recent-project-carousel .owl-dots {
    display: none;
}

.recent-project-carousel .owl-nav {
    display: none;
}

.rp-slider-nav {
    position: relative;
    padding: 25px 0px;
    text-align: center;
    margin: 30px auto;
}


.my-controls-btns {
    display: inline-block;
    text-align: center;
}

.my-controls-btns i {
    padding: 11px 0px;
    border: 2px solid #231f20;
    color: #231f20;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 5px;
    transition: .5s ease;
}

.my-controls-btns i:hover {
    color: #1432d0;
    border-color: #1432d0;
    cursor: pointer;
    transform: scale(1.1);
}
.clientSays-carousel .owl-dots {
    display: none;
}
/* Recent Project CSS END */

/* 3.9 Team Area CSS */
.meet-the-team-area {
    position: relative;
    background-image: url(../img/bg/meet-our-team.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top center;
    overflow: hidden;
    z-index: 0;

}
.meet-the-team-area:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(20, 50, 208, .85);
    z-index: -2;
}

.meet-the-team-area:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 125%;
    background-color: #fff;
    top: 480px;
    left: -10%;
    transform: rotate(-5deg);
    z-index: -1;
}
.meet-the-team-area .section-title-2 {
    text-align: center;
}


.meet-the-team-area .section-title-2 p {
    color: #fff;
}

.meet-the-team-area .section-title-2 p span {
    background-color: #ff6321;
}

.meet-the-team-area .section-title-2 h3 {
    color: #fff;
}
.team-member-single {
    position: relative;
    max-width: 350px;
    margin: 15px auto;
    border-radius: 5px;
    border: 15px solid #1432d0;
    overflow: hidden;
}

.tms-img {
    width: 100%;
}

.tms-img img {
    width: 100%;
    height: 360px;
}

.tms-text {
    position: absolute;
    bottom: 25px;
    max-width: 275px;
    padding: 15px;
    text-align: center;
    width: 100%;
    left: -100%;
    background-color: rgba(20, 50, 208, .80);
    transform: skewX(-20deg);
    transition: .5s ease;
}
.team-member-single:hover .tms-text {
    left: -15px;
}

.tms-text h4 {
    font-size: 24px;
    color: #fff;
    margin-left: -20px;
    letter-spacing: 0px;
    transform: skewX(20deg);
    margin-bottom: 0;
}

.tms-text p {
    font-size: 18px;
    color: #fff;
    letter-spacing: 0px;
    transform: skewX(20deg);
}


/* Team Area CSS END */


/* 3.10 Testimonial CSS */
.client-says-area {
    background-color: #f5f7ff;
}
.client-says-area .section-title-2 {
    max-width: 767px;
}
.single-testimonial {
    position: relative;
    width: 100%;
    display: flex;
}

.st-avatar-img {
    max-width: 290px;
}
.st-text-wrapper {
    padding: 40px 15px;
    max-width: 850px;
    background-color: #fff;
    margin-top: 80px;
    margin-bottom: 80px;
    margin-left: -130px;
    padding-left: 130px;
    z-index: -1;
}

.st-text {position: relative;padding: 65px;}

.st-text p {
    font-size: 14px;
    color: #3b3f54;
    line-height: 26px;
    font-style: italic;
}

.st-text h4 {
    font-size: 20px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-style: italic;
    margin: 25px auto 0px;
}

.st-text span {
    font-size: 14px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-style: italic;
}

.clientSays-carousel .owl-nav {
    position: absolute;
    top: 40%;
    right: 0;
}
.clientSays-carousel .owl-nav  [class*=owl-] {
    background-color: transparent;
    font-size: 20px;
    color: #000;
    height: 44px;
    width: 44px;
    border: 2px solid #000;
    border-radius: 50%;
    display: block;
    margin-bottom: 20px;
    transition: .5s ease;
    line-height: 32px;
}

.clientSays-carousel .owl-nav [class*=owl-]:hover {
    color: #1432d0;
    background-color: transparent;
    border-color: #1432d0;
}
/* Testimonial CSS END */

/* 3.11 Recent Blog CSS */
.blog-area2 {}

.blog-area2 .section-title-2 {
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px;
}

.single-blog2 {
    position: relative;
    margin: 15px auto;
    transition: .5s ease;
}

.sb2-img {}

.sb2-img img {}

.sb2-content {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    max-width: 330px;
    padding: 20px;
    background-color: #f5f7ff;
    transition: .5s ease;
}

.sb2-content ul {
    position: relative;
    padding: 5px 0px;
    list-style-type: none;
}

.sb2-content ul li {
    padding: 0px 10px;
    line-height: 14px;
    display: inline-block;
    border-left: 1px solid;
    text-transform: capitalize;
}
.sb2-content ul li:first-child {
    padding-left: 0px;
    border-left: none;
}
.sb2-content ul li:last-child {}
.sb2-content ul li a {
    font-size: 12px;
    color: #3b3f54;
    letter-spacing: 0px;
}
.sb2-content h4 a {
    font-size: 18px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 600;
    padding: 5px 0px;
    transition: .5s ease;
}

.sb2-content p {
    font-size: 14px;
    color: #3b3f54;
    padding: 5px 0px;
    line-height: 24px;
    transition: .5s ease;
}

.sb2-content a {
    font-size: 14px;
    letter-spacing: 0px;
    color: #3b3f54;
}

.sb2-content h4 a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 290px;
    display: block;
    padding: 0;
}

.sb2-content h4 {
    margin: 5px auto;
}
.single-blog2:hover .sb2-content {
    background-color: #1432d0;
}

.single-blog2:hover .sb2-content ul li a {
    color: #fff;
}

.single-blog2:hover .sb2-content h4 {
    color: #fff;
}

.single-blog2:hover .sb2-content p {
    color: #fff;
}

.single-blog2:hover .sb2-content a {
    color: #fff;
}

.sb2-content a i {
    padding-left: 10px;
}
/* Recent Blog CSS END */

/* 3.12 Footer CSS */

.ftr-2 .newsletter-form form input {
    border-color: #ff6321;
}
.ftr-2 .newsletter-form form button {
    background-color: #ff6321;
    
}

.ftr-2  ul.fws-list li a:hover {
    background-color: #ff6321;
    color: #fff;
}

/* Inherit From Home 1 Footer CSS */




/*  Footer CSS END */





/* ----------Home 2 CSS END---------- */




/*----------------------------------------*/
/*  4. Home 3 CSS
/*----------------------------------------*/


/* 4.1 Header CSS */
.headerV3.navbar-fixed-top {
    background-color: #ecf0ff;
}

.headerV3 {
    position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.admin-bar .headerV3 {
    top: 32px;
}
.header3-social {}

.header3-social ul {
    padding: 0;
    display: inline-block;
    margin-left: 10px;
}

.header3-social ul li {
    display: inline-block;
}

.headerV3 .header3-social ul li a {
    display: block;
    padding: 10px;
    min-width: 40px;
    background-color: #3b3f54;
    text-align: center;
}

.header3-social ul li a i {}

.header3-social ul li a:hover {
    background-color: #1432d0;
}
.headerV3 .main-menu nav > ul li a {
    color: #3b3f54;
    font-weight: 500;
    font-size: 14px;
    padding: 15px 12px;
}

.headerV3 .cart-btn a i,
.headerV3 .search-wrapper i {
    color: #3b3f54;
}
.headerV3 .menu-item-has-children.has-submenu > ul.sub-menu li a {
    color: #fff;
}
/* Header CSS END */


/* 4.2 Hero CSS  */
.hero-3 {
    background-color: #ecf0ff;
    background-image: none;
}

.hero-3:before
 {
    display: none;
}

.hero3-text {
    text-align: left;
}

.hero3-text h3 {
    color: #3b3f54;
    font-size: 44px;
}

.hero3-text p {
    color: #565a6c;
    font-size: 24px;
}



/* Hero CSS END */

/* 4.3 Sponsor CSS */
.sponsor-area {
    position: relative;
}

.sponsor-area .section-title {}

.sponsor-area .section-title p {}

.trusted-sponsorLogo-content {}

ul.tslc {
    position: relative;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

ul.tslc li {
    display: inline-block;
    margin: 15px auto;
    padding: 0px 15px;
    max-width: 225px;
}

ul.tslc li a {}

/* Sponsor CSS END */

/* 4.4 Services CSS  */
.services3-area {
    margin-top: 0px;
    background-image: none;
    background-color: #fff;
}
.ess3:hover {
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}



.ess3:before {
    position: absolute;
    content: url(../img/service3-bg-hover.png) !important;
    right: 40px;
    top: 30px;
    transform: rotate(180deg);
    opacity: 0;
    transition: .3s ease;
}

.ess3:after {
    position: absolute;
    content: url(../img/service3-bg-hover.png) !important;
    left: 40px;
    bottom: 30px;
    opacity: 0;
    transition: .3s ease;
}
.ess3:hover:before {
    opacity: 1;
    right: 0;
    top: -10px;
}

.ess3:hover:after {
    opacity: 1;
    left: 0;
    bottom: -10px;
}


.ess3:hover .ss-text h4,
.ess3:hover .ss-text p,
.ess3:hover .ss-text a {
    color: #3b3f54;
}

.ess3 {
    text-align: center;
}

/* Services CSS END  */


/* 4.5 About US CSS  */
.about-us3 {
    background-image: none;
}

.about-us3 .about-img:after {
    display: none;
}

.about-us3 .about-img img {
    box-shadow: none;
}
.about-us3 .about-img {
    padding-top: 40px;
}
/* About US CSS END */



/* 4.6 Why We Best */
.why-use-us-3 {
    background-color: #f7f9ff;
}

.why-use-us-3 {
    background-color: #f7f9ff;
}

.e3-wuu {}

.e3-wuu .sw-icon {
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.12);
    height: 100px;
    width: 100px;
    text-align: center;
    padding: 20px 0px;
    margin-right: -30px;
    margin-top: 22px;
    z-index: 1;
}

.e3-wuu .sw-icon:before {
    display: none;
}

.e3-wuu .sw-icon img {
    max-width: 60px;
    max-height: 60px;
    margin: 0 auto;
}

.e3-wuu .sw-text {
    max-width: calc(100% - 80px);
    padding: 15px 30px 30px 50px;
    transition: .5s ease;
}

.e3-wuu .sw-text h4 {}

.e3-wuu .sw-text p {}

.e3-wuu:hover .sw-text {
    background-color: #1432d0;
}

.e3-wuu:hover .sw-text h4,.e3-wuu:hover .sw-text p {
    color: #fff;
}
/* Why We Best CSS END */


/* 4.7 Our Speciality CSS */

.our-speciality {}

.our-speciality .section-title {
    padding-left: 0px;
    text-align: left;
}


/* Our Speciality CSS END */

/* 4.8 Case Study CSS */

    /* Inherit From Home 1 */

/* Case Study CSS END */



/* 4.9 Team Area CSS */

.team-area2 {
    position: relative;
    background-color: #f7f9ff;
}

.team2-avatars {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    z-index: 0;
}

.team2-avatars img {
    margin: 10px;
    opacity: .05;
    transition: .5s ease;
}

.team2-avatars img:hover {
    opacity: 1;
}

.team2-text-content {
    z-index: 0;
    max-width: 540px;
    text-align: center;
    margin: 0 auto;
}

.team2-avatars img:first-child {
    margin-top: -100px;
}

.team2-avatars img:nth-child(2) {}

.team2-avatars img:nth-child(3) {
    margin-top: -100px;
}

.team2-avatars img:nth-child(4) {}

.team2-avatars img:nth-child(5) {
    margin-top: -100px;
}

.team2-avatars img:nth-child(6) {}

.team2-avatars img:nth-child(7) {
    margin-top: -100px;
}

.team2-avatars img:nth-child(8) {}

.team2-avatars img:nth-child(9) {
    margin-top: -100px;
}

.team2-avatars img:nth-child(10) {}

.team2-avatars img:nth-child(11) {
    margin-bottom: -100px;
}

.team2-avatars img:nth-child(12) {}

.team2-avatars img:nth-child(13) {
    margin-bottom: -100px;
}

.team2-avatars img:nth-child(14) {}

.team2-avatars img:nth-child(15) {
    margin-bottom: -100px;
}

.team2-avatars img:last-child {
    margin-top: -50px;
}
/* Team Area CSS END */



/* 4.10 Our Blog CSS */
.blog3-area {
    background-image: none;
}

.sb-3 {
    margin: 15px auto;
}

.sb-3 .sb2-content {
    position: relative;
    max-width: 100%;
}

/* Our Blog CSS END */



/* 4.11 Footer CSS */
.footer3 {
}

.footer3 .footer-widget-area {
    background-color: #f7f9ff;
}

.footer3 .footer-copyright-area {
    background-color: #e0e3ed;
}

.footer3 .f-widget p {
    color: #3b3f54;
}
.footer3 .fw-list ul {
    padding: 0;
    list-style: none;
}
.footer3 .fw-list ul li a {
    color: #3b3f54;

}

.footer3 .fw-list ul li {
    color: #3b3f54;
    font-size: 14px;
    letter-spacing: 0;
}
.footer3 .f-widget h4,
.footer3 .fw-list h5 {
    color: #3b3f54;
    font-size: 24px;
    font-weight: 400;
}
.footer3 .f-widget h4 {
    margin-top: 10px;
}
.footer3 .f-widget .newsletter-form {
    padding-top: 0;
}
.footer3 .newsletter-form form button {
    background-color: #1432d0;
}

.footer3 .newsletter-form form input {
    border-color: #1432d0;
}

.footer3 ul.fws-list li a:hover {
    background-color: #1432d0;
    color: #fff;
}

.footer3 .fc-text p {
    color: #3b3f54;
}


/* Footer CSS END */



/* ----------Home 3 CSS END---------- */





/*----------------------------------------*/
/*  5. Home 4 CSS
/*----------------------------------------*/


/* 5.1 Header CSS */
.headerV4.navbar-fixed-top {
    background-image: -moz-linear-gradient( 27deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 27deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 27deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    padding: 10px;
}

.headerV4 {
    position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    padding: 15px 0px;
    transition: .5s ease;
    z-index: 9;
}
.headerV4 .mobile-menu-area {
    margin-top: -47px;
}
.headerV4 .slicknav_menu {
    background-color: transparent;
}
.headerV4 .slicknav_nav .slicknav_row, .slicknav_nav a {
    color: #000;
}
.headerV4 .slicknav_nav .slicknav_row:hover a, 
.headerV4 .slicknav_nav a:hover {
    background-color: #110fab;
    color: #fff;
}
.headerV4 .menu-item-has-children.has-submenu > ul.sub-menu li a:hover {
    background-color: #110fab;
    color: #fff;
}

.headerV4 .mobile-menu {
    display: block;
    max-height: 100vh;
}
.headerV4 .mobile-menu-logo {
    display: none;
}

.headerV4 ul.slicknav_nav.slicknav_hidden {
    overflow: hidden;
}

.headerV4 ul.slicknav_nav {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: calc(100vh - 25px);
    background-image: -moz-linear-gradient( 27deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 27deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 27deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
}


.headerV4 ul.slicknav_nav::-webkit-scrollbar {
    width: 10px;
}
.headerV4 ul.slicknav_nav::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
.headerV4 ul.slicknav_nav::-webkit-scrollbar-thumb { 
    background: rgb(34, 34, 34); 
}
.headerV4 ul.slicknav_nav::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.headerV4 .m2slide-btn {
    font-size: 20px;
}

.headerV4 .menu2-btn {
    margin-top: 10px;
}

.headerV4 .menu_area {
    background-color: transparent;
}
.headerV4 .main-menu nav{}
.headerV4 .main-menu nav >ul {
    all: unset;
}
.headerV4 .main-menu nav > ul  li {
    all: unset;
}
.headerV4 .main-menu nav > ul li a {
    all: unset;
}
.headerV4 .menu-item-has-children.has-submenu{}
.headerV4 .menu-item-has-children.has-submenu > ul.sub-menu {
    all: unset;
}
.headerV4 .menu-item-has-children.has-submenu:hover > ul.sub-menu {
    all: unset;
}

.headerV4 .menu-item-has-children ul.sub-menu {
    all: unset;
}
.headerV4 .menu-item-has-children:hover >ul.sub-menu{
    all: unset;
}
.headerV4 .main-menu nav > ul li.menu-item-has-children.has-submenu>ul.sub-menu {}

.headerV4 .main-menu nav > ul li.menu-item-has-children.has-submenu>ul.sub-menu>li.menu-item-has-children {}

.headerV4 .main-menu nav > ul li.menu-item-has-children.has-submenu>ul.sub-menu>li.menu-item-has-children:hover >ul.sub-menu {
    all: unset;
}

.nav-offcanvas-menu {}

.nav-offcanvas-menu ul li ul li {
    position: relative;
    padding-left: 25px;
}

.nav-offcanvas-menu>ul {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border-radius: 5px;
    width: 100%;
}
.nav-offcanvas-menu ul li a {
    position: relative;
    display: block;
}

ul.nom>li>ul {
    padding-left: 100%;
    height: 0;
    transition: .5s;
}

ul.nom>li.active>ul {
    padding: 0px;
    height: auto;
}
ul.nom>li.active>ul>li>ul {
    padding-left: 100%;
    height: 0;
    transition: .5s ease;
}
ul.nom>li.active>ul>li.active>ul {
    padding-left: 0px;
    height: auto;
}


li.nom_has-child {
    position: relative;
}

li.nom_has-child>a {
    font-weight: 600 !important;
}
/* Header CSS END */

/* 5.2 Hero CSS */
.hero-4 {
    background-image: url('../img/section-img/hero-4.jpg');
}
.hero-4:before {
    background-image: -moz-linear-gradient( 27deg, rgb(20,50,208, .95) 0%, rgb(2,204,135, .95) 100%);
    background-image: -webkit-linear-gradient( 27deg, rgba(20, 50, 208, .95) 0%, rgba(2, 204, 135, .95) 100%);
    background-image: -ms-linear-gradient( 27deg, rgb(20,50,208, .95) 0%, rgb(2,204,135, .95) 100%);
    background-color: transparent;
}
.hero4-text {
    padding-top: 50px;
}
.hero-4 {
    background-image: url(../img/section-img/hero-4.jpg);
    padding: 100px 0px 25px;
}

ul.hbw4-social {
    position: relative;
    padding: 0;
    list-style-type: none;
}

ul.hbw4-social li {
    display: inline-block;
}

ul.hbw4-social li a {
    color: #fff;
    font-size: 18px;
    display: block;
    margin: 5px;
}

.hero4-bottom-widget {
    padding: 60px 0px 0px;
}

.hbw4-email {
    position:relative;
    text-align: right;
}
.hbw4-email a {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0px;
}

.hbw4-email a i {
    margin-right: 5px;
}
.header4--mail .elementor-icon-box-wrapper {
    line-height: 20px;
}
.hbw4-scroll-bottom {
    position: relative;
    text-align: center;
}

.hbw4-scroll-bottom a {
    background-color: transparent;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    display: inline-block;
    border: none;
    animation: fadeInDown 5s infinite;
}
.hbw4-scroll-bottom a i {
    transform: rotate(90deg);
}

.hbw4-scroll-bottom a:focus {
    outline: none;
}
.hbw4-scroll-bottom a i:before {
    font-size: inherit;
}

.hbw4-scroll-bottom a i {
    font-size: 35px;
}

/* Hero CSS END */


/* 5.3 About CSS */
.about-us4 {
    background-image: none;
    padding: 100px 0px 40px;
}

.about-us4 .about-img:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    border: 2px solid #02cc87;
    border-radius: 5px;
    right: -60px;
    top: -60px;
    transform: scale(1);
}

.about-us4 .about-img {
    padding-top: 0px;
    margin-top: 40px;
}

.about-us4 .about-img img {
    border-radius: 10px;
    -moz-box-shadow: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
/* About CSS END */


/* 5.4 About Agency CSS */
.about-agency-area {
    position: relative;
    background-color: #f8f9ff;
}

.about-agency-area .section-title2 {
    max-width: 757px;
    margin: 0 auto;
}

.agency-tab-wrapper {
    position: relative;
}

.at-nav {
    position: relative;
    border: 2px solid #0896a1;
    background-color: #fff;
    max-width: 100%;
    width: fit-content;
    margin: 24px auto 80px;
    border-radius: 40px;
    overflow: hidden;
}

.at-nav li.nav-item a {
    color: #3b3f54;
    
    padding: 10px 30px;
    border-radius: 25px;
    font-size: 14px;
    letter-spacing: 0px;
    display: block;
    border: 1px solid transparent;
}
.at-nav li.nav-item a.active, 
.at-nav li.nav-item a:hover {
    color: #fff;
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    border: 1px solid #0896a1 !important;
    background-color: #0896a1;
}

.at-content {
    position: relative;
    width: 100%;
}

.agency-single-about {
    position: relative;
    width: 100%;
}

.asa-img {
    position: relative;
    max-width: 650px;
    display: inline-block;
    margin-right: -140px;
}

.asa-img img {}

.agency-single-content {}

.asc-content {
    position: relative;
    max-width: 570px;
    float: right;
    margin: 30px auto;
    padding: 40px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 0px 35px 0px rgba(10, 34, 158, 0.1);
}

.asc-icon {}

.asc-icon img {}

.asc-text {}

.asc-text h4 {
    font-size: 24px;
    color: #3b3f54;
    letter-spacing: 0px;
    margin: 15px auto;
}

.asc-text p {
    color: #5d5f6b;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}

.asc-text a {
}
/* About Agency CSS END */

/* 5.5 Why Us CSS */
.why-us-area4 {
    position: relative;
}

.why-us-area4 .section-title {
    text-align: left;
}

.single-why-ua {
    position: relative;
    max-width: 350px;
    margin: 10px auto 40px;
    cursor: default;
}

.swa4-icon {
    float: left;
    display: inline-block;
}

.swa4-icon img {
    max-width: 60px !important;
}

.swa4-text {position: relative;padding-left: 80px;padding-right: 15px;}

.swa4-text h4 {
    font-size: 22px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    padding: 12px 0px;
    margin-bottom: 0;
}

.swa4-text p {
    font-size: 14px;
    color: #3b3f54;
    letter-spacing: 0px;
    line-height: 26px;
    padding-bottom: 20px;
}

.single-why-ua:hover .swa4-text h4 {
    color: #1432d0;
}
/* Why Us CSS END */


/* 5.6 How We Work CSS */
.how-we-work-area4 {
    position: relative;
    background-image: url(../img/bg/hww-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 0;
    overflow: hidden;
}
.how-we-work-area4:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: -moz-linear-gradient( 31deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 31deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 31deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    opacity: .85;
    z-index: -1;
}
.how-we-work-area4 .video-player-wrapper {
    z-index: 0;
}
.how-we-work-area4 .video-player-wrapper:before {
    position: absolute;
    content: '';
    height: 200%;
    width: 100%;
    top: -50%;
    left: 0;
    background-color: rgba(20, 50, 208, .40);
    border-radius: 50%;
    z-index: -1;
}
.how-we-work-area4 .bpw-btn {
    margin-top: 80px;
}

.how-we-work-area4 .bpw-btn .pulse-css {
    background-color: #02ca88;
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
}

.how-we-work-area4 .bpw-btn .pulse-css:before,
.how-we-work-area4 .bpw-btn .pulse-css:after {
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
}
/* How We Work CSS END */

/* 5.7 Portfolio CSS */
.portfolio-area {
    position: relative;
}
.portfolio-area .section-title2 {
    max-width: 757px;
    margin: 0 auto;
}


.portfolio-single {
    position: relative;
    margin: 0;
    float: left;
    max-width: 350px;
    transition-duration: 0.4s;
    border-radius: 5px;
    animation: winanim 0.5s;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
.portfolio-box .at-nav {
    margin-bottom: 60px !important;
}
.portfolio-single:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
}

.portfolio-single img {
    width: 100%;
    height: auto;
    border-radius: 5px
}
.pfs-img {
    position: relative;
}


.pf-hvr-icon {
    position: absolute;
    top: calc(50% - 40px);
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
}
.pfs-V2 .pf-hvr-icon {
    position: absolute;
    top: calc(50% - 40px);
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
}
.portfolio-single:hover .pf-hvr-icon {
    opacity: 1;
}
.pf-hvr-icon a {
    color: #fff;
    font-size: 30px;
    margin: 5px;
    display: inline-block;
}

.pfs-img {
    position: relative;
    transition: .5s ease;
}

.pfs-img:before {
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 50%;
    left: 50%;
    background-color: rgba(12, 37, 166, .5);
    transition: .5s ease;
}

.portfolio-single:hover .pfs-img:before {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    
}

@keyframes winanim {
    0%{opacity:0;transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
    
}
/* Portfolio CSS END */





/* 5.8 Case Study CSS */
.scs-2 {}

.scs-content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

  
/* Case Study CSS END */


/* 5.9 Recent Blog CSS */
.blog-4-area {
    background-image: none;
}
/* Recent Blog CSS END */





/* 5.10 Footer CSS */
.footer4 .newsletter-form form button {
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-color: transparent;
}

footer.footer-area.newsletter-form form button.newsletter-form form button.newsletter-form form button {}

.footer4 .newsletter-form form input:focus {
    outline: none;
    border: 1px solid #02cc87;
    border-right: none;
    box-shadow: none;
}

.footer4 ul.fws-list li a:hover {
    background-image: -moz-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 30deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
}
.footer4 .newsletter-form form input {
    border-color: #02cc87;
    padding-left: 15px;
    border-right: none;
}
.footer4 .newsletter-form form button {
    border: 1px solid #02cc87;
    border-left: none;
}
/* Footer CSS END */



/* ----------Home 4 CSS END---------- */









/*----------------------------------------*/
/*  6. Home 5 CSS
/*----------------------------------------*/


/* 6.1 Header CSS */

/* Header CSS END */




/* 6.2 Hero CSS */
.hero-5 {
    background-image: url('../img/bg/hero-5-bg.jpg')
}
.hero-5:before {
    display: none;
}
.hero-5 .hero-text {
    text-align: left;
    padding-top: 65px;
}
.hero-5 .hero-img {
    padding: 15px;
}

.hero-5 .hero-img img {
    margin-top: 25px;
}
.hero-5 .hero-text h3 {
    font-weight: 500;
}

.hero-5 .hero-text p {
    font-size: 16px;
    line-height: 30px;
}
/* Hero CSS END */

/* 6.3 About Area CSS */
.about-us5 {}

.about-us5 .section-title {
    text-align: left;
}

/* About Area CSS END */


/* 6.4 Services Area CSS */
.services-area5 {
    background-image: none;
    margin-top: 0;
}
/* Services Area CSS END */

/* 6.5 SEO Score Check CSS */
.seo-score-check-area {
    position: relative;
    background-image: url(../img/bg/bg-shape-5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 60px 0px;
}
.score-check-img {
    margin-top: -130px;
}
.seo-score-check-form {}

.seo-score-check-form form {
    position: relative;
    max-width: 450px;
}

.seo-score-check-form form input {
    height: 50px;
    font-size: 12px;
    padding-left: 15px;
    letter-spacing: 0px;
    border-radius: 5px;
    border: none;
    margin-bottom: 25px;
}

.seo-score-check-area .section-title {
    text-align: left;
}

.seo-score-check-form form button {
    border: none;
    cursor: pointer;
}
/* SEO Score Check CSS END */

/* 6.6 Our Features CSS */
.our-features5-area {
    position: relative;
    padding-bottom: 80px;
}

.our-features5-area .section-title {
    max-width: 500px;
    margin: 60px auto;
}

.single-features5 {
    position: relative;
    max-width: 350px;
    margin: 25px auto;
}

.sf5-icon {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.12);
    width: 120px;
    height: 120px;
    padding: 25px 0px;
    margin-bottom: -60px;
    z-index: 2;
}

.sf5-icon img {}

.sf5-text {
    position: relative;
    padding: 80px 25px 25px;
    text-align: center;
    background-color: #f7f7ff;
    z-index: 1;
    transition: .5s ease;
}

.sf5-text h4 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    margin: 25px auto;
    transition: .5s ease;
}

.sf5-text p {
    font-size: 14px;
    letter-spacing: 0px;
    color: #3b3f54;
    line-height: 24px;
    margin: 25px auto;
    transition: .5s ease;
}

.single-features5:hover .sf5-text {
    background-color: #1432d0;
}

.single-features5:hover .sf5-text h4,
.single-features5:hover .sf5-text p {
    color: #fff;
}
/* Our Features CSS END */

/* 6.7 How We Work CSS */
.how-we-work5 {
    position: relative;
    background-color: #f7f7ff;
}

.how-we-work5 .section-title {}

.how-we-work-tab-wrapper {}

.how-we-work-tab-wrapper ul {}

.how-we-work-tab-wrapper .hww-nav {display: block;padding: 0;list-style-type: none;text-align: center;border: none;margin-bottom: 40px;}

.how-we-work-tab-wrapper .hww-nav li {
    margin: 25px 40px;
    display: inline-block;
    text-align: left;
    position: relative;
}

.how-we-work-tab-wrapper .hww-nav li a {
    background-color: #1432d0;
    height: 140px;
    width: 140px;
    border-radius: 50%;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 50px 5px;
    text-align: center;
    letter-spacing: 0px;
    margin: 0 auto;
    border: 2px solid #1432d0;
}

.how-we-work-tab-wrapper .hww-nav li a span {
    font-size: 24px;
    display: block;
    text-align: center;
}

.how-we-work-tab-wrapper .hww-nav li a.active {
    border: 2px solid #02cc87;
    background-color: #1432d0;
    position: relative;
    color: #fff;
}

.how-we-work-tab-wrapper .hww-nav li:before {
    position: absolute;
    content: '';
    background-color: #1432d0;
    height: 2px;
    width: 85px;
    left: -85px;
    top: 75px;
}

.how-we-work-tab-wrapper .hww-nav li:first-child:before {
    display: none;
}
.how-we-work-tab-wrapper .hww-nav li a:after {
    position: absolute;
    content: '';
    background-color: #02cc87;
    height: 5px;
    width: 0px;
    left: -87px;
    top: 72px;
    transition: .5s ease;
}
.how-we-work-tab-wrapper .hww-nav li a.active:after {
    width: 85px;
}
.how-we-work-tab-wrapper .hww-nav li:first-child a:after {
    display: none;
}
.how-we-work-tab-wrapper .at-content {
}

.how-we-work-tab-wrapper .at-content .section-title {
    text-align: left;
    margin-top: 25px;
}
/* How We Work CSS END */


/* 6.8 Case Study CSS */
.case-study5 {}
.case-study5 .section-title {
    text-align: left;
    margin-left: 0px;
}

.case-study-slider-nextPrev {
    right: 0;
    top: -250px;
    text-align: right;
    position: absolute;
    margin: 75px auto 40px;
}
.caseStudySlider-wrapper {
    position: relative;
}

.caseStudy-carousel {}

.caseStudy-carousel .item {}

.caseStudy-carousel .owl-nav {
    display: none;
}

.caseStudy-carousel .owl-dots {
    display: none;
}

.scs-5 {}

.scs-5 .scs-content {
    max-width: 350px;
    margin: 15px auto;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    text-align: left;
}
.scs-5:hover .scs-content {
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
}

.scs-5:hover .scs-content p {
    color: #6a6e80;
}
.scs-5:hover .scs-content h4,
.scs-5:hover .scs-content a {
    color: #1432d0;
}
/* Case Study CSS END */

/* 6.10 Pricing CSS */
.our-pricing-area-5 {}
.our-pricing-area-5 .section-title {
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.single-pricing5 {
    position: relative;
    text-align: center;
    border-radius: 5px;
    max-width: 350px;
    margin: 25px auto;
    padding: 50px 15px;
    background-color: #f7f7ff;
    transition: .5s ease;
}

.pricing-img {}

.pricing-img img {}

.price-plan {
    position: relative;
    margin: 40px auto;
}

.price-plan h4 {
    color: #3b3f54;
    font-size: 24px;
    letter-spacing: 0px;
    margin: 15px auto;
}

.plan-price {
    color: #3b3f54;
    font-size: 44px;
    letter-spacing: 0px;
    font-weight: 600;
    display: block;
    margin: 15px auto;
}

.pricing-features {}

ul.pf-list {
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 25px auto;
}

ul.pf-list li {
    color: #3b3f54;
    letter-spacing: 0px;
    font-size: 14px;
    line-height: 36px;
    font-weight: 500;
}

ul.pf-list li span {
    text-decoration: line-through;
}

.single-pricing5 a {
    display: inline-block;
}

.single-pricing5:hover {
    box-shadow: 0px 3px 20px 0px rgba(14, 31, 122, 0.12);
}
.nav-tabs .nav-item {
    margin: 0;
}
.portfolio-box li.nav-item {
    margin: 0;
}
/* Pricing CSS END */




/* ----------Home 5 CSS END---------- */




/* 
--------------------------
- 30. Blog 1 CSS
--------------------------
*/

/* ---------- Blog 1 CSS END ---------- */



/* 
--------------------------
- 31. Blog 2 CSS
--------------------------
*/

.breadcrumb-area {
    position: relative;
    background-image: url(../img/bg/breadcrumb-1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 160px 0px 100px;
    overflow: hidden;
}
.breadcrumb-area:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(20, 50, 208, .85);
}

.breadcrumb-title {
    color: #fff;
    position: relative;
    text-align: center;
    margin: 25px auto;
}

.breadcrumb-title h3 {
    color: #fff;
    letter-spacing: 0px;
    font-size: 48px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 15px;
    word-break: break-word;
}

ul.bredcrumb-links {
    position: relative;
    padding: 0;
    list-style-type: none;
}
ul.bredcrumb-links li.active,
ul.bredcrumb-links li {
    color: #fff;
    position: relative;
    display: inline-block;
    margin: 0px 8px;
    word-break: break-word;
}
ul.bredcrumb-links li,
ul.bredcrumb-links li a {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0px;
}

ul.bredcrumb-links li:after {
    position: absolute;
    content: '/';
    color: #fff;
    right: -12px;
    top: 0;
}

ul.bredcrumb-links li:last-child:after {
    display: none;
}
.comment-navigation {
    width: 100%;
    margin-top: 30px;
    display: inline-block;
}
.comment-navigation .nav-previous {
    float: left;
}
.comment-navigation .nav-next {
    float: right;
}
.innerpage-area {
    position: relative;
    padding: 100px 0px;
}
.innerpage-bottom-button {
    position: relative;
    text-align: center;
    margin-top: 80px;
}
.single .innerpage-area {
    padding: 100px 0px;
}
/* Sidebar CSS */
.sidebar-wrapper {
    position: relative;
    background-color: #f0f2ff;
    padding: 25px;
    word-break: break-word;
}

.sidebar-wrapper form.search-form {
    position: unset;
    height: unset;
}
.widget_search form.search-form {
    right: auto;
    position: relative;
}
.widget_search input,
.sidebar-wrapper input {
    border: none;
    height: 60px;
    width: 80%;
    padding-left: 15px;
    color: #000;
    letter-spacing: 0px;
    font-size: 12px;
    float: left;
}
.widget_search input {
    width: 100%;
}
.widget_search,
.sidebar-wrapper aside .widget_search {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.widget_search button[type=submit],
.sidebar-wrapper button[type=submit] {
    background-color: #1432d0;
    border: none;
    color: #fff;
    padding: 14px 18px;
    cursor: pointer;
    font-size: 24px;
    letter-spacing: 0px;
    margin-left: -5px;
    line-height: 32px;
}
.widget_search button[type=submit] {
    top: 0;
    right: 0;
    position: absolute;
}
.sidebar-wrapper button.search-submit i {
}

.sidebar-wrapper .widget {
    width: 100%;
    position: relative;
    display: inline-block;
}
.sidebar-wrapper .widget:last-child {
    margin-bottom: 0;
}
.sidebar-wrapper .widget:first-child h2 {
    margin-top: 0;
}
.sidebar-wrapper .widget .widget-title {
    font-size: 18px;
    color: #6c6c73;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 25px auto;
    padding-bottom: 15px;
    border-bottom: 1px solid #b5bce7;
}

.sidebar-wrapper .widget ul {
    position: relative;
    padding:  0px;
    list-style-type: none;
}

.sidebar-wrapper .widget ul li { 
    width: 100%;
    margin: 5px auto;
}

.sidebar-wrapper .widget ul li:last-child { 
    margin-bottom: 0;
}

.sidebar-wrapper .widget ul li a {
    color: #6c6c73;
    font-size: 16px;
    letter-spacing: 0px;
}
.sidebar-wrapper .widget ul li a i {
    padding-left: 10px;
}
.sidebar-wrapper .widget ul li a:hover {
    color: #1432d0;
}
.sidebar-wrapper .widget ul li h4 {
    font-size: 18px;
    color: #6c6c73;
    letter-spacing: 0px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}
.sidebar-wrapper .widget ul.wp-tag-cloud li {
    display: inline-block;
    margin: 5px;
}

.sidebar-wrapper .widget ul.wp-tag-cloud li a {
    display: block;
    color: #fff;
    background-color: #b5bce7;
    border-radius: 5px;
    padding: 10px 15px;
}

.sidebar-wrapper .widget ul.wp-tag-cloud li a:hover {
    background-color: #1432d0;
}
.search-none-search-bar form {
    max-width: 600px;
    position: relative;
}
.search-none-search-bar input.search-field {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    padding-right: 55px;
    border: 1px solid #eceef0;
}
.search-none-search-bar button.search-submit {
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    color: #fff;
    border: 1px solid #eceef0;
    position: absolute;
    background-color: #1432d0;
}
/* Sidebar CSS END */



.single-blog-post-V2 {
    position: relative;
    max-width: 730px;
    margin: 0px auto 30px;
    border: 1px solid #d7d7d7;
    padding: 25px;
}
.no-sidebar .single-blog-post-V2 {
    max-width: 100%;
}
.sbp-V2-img {
    width: 100%;
    margin-bottom: 25px;
}

.sbp-V2-img img {}

.sbp-V2-text-content {}

.sbp-V2-meta {}

.sbp-V2-meta ul {
       padding: 0;
    margin: 5px auto;
    list-style-type: none;
}

.sbp-V2-meta ul li {
    display: inline-block;
    letter-spacing: 0px;
    color: #3b3f54;
    font-size: 12px;
    padding-right: 15px;
    position: relative;
}

.sbp-V2-meta ul li img {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    margin-right: 5px;
}

.sbp-V2-meta ul li a {
    display: inline-block;
}

.sbp-V2-meta ul li:after {
    position: absolute;
    content: "|";
    right: 4px;
    top: 0px;
}
.sbp-V2-meta ul li:first-child:after {
    top: 10px;
}
.sbp-V2-meta ul li:last-child:after {
    display: none;
}

.sbp-V2-text {
    position: relative;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.sbp-V2-text h4 {
    color: #3b3f54;
    font-size: 24px;
    line-height: 34px;
    margin: 20px auto;
    letter-spacing: 0px;
    transition: .5s ease;
}
.sbp-V2-text h4 a { 
    color: #3b3f54;
    font-size: 24px;
}
.sbp-V2-text p {
    color: #3b3f54;
    font-size: 14px;
    margin: 20px auto;
}

.sbp-V2-text a {
    font-size: 16px;
    color: #747784;
    letter-spacing: 0px;
}

.sbp-V2-text a i {
    padding-left: 10px;
}

.sbp-V2-text-content:hover .sbp-V2-text h4 {
    color: #1432d0;
}
.sticky h4:hover:before,
.sbp-V2-text a:hover {
    color: #1432d0;
}
/* ---------- Blog 2 CSS END ---------- */


/* 
--------------------------
- 32. Blog 3 CSS
--------------------------
*/



/* Inherit From Blog 2 CSS */



/* ---------- Blog 3 CSS END ---------- */


/* 
--------------------------
- 33. Blog 4 CSS
--------------------------
*/
.single-blog-post-V4 {
    position: relative;
    max-width: 730px;
    margin: 0px auto 50px;
    padding: 0;
}
.single-blog-post-V4 .sbp-V2-text-content {
    position: relative;
    max-width: 660px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 25px;
    box-shadow: 0px 14px 46px 0px rgba(12, 26, 100, 0.06);
}

.single-blog-post-V4 .sbp-V2-img img {
    width: 100%;
}

.single-blog-post-V4 .sbp-V2-text a {
    display: inline-block;
}
p.has-large-font-size + p {
    line-height: 55px;
}
.strick-pagination {
    padding: 0;
    position: relative;
    text-align: center;
    list-style-type: none;
    margin-top: 60px;
}
.strick-pagination ul.pagination {
    margin-bottom: 0;
}
.strick-pagination li {
    display: inline-block;
    margin: 2px;
}

.strick-pagination li span,
.strick-pagination li a {
    background-color: #f0f2ff;
    font-size: 16px;
    letter-spacing: 0px;
    height: 40px;
    width: auto;
    border-radius: 5px;
    display: block;
    padding: 10px 12px;
}
.strick-pagination li a b {
    font-weight: normal;
}
.inner-section-content.shop-inner .strick-pagination {
    width: 100%;
    margin-top: 30px;
    display: inline-block;
}
.inner-section-content.shop-inner .strick-pagination ul.pagination {
    display: inline-block;
}
.inner-section-content.shop-inner .strick-pagination li span, 
.inner-section-content.shop-inner .strick-pagination li a {
    line-height: 21px;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.page-item:last-child .page-link {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.strick-pagination li.sp-nav a {
    background-color: #1432d0;
    color: #fff;
    padding-top: 12px;
}

.strick-pagination li.sp-nav a i {
    transform: scale(1.7);
}
.strick-pagination li a.active,
.strick-pagination li a:hover {
    background-color: #1432d0;
    color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.page-link:hover {
    border-color: #1432d0;
}
/* ---------- Blog 4 CSS END ---------- */


/* 
--------------------------
- 34. Blog 5 CSS
--------------------------
*/

/* ---------- Blog 5 CSS END ---------- */

/* 
--------------------------
- 35. Blog 6 CSS
--------------------------
*/
.single-blog-post-V5 {
    position: relative;
    max-width: 730px;
    margin: 0px auto 30px;
    overflow: hidden;
    border-radius: 5px;
}
.sbp5-img {}

.sbp5-img img {
    width: 100%;
    height: 460px;
}

.sbp5-text {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    padding: 15px 22px;
    background-color: rgba(9, 10, 25, .70);
}

.sbp5-text h4 {
    color: #fff;
    font-size: 22px;
    letter-spacing: 0px;
    font-weight: 500;
    margin: 15px auto;
}

.sbp5-text p {
    color: #fff;
    font-size: 14px;
    margin: 15px auto;
}

.sbp5-text a {
    color: #fff;
    letter-spacing: 0px;
    font-size: 16px;
    margin: 15px auto;
}
.sbp5-text a i {
    margin-left: 10px;
}
.sbp5-text a:hover {
    color: #02cc87;
}
/* ---------- Blog 6 CSS END ---------- */


/* 
--------------------------
- 36. Blog Details 1 CSS
--------------------------
*/
.blogitem {
    position: relative;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
}

.blogitem-img {
    margin-bottom: 25px;
}

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

.blogitem-text-content {}

.blogitem-text-content .sbp-V2-meta {}

.blogitem-text-content .sbp-V2-text {}

.blogitem-text-content .sbp-V2-text blockquote {
    background-color: #f0f2ff;
    padding: 40px 100px;
    text-align: center;
}
.blogitem-text-content .sbp-V2-text .wp-block-column blockquote {
    padding: 40px 30px;
}
.blogitem-text-content .sbp-V2-text blockquote p {
    font-size: 18px;
    color: #5a5d6b;
    font-weight: 600;
}
.blogitem-text-content .sbp-V2-text blockquote:before {
    display: none;
}

.blogitem-text-content .sbp-V2-text h4 {
    margin-bottom: 10px;
}
.blogitem-text-content .sbp-V2-text h4 a {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #3b3f54;
    font-style: italic;
}
.blogitem-text-content .sbp-V2-text p {}

.bid-img {
    position: relative;
    width: 100%;
    display: flex;
}

.bid-img-2 {
    padding: 15px;
    width: 60%;
}

.bid-img-3 {
    padding: 15px;
    width: 40%;
}

.blogitem-tags {
    width: 100%;
    position: relative;
    border: 2px solid #b5bce7;
    border-left: none;
    border-right: none;
    padding: 12px 0px;
    margin-top: 30px;
    display: inline-block;
}

.blogitem-tags-title {
    display: inline-block;
}

.blogitem-tags-title i {}

.blogitem-text-content .sbp-V2-text blockquote .bd_designation {
    color: #3b3f54;
    font-size: 18px;
    letter-spacing: 0px;
}

.blogitem-tags-title h4 {
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 500;
    color: #3b3f54;
}
.single-post-content p {
    margin-bottom: 15px;
}
.blogitem-tags ul {
    position: relative;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

.blogitem-tags ul li {
    display: inline-block;
    margin: 2px;
}

.blogitem-tags ul li a {
    font-size: 16px;
    display: block;
    letter-spacing: 0px;
    background-color: #b5bce7;
    color: #fff;
    padding: 10px 15px;
    border-radius: 0px 0px 0px 24px;
}
footer.entry-footer {
    width: 100%;
    margin-top: 40px;
    display: inline-block;
}
.blogitem-comments {
    margin-top: 50px;
}

.blogitem-comments h5 {
    color: #3b3f54;
    font-weight: 600;
    letter-spacing: 0px;
}

.blogitem-comments h3.commets-title {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    margin: 20px auto;
    padding-bottom: 20px;
    border-bottom: 2px solid #b5bce7;
}

.tm-comment-wrapper {}

.tm-comment {
    position: relative;
    padding: 25px;
    margin: 25px auto;
    background-color: #f4f6ff;
}

.tm-comment-thumb {height: 65px;width: 65px;border-radius: 50%;overflow: hidden;display: inline-block;float: left;}

.tm-comment-thumb img {
    height: 100%;
    width: 100%;
}

.tm-comment-content {
    position: relative;
    padding-left: 80px;
}
.tm-comment-content .reply i {
    margin-right: 5px;
}
h6.tm-comment-authorname {
    font-size: 18px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    padding: 5px 0px;
}

span.tm-comment-date {
    font-size: 16px;
    letter-spacing: 0px;
    color: #3b3f54;
}

.tm-comment-content p {
    font-size: 14px;
    color: #3b3f54;
    padding-bottom: 15px;
}

a.tm-comment-replybutton {
    font-size: 16px;
    letter-spacing: 0px;
    color: #3b3f54;
}

.tm-comment-replypost {
    margin-left: 100px;
}

h6.tm-comment-authorname a {}


.blogitem-commentbox {
    position: relative;
}

.blogitem-commentbox h5 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    margin: 25px auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #b5bce7;
}
h3.comment-title.comment-form-title {
    color: #3b3f54;
    margin-top: 50px;
    margin-bottom: 0;
    font-weight: 600;
}
h3.comment-title.comment-form-title small {
    font-size: 13px;
}
.admin-bar h3.comment-title.comment-form-title {
    margin-top: 50px;
    margin-bottom: 10px;
}
.blogitem-commentbox form {}

.tm-commentbox-singlefield {
    margin-bottom: 30px;
}
li.pingback {
    margin-bottom: 10px;
}
.tm-commentbox-singlefield .form-control {
    border: 1px solid #b5bce7;
    background-color: #f4f6ff;
    height: 50px;
    padding: 15px;
    font-size: 14px;
    color: #3b3f54;
}

.tm-commentbox-singlefield textarea {
    height: 190px !important;
    border-radius: 5px;
}

.bdc-btn-box {
    margin-bottom: 0;
    text-align: right;
}
.tm-commentbox-singlefield button {
    font-size: 16px;
    height: 50px;
    color: #fff;
    background-color: #1432d0;
    letter-spacing: 0px;
    font-weight: 500;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    cursor: pointer;
}

#submited-comment .trackback, #submited-comment .pingback {
    border-bottom: 2px solid #f0f2ff;
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 0;
}


/* ---------- Blog Details 1 CSS END ---------- */


/* 
--------------------------
- 37. Blog Details 2 CSS
--------------------------
*/


/* ---------- Blog Details 2 CSS END ---------- */

/* 
--------------------------
- 38. Blog Details 3 CSS
--------------------------
*/


/* ---------- Blog Details 3 CSS END ---------- */



/* 
--------------------------
- 25. Shop Page V1
--------------------------
*/
.shop-sidebar {}

.shop-sidebar {
    background-color: #fff;
    padding: 0;
}

.shop-sidebar .widget {
    background-color: #f7f7f7;
    padding: 25px;
    margin: 25px auto;
}


.shop-search {
    width: 100%;
    position: relative;
}
.shop-search form.search-form {
    left: 0;
    height: 40px;
    top: 0;
}
.shop-search button[type=submit] {
    background-color: #1432d0;
    border: none;
    color: #fff;
    padding: 10px 18px;
    cursor: pointer;
    font-size: 24px;
    letter-spacing: 0px;
    margin-left: -5px;
}
.shop-search  input {
    height: 45px;
    width: 70%;
    padding-left: 15px;
    color: #000;
    letter-spacing: 0px;
    border: 1px solid #f2f2f2;
    font-size: 12px;
    float: left;
}
#price-range-filter {
    position: relative;
    max-width: 350px;
    margin: 15px 40px 15px auto;
}
#price-range-filter:before {
    position: absolute;
    content: "Min";
    left: -40px;
    top: -10px;
}

#price-range-filter:after {
    position: absolute;
    content: "Max";
    right: -40px;
    top: -10px;
}
#price-range-filter .ui-slider-range {
    background-color: #1432d0;
}

#price-range-filter .ui-slider-handle {
    background-color: #1432d0;
    height: 35px;
    width: 10px;
    top: -13px;
    border: none;
}

#price-range-filter .value {
    margin-top: -25px !important;
    margin-left: -8px;
    position: absolute;
    color: #1432d0 !important;
    font-size: 12px;
}

#price-range-filter.ui-widget {
    background-color: #d7d7d7;
}
#price-range-filter .price-range-both {
    display: none;
}


.shop-shorting {}
@media only screen and (max-width: 600px) {
.shop-shorting form {
	float:left!important;
	margin-top:30px!important;
}
}
.shop-shorting form select {
    height: 50px;
    color: #6c6c73;
    width: 100%;
    max-width: 260px;
    padding-left: 15px;
    padding-right: 10px;
    border: 1px solid #f2f2f2;
}


.shop-product-single {
    position: relative;
    width: 100%;
    max-width: 350px;
    margin: 25px auto;
}

.shop-product-single .product-img {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.shop-product-single .product-img img {}

ul.star-rating {
    padding: 0;
    list-style-type: none;
    margin: 15px auto;
}

ul.star-rating li {
    display: inline-block;
    color: #dc4f13;
    font-size: 18px;
}

.woocommerce .shop-page-content .star-rating {
    margin-bottom: 8px;
}
.price-title {
    width: 100%;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
}
.shop-product-single .price-title h2 {
    margin-bottom: 10px;
    display: inline-block;
}
.shop-page-content .price-title h2 { 
    margin: 0;
    width: 65%;
    line-height: 15px;
}
.shop-product-single h2 a {
    color: #26252f;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    font-family: 'Poppins', sans-serif;
}
.shop-page-content span.price {
    width: 30%;
}
.price {
    float: right;
    font-weight: 600;
    letter-spacing: 0px;
    color: #575661 !important;
    font-size: 16px !important;
}
.shop-page-content span.price del,
.shop-page-content span.price ins {
    margin-left: 5px;
}
.shop-product-single:hover .product-btns {
    opacity: 1;
}
.product-btns {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: .5s ease;
}
.product-btns a {
    font-size: 20px;
    margin: 5px;
    background-color: #ff6321;
    color: #fff;
    width: 40px;
    padding: 5px 0px;
    display: inline-block;
}

.product-btns a:hover {
    background-color: #1432d0;
}
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.show, .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse.show {
    height: 43px;
    position: absolute;
    top: 0px;
    overflow: hidden;
}



.shop-single-page-content .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.show, 
.shop-single-page-content .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse.show {
    position: relative;
}



.shop-single-page-content .yith-wcwl-add-to-wishlist {
    width: auto;
    letter-spacing: 0px;
    position: relative;
    margin: 0 auto;
}
.shop-single-page-content .yith-wcwl-add-to-wishlist a:after{
    display: none;
}

.shop-product-single .product-btns .sl-wrapper{
	width:40px;
	height:40px;
}
.shop-product-single .product-btns .sl-wrapper a{
	padding:9px 0!important;
}
.shop-product-single .product-btns a{
	margin: 0;
}
.shop-product-single .product-btns .yith-wcwl-add-to-wishlist{
	    width: 38px;
    height: 21px;
}
.shop-product-single .product-btns .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.show, .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse.show{
	top: 5px;
    width: 38px;
    height: 38px;
}
.shop-product-single .product-img img {
    height: auto;
    width: 100%;
}

/* ---------- Shop Page V1 CSS END ---------- */


/* 
--------------------------
- 26. Shop Page V2
--------------------------
*/

.shop-sidebar .shop-search {
    height: 50px;
    margin: 25px auto;
    width: 100%;
}

.shop-sidebar .shop-shorting {}

.shop-sidebar .shop-shorting form.woocommerce-ordering {}

.shop-sidebar .shop-shorting select.orderby {
    width: 100%;
    max-width: 350px;
}

.shop-sidebar .shop-search input {
    width: 100%;
    margin-right: -59px;
    padding-right: 70px;
    float: left;
}

.shop-sidebar #price-range-filter.ui-widget {
    margin: 50px 45px 40px 45px;
}

/* ---------- Shop Page V2 CSS END ---------- */



/* 
--------------------------
- 27. Shop Page V3
--------------------------
*/



/* ---------- Shop Page V3 CSS END ---------- */



/* 
--------------------------
- 28. Cart Page CSS
--------------------------
*/
.cart-area-wrapper {}

.cart-area-wrapper .section-title2 {
    max-width: 540px;
    margin: 0 auto;
    margin-bottom: 40px;
}

table.cart-table {
    position: relative;
    border: 1px solid #e1e1e1;
    text-align: center;
}

table.cart-table thead {}

table.cart-table thead tr {}

table.cart-table thead tr th {
    font-size: 14px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    border: 1px solid #e1e1e1;
    border-bottom: none;
}

table.cart-table tbody {}

table.cart-table tbody tr {
}

table.cart-table tbody tr td {
    border: 1px solid #e1e1e1;
    vertical-align: middle;
    padding: 0;
    font-size: 16px;
    color: #26252f;
    letter-spacing: 0px;
}

.u-cart-btn {
    position: relative;
    margin: 40px 0px;
    text-align: right;
}

.u-cart-btn a {}

.total-cart {
    position: relative;
    max-width: 500px;
    margin-left: auto;
    margin-top: 100px;
}

table.cart-table tbody tr td img {
    height: 100%;
    width: 100%;
}

table.cart-table tbody tr td:first-child {
    max-width: 120px !important;
}

table.cart-table tbody tr td a {
    color: #f00;
    font-size: 30px;
}

.total-cart h3 {
    color: #3b3f54;
    font-size: 36px;
    letter-spacing: 0px;
    font-weight: 500;
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 0px;
}

.total-cart .total-cart-table {
    margin-bottom: 40px;
    margin-top: 40px;
    width: 100%;
}

.checkout-cart-btn {
    position: relative;
    text-align: right;
}

.total-cart-table tbody {}

.total-cart-table tbody tr {
}

.total-cart-table tbody tr td {
    padding: 10px;
    font-size: 16px;
    letter-spacing: 0px;
    color: #3b3f54;
    border: 1px solid #e1e1e2;
}

.total-cart-table tbody tr td ul {
    padding: 0;
    list-style-type: none;
    margin: 15px auto;
}

.total-cart-table tbody tr td ul li {
    line-height: 24px;
}



.total-cart-table {
    border: 1px solid #e1e1e1;
}



.total-cart-table tbody tr td .cupon-wrapper {
    margin: -10px;
}

.cupon-wrapper input {
    height: 50px;
    font-size: 14px;
    letter-spacing: 0px;
    border: none;
}

.cupon-wrapper button {
    background-color: #1432d0;
    color: #fff;
    letter-spacing: 0px;
    font-size: 14px;
    border-radius: 0px;
}
/* ---------- Cart Page CSS END ---------- */


/* 
--------------------------
- 7. About Page V1 CSS
--------------------------
*/



.innerpage-title-area {
    position: relative;
    background-image: url(../img/bg/innerpage-1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 160px 0px 100px;
    overflow: hidden;
    z-index: 1;
}
.innerpage-title-area:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(20, 50, 208, .85);
}
.innerpage-title-area:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(../img/ipv-shape.png);
    z-index: -1;
}
.innerpage-title {
    position: relative;
    text-align: center;
    margin: 25px auto;
}
.innerpage-title h3 {
    color: #fff;
    letter-spacing: 0px;
    font-size: 48px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 15px;
}
.innerpage-title .section-title2 p {
    color: #fff;
}
.innerpage-title .section-title2 {
    max-width: 480px;
    margin: 0 auto;
}
.ipt-2 .section-title2 {
    margin: 0 auto 0 0;
    text-align: left;
}

/* ---------- About Page V1 CSS END ---------- */




/* 
--------------------------
- 43. Product Details
--------------------------
*/
.related-product-wrapper .shop-product-single {
    max-width: 255px;
}



.pGallery-slider {
    position: relative;
    max-width: 540px;
}
.pGallery-slider .active .item {
    
    height: 590px;
}

.pGallery-slider .item {
    height: 590px;
}

.pGallery-slider .item img {
    height: 100%;
    width: 100%;
}

.pGallery-slider .active .item img {
    height: 100%;
    width: 100%;
}

.pGallery-slider .owl-dots {}

.pGallery-slider .owl-dots .owl-dot {
    margin: 10px 9px;
}

.pGallery-slider .owl-dots .owl-dot:first-child {
    margin-left: 0px;
}

.pGallery-slider .owl-dots .owl-dot:last-child {
    margin-right: 0px;
}
.slide-cont {
    width: 600px; 
    display: block; 
    margin: 0 auto;
}
.owl-carouse div {
    width: 100%;
}

/*SEE END OF THUMBNAIL FUCNTION TO TINKER SIZE OF THUMBS*/
.owl-carousel .owl-controls .owl-dot {
    float: left; 
    background-size: cover; 
    margin-top: 10px;
}


/* BELOW THIS IS JUST MY OWN BACKGROUND ETC AND ISN'T NEEDED */




.owl-carousel .owl-dot {
    float: left; 
    background-size: cover;
}

.product-details-info {}

.pdi-ratings {
    position: relative;
    margin: 10px auto;
}

ul.pdir-list {
    position: relative;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

ul.pdir-list li {
    display: inline-block;
    color: #f68e2e;
    font-size: 20px;
    letter-spacing: 0px;
}

ul.pdir-list li i {}

.pdi-ratings span {
    letter-spacing: 0px;
    font-size: 14px;
    color: #75767a;
    font-weight: 500;
}
.shop-single-page-content div.product .product_title,
.product-details-info h4 {
    font-size: 30px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 600;
    margin: 10px auto;
}
.shop-single-page-content div.product .product_title {
    margin-top: 0;
}
.shop-single-page-content .woocommerce-product-rating {
    margin-bottom: 15px !important;
}
.pdi-price {
    font-size: 24px;
    letter-spacing: 0px;
    color: #1432d0;
    font-weight: 500;
    display: block;
    margin: 15px auto;
}

.product-details-info p {
    color: #4c4e58;
    font-size: 14px;
    line-height: 22px;
    margin: 25px auto;
    font-weight: 500;
}

ul.pdipcct {
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 25px auto;
}

ul.pdipcct li {
    color: #4c4e58;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0px;
}

ul.pdipcct li span {
    font-weight: 500;
    padding-right: 5px;
}

.pdi-quantity {
    position: relative;
    margin: 80px auto;
}

.pdi-quantity .input-group {
    max-width: 100px;
    display: inline-flex;
}

.pdi-cart-btn {
    position: absolute;
    display: inline-block;
    width: 130px;
    height: 45px;
    margin-left: 30px;
}

.pdi-quantity .input-group button,.pdi-quantity .input-group input {
    font-size: 24px;
    height: auto;
    line-height: 30px;
    padding: 8px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #ededed;
    border-radius: 0;
    letter-spacing: 0px;
}

.pdi-quantity .input-group button:hover {
    color: #1432d0;
}

.pdi-quantity .input-group button {
    transition: .5s ease;
}

.pdi-cart-btn a {
    background-color: #e90c4a;
    display: block;
    min-width: 130px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0px;
    padding: 10px 15px;
    line-height: 28px;
}

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

.pdi-share {
    position: relative;
}

.pdi-share p {
    font-size: 14px;
    letter-spacing: 0px;
    color: #4c4e58;
    display: inline-block;
    margin: 25px auto;
}

ul.pdi-list {
    position: absolute;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    top: 12px;
    margin-left: 12px;
}

ul.pdi-list li {
    display: inline-block;
    margin: 3px;
}

ul.pdi-list li a {
    font-size: 40px;
    color: #3b5998;
}

ul.pdi-list li a i {}

ul.pdi-list li a:hover {
    color: #e90c4a;
}

.product-description {
    position: relative;
    background-color: #fafafa;
    padding: 5px 25px 25px;
    margin: 60px auto;
    margin-bottom: 0;
    padding-bottom: 0;
}

.pdi-Htitle {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 500;
    padding: 0px 0px 15px;
    margin: 20px auto;
    border-bottom: 1px solid #ebebeb;
}

.pd-details-text p {
    font-size: 14px;
    letter-spacing: 0px;
    color: #7f7f7f;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 25px;
}

.product-reviews {
    position: relative;
    background-color: #fafafa;
    padding: 5px 25px 25px;
    margin: 60px auto;
    margin-bottom: 0;
    padding-bottom: 0;
}
.woocommerce-Reviews.addReviews-wrapperp .form-submit {
    margin-bottom: 0 !important;
}
ul.pd-r-list li {
    position: relative;
    margin: 35px auto;
}

.reviewers-img {
    float: left;
    display: inline-block;
    height: 65px;
    width: 65px;
    border-radius: 5px;
}

.reviewers-img img {
    height: 100%;
    width: 100%;
    border-radius: 5px;
}

.rvr-text {
    position: relative;
    padding-left: 75px;
}

.rvr-head {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.rvr-text p {
    font-size: 14px;
    letter-spacing: 0px;
    color: #656771;
    line-height: 24px;
}

.rvr-head h4 {
    margin: 0;
    color: #3b3f54;
    padding-top: 0;
    font-size: 18px;
    padding: 5px 0px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 5px;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.rvr-date {
    font-size: 14px;
    letter-spacing: 0px;
    color: #656771;
}

ul.rvr-star {
    padding: 0;
    list-style-type: none;
    float: right;
    margin-top: -15px;
}

ul.rvr-star li {
    display: inline-block;
    font-size: 20px;
    color: #f68e2e;
    margin: 0 auto;
}

ul.rvr-star li i {}

.addReviews-wrapper {
    position: relative;
    margin: 25px auto;
    margin-bottom: 0;
}

.addReviews-wrapper form {}

h2.woocommerce-Reviews-title {
    color: #3b3f54;
    font-weight: 400;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
}

.addReviews-wrapper form input {
    height: 50px;
    padding: 0px 15px;
}

.addReviews-wrapper form input,.addReviews-wrapper form textarea {
    width: 100%;
    border: 1px solid #ebebeb;
    letter-spacing: 0px;
    font-size: 14px;
    margin-bottom: 15px;
}

.addReviews-wrapper form textarea {
    padding: 15px;
    margin-bottom: 8px;
    height: 140px !important;
}

.addReviews-wrapper form button {
    background-color: #e90c4a;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0px;
    padding: 10px 15px;
    font-weight: 500;
    border-radius: 0px;
    transition: .5s ease;
}
.addReviews-wrapper form button:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pd-details-text {
    position: relative;
    padding-bottom: 5px;
}

ul.pd-r-list {
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 45px auto 50px;
}
.wc_ss_btns.modern-theme-rounded.wc_ss_btns_float {
    display: none;
}
li.wc_payment_method.payment_method_ppec_paypal label img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.woocommerce-checkout span.edit-link {
    padding-left: 15px;
}
section.innerpage-area.shop-page-content.strick-checkout-page {
    padding-top: 0;
}
/* ---------- Product Details CSS END ---------- */


/* 
--------------------------
- 7. About Page V1 CSS
--------------------------
*/

.about-gt-wrapper {
    position: relative;
    background-image: url('../img/section-img/about-p-1.jpg');
}
.cuw2 {}

.cuw2 .table-bordered td {
    border: none;
}

.cuw2 .table-bordered {
    border: none;
}

.cuw2 .single-counter-up {
}

.cuw2  .table-bordered td:hover {
    background-color: transparent;
}

.about-p-text-2 a {
    margin-right: 10px;
    margin-bottom: 25px;
}

.about-gt-wrapper {
    position: relative;
    border: 20px solid #1432d0;
    padding: 15px;
    background-image: url(../img/section-img/about-p-1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 80px;
}
.agt-text {
    position: relative;
    max-width: 535px;
    margin: 0 auto;
    padding: 50px 50px 50px;
    background-color: rgba(20, 50, 208, .80);
}

.agt-text .section-paragraph p, 
.agt-text .section-title h3 {
    color: #fff;
}
.ipt2 {
    max-width: 600px;
    margin: 25px auto;
}
.ipt2 h3 {
    margin-bottom: 20px;
}
.about-p-img-2 {
    position: relative;
    margin: 50px 0px 50px auto;
    max-width: 450px;
}

.about-p-img-2  img {
    margin-left: -80px;
    margin-top: 80px;
    border: 20px solid #1432d0 !important;
    transition: .5s ease;
}

.about-p-img-2:before {
    position: absolute;
    content: '';
    height: calc(100% - 80px);
    width: 100%;
    top: 0;
    right: 0;
    border: 20px solid #1432d0;
    z-index: -1;
}
.about-p-text-2 {
    max-width: 465px;
    margin: 50px auto;
}
.about-p-img-2 img:hover {
    margin-left: 0;
    margin-top: 0px;
    margin-bottom: 80px;
}
.apt-2 {
    text-align: left;
    margin-left: 40px;
    padding-bottom: 10px;
}

/* ---------- About Page V1 CSS CSS END ---------- */




/* 
--------------------------
- 8. About Page V1 CSS
--------------------------
*/
.ap2-single-about {
    position: relative;
    margin: 80px auto;
}

.ap2-img {
    position: relative;
    max-width: 760px;
    display: inline-block;
    margin-right: -315px;
}


.ap2-img img {
    border-radius: 5px;
}
.ap2-content {
    position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 35px 0px rgba(10, 34, 158, 0.1);
    max-width: 650px;
    padding: 25px 50px;
    float: right;
    margin: 65px auto;
    border-radius: 5px;
}

.ap2-content .section-title {
    text-align: left;
}
.ap2sa-alt {}

.ap2sa-alt .ap2-content {
    float: left;
    z-index: 1;
}

.ap2sa-alt .ap2-img {
    margin-left: -315px;
}


.meet-the-team-inner {
    position: relative;
    padding-top: 0px;
}



.meet-the-team-inner .section-title-2 {
    text-align: center;
}

.meet-the-team-inner .section-title-2 p {
    color: #3b3f54;
}




/* ---------- About Page V2 CSS END ---------- */


/* 
--------------------------
- 9. Services Page V1 CSS
--------------------------
*/

.csa-inner {
    padding-top: 100px;
}
.csa-inner .section-title-2 {
    margin: 0 auto;
}
.csa-inner .section-title-2 p {
    color: #3b3f54;
}

.csa-inner .clientSays-carousel .owl-nav [class*=owl-] {
    text-align: center;
    padding-top: 5px;
}
/* ---------- Services Page V1 CSS END ---------- */


/* 
--------------------------
- 10. Services Page V2 CSS
--------------------------
*/

.bsb2 {
    border-radius: 25px;
    min-width: 140px;
    text-align: center;
}
/* ---------- Services Page V2 CSS END ---------- */


/* 
--------------------------
- 11. Services Page V3 CSS
--------------------------
*/


/* ---------- Services Page V3 CSS END ---------- */



/* 
--------------------------
- 12. Services Details V1 CSS
--------------------------
*/

ul.sp-list {
    position: relative;
    padding: 0px;
    list-style-type: none;
}

ul.sp-list li {
    position: relative;
    font-size: 14px;
    color: #3b3f54;
    letter-spacing: 0px;
    margin: 10px;
    font-style: italic;
    padding-left: 22px;
    transition: .5s ease;
    cursor: default;
}

ul.sp-list li:before {
    position: absolute;
    content: '\f00c';
    font-family: FontAwesome;
    left: 0;
}

ul.sp-list li:hover {
    color: #1432d0;
}

.ipc2 {}

.ipc2 .section-title {
    text-align: left;
}
.sd-1-p {
}

.ipc2 .section-img {
    margin-bottom: 80px;
}

.clientSays2-carousel {}

.client-says-area2 {
    position: relative;
    background-color: #f5f7ff;
}

.cs2-single {
    position: relative;
    text-align: center;
    max-width: 445px;
    margin: 0 auto;
    padding: 60px 25px;
}

.cs2-single p {
    font-size: 14px;
    color: #5f6377;
    letter-spacing: 0px;
    line-height: 22px;
    font-style: italic;
    margin-bottom: 15px;
}

.cs2-single h4 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 700;
}

.cs2-single span {
    display: block;
    font-size: 14px;
    letter-spacing: 0px;
    color: #3b3f54;
}

.clientSays2-carousel .owl-nav {
    width: 100%;
    position: absolute;
    margin-top: -170px;
}

.clientSays2-carousel .owl-dots {
    display: none;
}

.clientSays2-carousel .item {
    position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgba(12, 26, 100, 0.05);
    border-radius: 5px;
}

.clientSays2-carousel .owl-nav .owl-prev {float: left;margin-left: -60px;}

.clientSays2-carousel .owl-nav .owl-next {
    float: right;
    text-align: right;
    margin-right: -60px;
}

.clientSays2-carousel .owl-nav .owl-next,
.clientSays2-carousel .owl-nav .owl-prev {
    width: auto;
    display: inline-block;
    background-color: transparent;
}
.clientSays2-carousel .owl-nav .owl-prev {
    
}
.clientSays2-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}
.clientSays2-carousel .owl-nav i {
    color: #3b3f54;
    font-size: 30px;
    border: 2px solid #3b3f54;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    transition: .5s ease;
    padding-top: 3px;
}

.clientSays2-carousel .owl-nav i:hover {
    color: #1432d0;
    border-color: #1432d0;
}

.client-says-area2 .section-title2 {
    max-width: 565px;
    margin: 25px auto;
}
/* ---------- Services Details V1 CSS END ---------- */


/* 
--------------------------
- 13. Services Details V2 CSS
--------------------------
*/


/* ---------- Services Details V2 CSS END ---------- */

/* 
--------------------------
- 14. Services Details V3 CSS
--------------------------
*/


/* ---------- Services Details V3 CSS END ---------- */

/*
--------------------------
- 15. Contact US V1 CSS
--------------------------
*/

#map {
    height: 400px;
    width: 100%;
}
.contact-page-wrapper {}

.contact-page-wrapper h4 {
    font-size: 30px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #3b3f54;
    margin-bottom: 25px;
}

.cp-wrapper {
    position: relative;
    max-width: 767px;
    margin: 0 auto;
}
.cp-wrapper form {}

.cf {
    position: relative;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 5px;
}

.cf label {
    font-size: 16px;
    letter-spacing: 0px;
    color: #3b3f54;
}

.cf .form-control {
    font-size: 14px;
    letter-spacing: 0px;
    color: #000;
    height: 50px;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #fff;
    margin-bottom: 25px;
}

.cf textarea.form-control {
    height: 200px;
}

.cf-btn {
    background-color: #1432d0;
    border: none;
    padding: 8px 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 500;
    cursor: pointer;
    transition: .5s ease;
}

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

.contact-info {
    position: relative;
    margin-top: 50px;
}
.comment-respond .contact-info {
    margin-top: 0;
}
.contact-info p {
    font-size: 16px;
    letter-spacing: 0px;
    color: #3b3f54;
    line-height: 28px;
    margin-bottom: 25px;
}

.ci-single {
    position: relative;
    width: 100%;
    max-width: 350px;
    margin: 50px auto;
    min-height: 50px;
}


.cis-icon {
    position: relative;
    max-width: 60px;
    float: left;
}

.cis-icon i {
    font-size: 25px;
    background-color: #1432d0;
    color: #fff;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    text-align: center;
    padding-top: 12px;
}



.cis-text {
    padding-left: 65px;
}

.cis-text p {
    margin-bottom: 0px;
    line-height: 25px;
    font-weight: 500;
    color: #3b3f54;
}

/* ---------- Contact US V1 CSS END ---------- */



/*
--------------------------
- 16. Contact US V2 CSS
--------------------------
*/
.ci2 {
    text-align: center;
    max-width: 600px;
    margin: 100px auto 40px;
}

/* ---------- Contact US V2 CSS END ---------- */


/*
--------------------------
- 17. Portfolio V1
--------------------------
*/

/* ---------- Portfolio V1 CSS END ---------- */

/*
--------------------------
- 18. Portfolio V2
--------------------------
*/
.pfs-V2 {
    margin: 15px auto;
}
.pfs-V2 {
    margin: 15px auto;
}

.pfs-V2 .pf-hvr-icon a {
    font-size: 55px;
    border: 2px solid #fff;
    padding: 10px 15px;
}
/* ---------- Portfolio V2 CSS END ---------- */

/*
--------------------------
- 19. Portfolio V3
--------------------------
*/
.pfs-V3 {
    margin: 15px auto;
    text-align: center;
}

.pfs-V3>a {
    font-size: 18px;
    letter-spacing: 0px;
    color: #4c4d54;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    margin: 15px auto;
}
.pfs-V3 .pfs-img img {
    height: 280px;
    width: 100%;
}


.pfs-V3:hover .pfs-img:before {
    display: none;
}
.pfs-V3:hover {
    box-shadow: none;
}
/* ---------- Portfolio V3 CSS END ---------- */

/*
--------------------------
- 20. Portfolio V4
--------------------------
*/
.portfolio4-single {
    position: relative;
    max-width: 570px;
    margin: 15px auto;
}

.p4s-img {
    padding: 25px;
    background-color: #f6f7ff;
    border-radius: 5px;
    margin-bottom: 25px;
}

.p4s-img img {
    border-radius: 5px;
}

.p4s-text h4 {}

.p4s-text {
    position: relative;
    text-align: left;
    padding: 0px 25px;
    margin-bottom: 40px;
}

.p4s-text a {}

.p4s-text a h4 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3f54;
    margin-bottom: 10px;
}

.p4s-text p {
    font-size: 16px;
    letter-spacing: 0px;
    color: #5b5e6c;
    line-height: 24px;
    margin-bottom: 20px;
}
/* ---------- Portfolio V4 CSS END ---------- */

/*
--------------------------
- 21. Portfolio V5
--------------------------
*/
.p5s .p4s-img {
    background-color: transparent;
}
/* ---------- Portfolio V5 CSS END ---------- */

/*
--------------------------
- 22. Portfolio V6
--------------------------
*/
.portfolio-style-6 {
    margin: 0px;
      -webkit-column-count: 3; 
      -moz-column-count: 3;
      column-count: 3;
      -webkit-column-gap: 0px;
      -moz-column-gap: 0px;
      column-gap: 0px;
      -webkit-column-width: 33.33333333333333%;
      -moz-column-width: 33.33333333333333%;
      column-width: 33.33333333333333%;
}
.pf6-single {
    max-width: 370px;
    margin: 0px;
}
  


  
  
/* ---------- Portfolio V6 CSS END ---------- */

/*
--------------------------
- 23. Portfolio Details V1 CSS
--------------------------
*/
.port-folio-details-item {
    position: relative;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
}
.portfolio-details-item {}

.portfolio-details-item .blogitem-img {
    background-color: #f6f7fa;
    padding: 25px;
    border-radius: 5px;
}
.portfolio-details-item .blogitem-img img {
    width: auto;
}
.portfolio-details-item .sbp-V2-text {
    padding: 15px;
}
.portfolio-details-item .bid-img {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}
.bid-img img {
    background-color: #f6f7fa;
    padding: 25px;
    border-radius: 5px;
    max-height: 460px;
    width: 100%;
}
.blog-page-content .bid-img img {
    height: 100%;
}
.innerpage-bottom-button .btn-style-np {
    font-size: 14px;
    color: #3b3f54;
    letter-spacing: 0px;
    font-weight: 500;
}

.innerpage-bottom-button .btn-style-np i {
    font-size: 20px;
    color: #fff;
    background-color: #3b3f54;
    height: 30px;
    width: 30px;
    padding-top: 4px;
    text-align: center;
    margin: 10px;
}
.ipb-right {
    text-align: right;
}

.ipb-left {
    text-align: left;
}
/* ---------- Portfolio Details V1 CSS END ---------- */


/*
--------------------------
- 24. Portfolio Details V2
--------------------------
*/


/* ---------- Portfolio Details V1 CSS END ---------- */

/*
--------------------------
- 40. Pricing Page CSS
--------------------------
*/ 
.spricing-2 {
    padding-top: 15px;
}

.plan-price-old {
    color: #3b3f54;
    font-size: 24px;
    letter-spacing: 0px;
    text-decoration: line-through;
}

.spricing-2 ul.pf-list li {
    border: 1px solid #d7d7e8;
    margin-bottom: -1px;
    border-left: none;
    border-right: none;
}

.spricing-2 ul.pf-list {
    max-width: 250px;
}

/* ---------- Pricing Page CSS END ---------- */

/*
--------------------------
- 42. 404 Page CSS
--------------------------
*/ 
.error-wrapper {
    position: relative;
    text-align: center;
}

.notFound-text {
    position: relative;
    margin: 40px auto;
}

.notFound-text h4 {
    font-size: 36px;
    line-height: 46px;
    letter-spacing: 0px;
    color: #3b3f54;
    font-weight: 700;
    margin: 25px auto;
}

.notFound-text a.btn-style-b {
    min-width: 140px;
}


/* ---------- 404 Page CSS END ---------- */





/*
--------------------------
- 41. Coming Soon Page CSS
--------------------------
*/ 

.coming-soon-area {
    position: relative;
    background-image: -moz-linear-gradient( -10deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( -10deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( -10deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    height: 100vh;
}

.c-sson-title {
    max-width: 740px;
    margin: 50px auto 30px;
    padding: 60px 0px 0px;
}

.c-sson-title h3 {
    color: #fff;
    margin-bottom: 10px;
}

.c-sson-title p {
    color: #fff;
}

.countdown-wrapper {
    position: relative;
}

.countdown {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}

.countdown .cdown {
    position: relative;
    width: 125px;
    height: 115px;
    display: inline-block;
    border: 3px solid #fff;
    border-radius: 5px;
    text-align: center;
    padding-top: 25px;
    margin: 20px;
}
.countdown .cdown:after {
    position: absolute;
    content: ':';
    right: -35px;
    top: 30px;
    color: #fff;
    font-size: 80px;
}
.countdown .cdown:last-child:after {
    display: none;
}
.countdown .cdown .time-count {
    font-size: 48px;
    color: #fff;
    letter-spacing: 0px;
}

.countdown .cdown p {
    color: #fff;
    font-size: 22px;
    letter-spacing: 0px;
}

.cs-newsletter-form {
    position: relative;
}

.nl-content {
    position: relative;
    max-width: 520px;
    margin: 25px auto;
    text-align: center;
}

.nl-content h2 {
    font-size: 24px;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 400;
}

.nl-content .input-group {
    position: relative;
    margin: 25px auto;
}

.nl-content .input-group input {
    height: 60px;
    letter-spacing: 0px;
    font-size: 14px;
    padding-left: 20px;
    border-radius: 5px !important;
    padding-right: 20px;
}

.nl-content .input-group .input-group-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 99;
}
.nl-content .input-group button {
    background-image: -moz-linear-gradient( 56deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -webkit-linear-gradient( 56deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    background-image: -ms-linear-gradient( 56deg, rgb(20,50,208) 0%, rgb(2,204,135) 100%);
    color: #fff;
    font-size: 14px;
    letter-spacing: 0px;
    height: 50px;
    min-width: 120px;
    border-radius: 5px;
    font-weight: 500;
}
.footer-area .nl-content .input-group button { 
    height: 48px;
    min-width: 95px;
}

/* ---------- Coming Soon Page CSS END ---------- */




/*
--------------------------
- 39. Faq Page CSS
--------------------------
*/ 


.faq-accordion {}

.faq-accordion {}

.faq-accordion .card {
    border: 1px solid #cccccc;
    border-left: none;
    border-right: none;
}

.faq-accordion .card-header {
    position: relative;
    background-color: #fff;
    border: none;
    padding: 10px 0px;
}

.faq-accordion .card-header h5 {
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 500;
    color: #384554;
}

.faq-accordion .card-body p {
    font-size: 16px;
    color: #384553;
    font-weight: 300;
    line-height: 28px;
    padding: 15px 0px;
}

.faq-accordion .card-header i {
    float: right;
    margin-right: 5px;
    background-color: #b5bce7;
    color: #fff;
    height: 25px;
    width: 25px;
    text-align: center;
    border-radius: 50%;
    padding-top: 4px;
}


.faq-area {
    position: relative;
}

.faq-tab-wrapper {
    position: relative;
}

ul.faq-nav {
    display: block;
    position: relative;
    padding: 0;
    list-style-type: none;
    border: none;
    background-color: #f0f2ff;
}

ul.faq-nav li {
    border: 1px solid #eceefa;
}

ul.faq-nav li a {
    color: #3b3f54;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 500;
    display: block;
    padding: 15px 25px;
}
ul.faq-nav li span {
    color: #3b3f54;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 500;
    display: block;
    padding: 15px 25px;
    cursor: pointer;
}
ul.faq-nav li span.nav-link.active {
    background-color: #1432d0;
    color: #fff;
    font-weight: 400;
}
ul.faq-nav li.active span.nav-link {
    background-color: #1432d0;
    color: #fff;
    font-weight: 400;
}
ul.faq-nav li a.nav-link.active {
    background-color: #1432d0;
    color: #fff;
    font-weight: 400;
}

.faq-content {}

.faq-content .tab-pane {}

.faq-content .tab-pane.active {}

.faq-content .tab-pane .card {
    margin-bottom: 20px;
    border: 1px solid #b5bce7 !important;
    border-left: none !important;
    border-right: none !important;
}

.faq-content .tab-pane .faq-accordion {}


.faqp-accordion .card {
    display: none;
}
.faqp-accordion .allFaq.active {
    display: block;
}
div.wc_ss_btns.wc_ss_btns_float,
.wc_ss_btns{
    display: none !important;
}
/* ---------- Faq Page CSS END ---------- */

/*
--------------------------
- 40. WooCommerce Css 
--------------------------
*/ 
.woocommerce label {
    width: auto;
    display: inline-block;
}
.star-rating {
    letter-spacing:3px;
}
.woocommerce .star-rating {
    float: left;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 6em;
    font-family: star;
}
.woocommerce .star-rating:before {
    content: "\73\73\73\73\73";
    color: #dc4f13;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    font-family:"star";
}
.woocommerce .star-rating span {
    top: 0;
    left: 0;
    float: left;
    color: #dc4f13;
    overflow: hidden;
    position: absolute;
    padding-top: 1.5em;
    font-family: "star";
}
.woocommerce .star-rating span:before {
    top: 0;
    left: 0;
    position: absolute;
    font-family: star;
    visibility: visible;
    content: "\53\53\53\53\53";
}

.add_to_cart_button:before {
    content: "\f07a";
    font-family: FontAwesome;
}
a.added_to_cart.wc-forward {
    display: none;
}
.woocommerce .shop-inner a.button {
    font-size: 20px;
    margin: 5px;
    color: #fff;
    width: 40px;
    padding: 9px 0px;
    display: inline-block;
    background-color: #ff6321;
    border-radius: 0;
}
.woocommerce .shop-inner a.button:hover {
    background-color: #1432d0;
}
.woocommerce .shop-inner a.add_to_cart_button.ajax_add_to_cart.loading:before,
.woocommerce .shop-inner a.add_to_cart_button.ajax_add_to_cart.added:before {
    display: none;
}
.woocommerce .shop-inner a.add_to_cart_button.ajax_add_to_cart.added:after {
    margin-left: 0;
}

.woocommerce .shop-inner a.add_to_cart_button.ajax_add_to_cart.loading:after {
    margin-left: 0;
}
.woocommerce .shop-inner a.add_to_cart_button.ajax_add_to_cart.loading {
    position: relative;
    background: url(../img/spinner.gif);
    opacity: 1;
    visibility: visible;
    z-index: 999999999;
    background-repeat: no-repeat;
    background-position: center center;
}
span.sl-wrapper .loading:before { 
    z-index: 999999999;
    background: url(../img/spinner.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.woocommerce .shop-inner a.add_to_cart_button.ajax_add_to_cart.loading:after {
    display: none;
}


/* Mini Cart */
ul.shopping-cart-items.cart-items a img {
    width: 70px;
    height: auto;
    float: left;
    margin-right: 10px;
}
li.mini-cart-list a {
    font-size: 15px; 
}
.minicart-content {
    overflow: hidden;
}
span.product-name {
    display: block;
    padding-bottom: 5px;
}

/* Cart Page */
.cart-area-wrapper.strick-cart-page .wc-proceed-to-checkout a.checkout-button {
    display: inline-block;
}
.woocommerce .cart-area-wrapper.strick-cart-page .quantity .qty {
    border: none;
}
.cart-area-wrapper.strick-cart-page table.cart a,
.cart-area-wrapper.strick-cart-page table.cart {
    font-size: 16px;
    text-align: center;
}
.cart-area-wrapper.strick-cart-page table.cart td {
    font-size: 16px;
    text-align: center;
}
.cart-area-wrapper.strick-cart-page table.cart img {
    width: 120px;
}
.coupon input.input-text {
    width: 200px !important;
}
.cart-area-wrapper.strick-cart-page table.cart a.remove {
    font-size: 30px;
    display: inline-block;
}
.cart-area-wrapper.strick-cart-page table.shop_table,
.cart-area-wrapper.strick-cart-page table.shop_table th {
    color: #3b3f54;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-right: 1px solid #ededed;
}
.cart-area-wrapper.strick-cart-page td.actions [type=submit],
.cart-area-wrapper.strick-cart-page td.actions .button {
    color: #fff;
    font-size: 14px;
    padding: 12px 15px;
    background-color: #1432d0;

}
.cart-area-wrapper.strick-cart-page td.actions .button {
    float: right;
}
.cart-area-wrapper.strick-cart-page .wc-proceed-to-checkout {
    text-align: right;
}
.woocommerce-cart .cart-area-wrapper.strick-cart-page .wc-proceed-to-checkout a.checkout-button {
    font-size: 16px;
    padding: 12px 15px;
    background-color: #1432d0;
}
.cart-area-wrapper.strick-cart-page .cart_totals h2 {
    color: #3b3f54;
    font-size: 36px;
    font-weight: 500;
    padding: 15px 0px;
    margin-bottom: 40px;
    letter-spacing: 0px;
    border-bottom: 1px solid #e1e1e1;
}
/*empty cart*/
.strick-empty-cart-page p.return-to-shop a {
    font-size: 16px;
    letter-spacing: 0px;
    display: inline-block;
    color: #fff;
    background-color: #ff8522;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 10px;
}
.strick-empty-cart-page p.return-to-shop a:hover {
    color: #fff;
    background-color: #ff8522;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* Checkout page */
.strick-checkout-page .woocommerce-info {
    border-top-color: #ff8522;
}
.strick-checkout-page .woocommerce-info::before {
    color: #ff8522;
}
.strick-checkout-page .woocommerce-info a:hover, 
.strick-checkout-page .woocommerce-info a:active {
    color: #ff8522;
}
.woocommerce .strick-checkout-page form.checkout_coupon {
    border-radius: 0;
}
.woocommerce .strick-checkout-page p.form-row.form-row-first input {
    padding: 8px 15px;
}
.strick-checkout-page form.checkout_coupon.woocommerce-form-coupon button.button:hover,
.strick-checkout-page form.checkout_coupon.woocommerce-form-coupon button.button {
    color: #fff;
    padding: 13px 25px;
    background-color: #ff8522;
}
.woocommerce-billing-fields .form-row, 
.woocommerce-shipping-fields .form-row,
.woocommerce form .form-row {
    display: block;
}
.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2 {
    max-width: unset;
}
.checkout-wrapper h3 {
    font-size: 36px;
    color: #3b3f54;
    letter-spacing: 0px;
    padding: 25px 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e1e1e1;
}

.checkout-wrapper input {
    border: 1px solid #e1e1e1;
    border-radius: 0px;
    height: 45px;
    letter-spacing: 0px;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 0 10px;
}

.checkout-wrapper label {
    font-size: 16px;
    letter-spacing: 0px;
    color: #26252f;
}

.checkout-wrapper input[type="checkbox"], .checkout-wrapper input[type="radio"] {
    margin-bottom: 0px !important;
    height: auto;
    margin-right: 5px;
}
.select2-container--default .select2-selection--single {
    height: 45px;
    border-radius: 0;
    border: 1px solid #e1e1e1;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43px;
}
.woocommerce table.shop_table {
    border-radius: 0;
}
.woocommerce-checkout-review-order table tr td {
    font-size: 16px;
    letter-spacing: 0px;
    color: #26252f;
    padding: 10px 15px;
    border-right: none;
}
.strick-checkout-page .woocommerce-checkout-review-order tbody tr.cart_item td.product-name strong.product-quantity {
    font-weight: normal;
}
.strick-checkout-page .woocommerce-checkout-review-order tbody tr.cart_item td.product-total {
    border-left: 1px solid #ededed;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    color: #fff;
    background-color: #ff8522;
    -webkit-font-smoothing: antialiased;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background-color: #ff8522 !important;
    color: #fff;
}
.woocommerce #respond input#submit:focus, 
.woocommerce a.button:focus, 
.woocommerce button.button:focus, 
.woocommerce input.button:focus,
.woocommerce #respond input#submit.alt:focus, 
.woocommerce a.button.alt:focus, 
.woocommerce button.button.alt:focus, 
.woocommerce input.button.alt:focus {
    box-shadow: none;
}
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
    border-radius: 0;
    background: #f3f3f3;
}
#add_payment_method #payment div.payment_box, 
.woocommerce-cart #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box {
    background-color: #e6e6e6;
}
#add_payment_method #payment div.payment_box::before, 
.woocommerce-cart #payment div.payment_box::before, 
.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #e6e6e6;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
/* Order Receive Page */
.woocommerce-order.section-padding {
    padding: 100px 0px 80px;
}
.woocommerce-order.section-padding {
    display: inline-block;
    width: 100%;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-size: 18px;
}
.woocommerce-order ul.order_details {
    padding: 15px;
    margin: 10px 0 3em;
    border: 1px solid #e1e1e1;
}
.woocommerce-order-received section.woocommerce-customer-details,
.woocommerce-order-received section.woocommerce-order-details {
    width: 48%;
    float: left;
}
.woocommerce-order-received section.woocommerce-customer-details {
    margin-left: 15px;
}
.woocommerce-order-received section.woocommerce-order-details {
    margin-right: 15px;
}
.woocommerce-order-received h2.woocommerce-order-details__title,
.woocommerce-order-received h2.woocommerce-column__title {
    padding-bottom: 15px;
}
.woocommerce table.shop_table th {
    border-top: 0;
    border-left: 0;
    color: #26252f;
}
.woocommerce table.shop_table td {
    border-left: 0;
}
.woocommerce .woocommerce-customer-details address {
    border-radius: 0;
    border-right-width: 1px;
    border-bottom-width: 1px;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    padding: 12px 25px;
}
.widget.woocommerce.widget_price_filter {}

.widget.woocommerce.widget_price_filter h2.widgettitle {
    letter-spacing: 0px;
    color: #575661;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    background-color: #1432d0;
    font-size: 15px;
    letter-spacing: 0px;
    font-weight: 600;
    line-height: 14px;
    padding: 10px 20px;
}

.sidebar-wrapper .widget .widget-title h5 {
    letter-spacing: 0px;
    color: #625b61;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
}
/* Product Single Page */
.shop-single-page-content .woocommerce-product-details__short-description {
    width: 100%;
    display: inline-block;
}
.shop-single-page-content p.price {
    width: 100%;
    display: block;
}
.shop-single-page-content p.price del,
.shop-single-page-content p.price ins {
    font-size: 24px;
    letter-spacing: 0px;
    color: #1432d0;
    font-weight: 500;
    display: block;
    margin: 15px auto;
}
.woocommerce .shop-single-page-content div.product form.cart {
    margin-top: 30px;
}
.woocommerce div.product form.cart .button:focus {
    outline: none;
}
.woocommerce .shop-single-page-content .quantity .qty {
    height: 33px;
    border: 1px solid #ededed;
}
.woocommerce-notices-wrapper a.button.wc-forward {
    width: auto;
    padding: 12px 15px;
    font-size: 16px;
}
/* Widget */
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #1432d0;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #ff8522;
}
form.woocommerce-product-search {
    width: 100%;
    position: relative;
    display: inline-block;
}
form.woocommerce-product-search button {
    top: 0;
    right: 0;
    position: absolute;
}
.commig-soon-page-form .form-inline {
    max-width: 500px;
    margin: 0 auto;
    position: relative;
}
.commig-soon-page-form .form-inline .form-control {
    width: 500px;
    height: 50px;
}
.commig-soon-page-form button.btn.btn-default {
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
}
.tagcloud a {
    color: #fff;
}
/*Account page*/
nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}
.woocommerce-MyAccount-content form input {
    height: 45px;
    padding: 0 15px;
}
.woocommerce-MyAccount-content form button.woocommerce-Button.button {
    padding: 15px 20px 13px;
    margin-top: 15px;
}
.strick-checkout-page .woocommerce-form-coupon-toggle {
    margin-top: 100px;
}
/* ---------- Checkout Page CSS END ---------- */



/* ---------- Wishelist compare button ---------- */

.yith-wcwl-add-to-wishlist {
    width: 40px;
    height: 26px;
    display: inline-block;
}
.yith-wcwl-wishlistexistsbrowse,
.yith-wcwl-add-button {
    position: relative;
}
.yith-wcwl-add-button a.add_to_wishlist {
    position: absolute;
    top: -4px;
    right: 2px;
    color: transparent;
    width: 37px;
    height: 37px;
    background-size: 20px;
    border-radius: 0 !important;
}
.yith-wcwl-add-button a.add_to_wishlist:after {
    top: 5px;
    left: 0;
    content: "\f080";
    position: absolute;
    font-size: 18px;
    font-family: FontAwesome;
    z-index: 1;
    color: #fff;
    text-align: center;
    width: 100%;
}
.yith-wcwl-wishlistexistsbrowse a {
    position: relative;
}
.yith-wcwl-wishlistaddedbrowse a:after,
.yith-wcwl-wishlistexistsbrowse a:after {
    top: 5px;
    left: 0;
    content: "\f00c";
    position: absolute;
    font-size: 18px;
    font-family: FontAwesome;
    z-index: 1;
    color: #fff;
    text-align: center;
    width: 100%;
}
.yith-wcwl-wishlistaddedbrowse span.feedback,
.yith-wcwl-wishlistexistsbrowse span.feedback {
    display: none;
}
.yith-wcwl-wishlistaddedbrowse a,
.yith-wcwl-wishlistexistsbrowse a {
    color: transparent;
    position: relative;
}
.shop-single-page-content .yith-wcwl-wishlistaddedbrowse a,
.shop-single-page-content .yith-wcwl-wishlistexistsbrowse a {
    color: #111;
}
.wishlist_table a.remove {
    margin: 0 auto;
}
.yith-wcwl-add-to-wishlist .ajax-loading {
    left: 10px;
    z-index: 9999;
    position: absolute;
}

.woocommerce-Reviews.addReviews-wrapper {
    
}
.woocommerce-Reviews.addReviews-wrapper .star-rating {
    float: right;
}
.woocommerce .button.product_type_grouped {
    width: 40px;
    padding: 9px 0px;
    display: inline-block;
}
.woocommerce .button.product_type_grouped:before,
.woocommerce .button.product_type_external:before {
    content: "\f14c" !important;
    font-size: 18px !important;
    color: #ffffff !important;
    font-family: FontAwesome;
}
.woocommerce .button.product_type_simple:before, 
.woocommerce .button.single_add_to_cart_button:before, 
.woocommerce-page .button.product_type_simple:before, 
.woocommerce-page .button.single_add_to_cart_button:before {
    content: "\f07a" !important;
    font-size: 18px !important;
    color: #ffffff !important;
    font-family: FontAwesome;
}
.woocommerce span.onsale {
    top: -1em;
    left: -1em;
    background-color: #ff8522;
}
button.single_add_to_cart_button.button.alt {
    font-size: 12px;
    padding-left: 15px;
    line-height: 17px;
}
button.single_add_to_cart_button.button.alt:before {
    margin-right: 5px;
}
/* ---------- WooCommerce CSS END ---------- */




/* --- Stellar Nav CSS --- */

.snav {
    position: relative;
    display: inline-block;
    width: auto;
}
.elementor-widget-container .snav{
	 display: block;
}
.snav ul {
    position: relative;
}

.snav ul li {}

.snav ul li a {
    position: relative;
    padding: 0px;
    color: #fff;
    letter-spacing: 0px;
    font-size: 16px;
    display: block;
}

.snav ul>li>a {
    position: relative;
    display: block;
    padding: 5px 8px !important;
}
.snav ul>li>ul{}
.snav ul>li ul {
    text-align: center;
    min-width: 180px;
    width: auto;
/*    -webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);*/
    background-color: #1196ff;
}

.snav ul>li>ul>li {}

.snav ul>li>ul>li>a {}

.snav ul>li>ul>li a {
    padding: 10px 15px !important;
 }

 .snav ul>li>ul>li a:hover {
     background-color: #1432d0;
 }

.snav ul>li>ul>li>ul {
    left: 100%;
}

.snav ul>li>ul>li>ul>li {}

.snav ul>li>ul>li>ul>li>a {}

.snav li.has-sub>a:after {
    margin-left: 5px;
}


.snav-area {
    position: relative;
    text-align: right;
    padding: 12px 0px;
}

.snav li li.has-sub>a:after {
    margin: 0;
    top: 8px;
}

.snav ul>li.drop-left>ul>li>ul {
    right: 100%;
    left: auto;
}

.snav {}

.snav a.menu-toggle {
    padding: 5px 9px;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
}

.snav a.menu-toggle span.bars {
    margin: 0;
}

.snav a.menu-toggle span.bars span {
    width: 20px;
    background-color: #000;
    height: 2px;
}

.snav a.menu-toggle span.bars span:last-child {margin-bottom: 2px;}


/* Style For Mobile */



.snav.mobile.right>ul {
    z-index: 999999;
}

.snav.mobile ul {
    background-color: #2196F3;
        padding: 0px 15px;
}

.snav .close-menu {
    color: #fff;
    letter-spacing: 0px;
    font-size: 14px;
}

.snav .close-menu span.icon-close {
    margin-right: 5px;
}

.snav .close-menu span.icon-close:after,.snav .close-menu span.icon-close:before {
    border-color: #fff;
}

.snav.mobile>ul>li>a.dd-toggle {
    margin: 0px;
    padding: 0 !important;
    height: 35px;
    width: 45px;
}

.snav.mobile>ul>li>a.dd-toggle .icon-plus {}

.snav.mobile>ul>li a.dd-toggle .icon-plus:after,.snav.mobile>ul>li a.dd-toggle .icon-plus:before {
    border-color: #fff;
}
.snav.mobile ul a.dd-toggle:hover {
    background-color: transparent;
}
/* width */
.snav.mobile ul::-webkit-scrollbar {
  width: 1px;
}

/* Track */
.snav.mobile ul::-webkit-scrollbar-track {
   background: rgba(0, 0, 0, 0); 
}

/* Handle */
.snav.mobile ul::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0); 
}

/* Handle on hover */
.snav.mobile ul::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0); 
}


.strickHas-animation {
    transition: .5s ease;
    -webkit-box-shadow: 0px 4px 15px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 15px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 15px -6px rgba(0,0,0,0.75);
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
}

.strickHas-animation.she-header-transparent-yes {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    animation: none;
}
/* --- Stellar Nav CSS END --- */