/*
Theme Name: VW Design Agency Pro
Theme URI: https://www.vwthemes.com/themes/design-agency-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: Design Agency WordPress Theme is an excellent solution for getting a professional website for digital marketing firms, design and development firms, and branding agencies. This theme is designed for SEO specialists, content marketers, and marketing agents. If you are willing to get a site that looks out of this world then this theme is a good choice to make. It is spiced up with a lot of interactive and user-friendly elements. Its professional and unconventionally attractive design makes your website get noticed on the online platform. Users can choose among the different layout options offering various arrangements of sidebars. They can use them with full effect to display additional information or advertisements that can be helpful in promoting your products. WP Design Agency WordPress Theme comes with an awesome homepage that has all the content blocks well stacked and properly placed to help you get a sorted look for your site.
Version: 1.0.3
Tested up to: 5.8.3
Requires PHP: 5.2.4
License: GNU General Public License
License URI:license.txt
Text Domain: vw-design-agency-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Design Agency Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2020.
VW Design Agency Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2md8WA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Eyjmmd8WA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*{
  margin:0;
  padding:0;
  outline:none;
}
html body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  position:relative;
  font-size: 15px;
  color: #6c6c6c;
  font-family: 'Poppins';
  font-weight: 300;
}
body.modal-open{
  overflow: scroll !important;
}
body{
  padding-right: 0 !important;
}
label {
  margin-bottom: 0 !important;
}

img{
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}

section img{
  max-width:100%;
}

h1,
h2,
h3,
h4,
h5,
h6{
  margin:0;
  padding:10px 0;
  letter-spacing: 1px;
  font-family:'Rubik';
  color:#000000;
  font-weight: 700;
}

p{
  margin:0 0 15px;
  padding:0;
  font-size:15px;
  font-weight:300;
}

p, ul li a{
  letter-spacing: 0px;
}

body a{
  text-decoration:none;
  color:#222222;
}

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

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

ul,ol{
  margin:0 0 0 15px;
  padding:0;
}

ul li, ol li{
  font-size: 14px;
}

:hover{
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

blockquote {
  font-size: 18px;
  font-style: italic;
  max-width: 100%;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}

blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: #7a7a7a;
}

blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 0px;
  bottom: -10px;
  color: #7a7a7a;
}

blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}

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

small{
  font-size:14px !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}

section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0;
}

select{
  width: 100%;
  padding: 6px;
}

input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  background: linear-gradient(45deg, #ff43c0, #ffa95c);;
}

input[type="submit"]:hover{
  cursor: pointer;
}

textarea {
  height: 80px;
}

.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}

iframe{
  width: 100%;
}

.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}

.wp-caption-text{
  margin:0;
  padding:0;
}

.gallery-caption{
  margin:0;
  padding:0;
}

.bypostauthor{
  margin:0;
  padding:0;
}

.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}

.carousel-inner{
  margin: 0;
}

.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}

.alignleft,
img.alignleft{
  display: inline;
  float: left;
  margin-right:20px;
  margin-top:4px;
  margin-bottom:10px;
  padding:0;
  padding:5px;
}

.alignright, img.alignright {
  display: inline;
  float: right;
  padding:5px;
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}

.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
  padding:5px;
}

.comment-list .comment-content ul {
  list-style:none;
  margin-left:15px;
}

.comment-list .comment-content ul li{
  margin:5px;
}

.toggleMenu{
  display:none;
}

a.small-button{
  background:#3890cb;
  padding:5px 30px;
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}

a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}

table, td, th {
  border: 1px solid black;
}
/* ==========================================================================
   Advance search page
   ========================================================================== */
.page-template-advanced-search .search-form{
  background-color: #fff;
  box-shadow: 0px 0px 20px 10px #ccc;
  padding: 29px 20px;
  border-radius: 7px;
  margin: 30px 0;
}
button.form-control {
  background-color: #ffa95c;
  border: none;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 7px;
  color: #ffffff;
  font-family: "Roboto Condensed";
  font-weight: 700;
  text-align: center;
  padding: 30px 0;
}
.page-template-advanced-search .search-form select {
    background-color: #eceaf5;
    padding: 18px;
    border-color: #ccc;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 28px;
    color: #4d546b;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border-radius: 3px;
}
/* ==========================================================================
   Calendar Widget Style
   ========================================================================== */

table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}

.widget.widget_calendar table {
  margin: 0;
}

.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
    color: #000000;
}

#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
    color: #7f8391;
}

.widget_calendar td,
.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}

.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 0em;
  color: #7f8391;
  padding-left: 15px;
  caption-side: top;
}

.widget_calendar tbody a {

  color: #fff;
  display: block;
  font-weight: 700;
}

.widget_calendar tbody #today{
   background-color: #bbb;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #7f8391;
}

.widget th,
.widget td {
  padding: 0.5384615385em;
}
/* ==========================================================================
   Spinner Style
   ========================================================================== */

.spinner-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:linear-gradient(55deg, #ff43c0 28%,#ffa95c 72%);
  cursor: pointer;
  z-index: 9999;
}

.spinner-loading-box .lds-ripple{
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translateY(-50%);
}

.spinner-loading-box .lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.spinner-loading-box .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/* ==========================================================================
   Scroll Top Style
   ========================================================================== */

#return-to-top {
  background: linear-gradient(45deg, #ff43c0, #ffa95c);
  width: 40px;
  height: 40px;
  display: none;
  text-decoration: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 5;
  border-radius: 50%;
  padding: 10px 0px;
  position: fixed;
  right: 30px;
  margin: auto;
  bottom: 20px;
}
#return-to-top i {
  color: #fff;
  font-size: 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 15px;
}
#return-to-top.left{
   left: 10px;
   right: auto;
}
#return-to-top.center{
   left: 50%;
   right: 50%;
}
#return-to-top.right{
   left: auto;
   right: 5%;
}
/* ==========================================================================
   Section Topbar
   ========================================================================== */
#topbar {
    padding: 25px 20px;
}
#topbar .header-logo a {
    font-size: 22px;
    color: #011962;
    font-family: Raleway;
    font-weight: 900;
}
.header-logo img {
    padding-top: 11px;
}
#topbar .header-logo p {
    font-size: 14px;
    letter-spacing: 0px;
    color: #011962;
    font-family: Raleway;
    font-weight: 600;
    margin-bottom: 0px;
}
#topbar .topbar-phone a {
  font-size: 40px;
  letter-spacing: -2px;
  line-height: 40px;
  color: #222222;
  font-weight: 700;
  font-family: 'Roboto Condensed', sans-serif;
}
#topbar .contact-icons,.topbar-search {
    display: flex;
    align-items: center;
}
#topbar .contact-icons i {
    color: #f8af12;
    font-size: 45px;
}
#topbar .contact-text span {
  display: block;
  font-size: 15px;
  line-height: 23px;
  color: #b3bad0;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
#topbar .contact-text a span {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}
/**
 * Header Search Form
*/
.conslight-search-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .9);
    z-index: 99999;
    -webkit-transform: scaleX(.2);
    transform: scaleX(.2);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.conslight-search-wrapper.conslight-search-triggered {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
    visibility: visible
}

.conslight-search-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #f8af12;
    color: #fff;
    font-size:30px
}

.conslight-search-container {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.conslight-search-container .search-field {
    width: 100%;
    background: 0 0;
    border: none;
    text-align: center;
    height: 6vw;
    font-size: 4vw;
    color: #fff;
    padding: 15px;
    margin-bottom: 30px;
    line-height: 1;
    border-bottom:2px solid #fff;
}
.conslight-search-container .search-field::placeholder{
  color:#fff;
}
.conslight-search-container .search-submit {
    background-color: #f8af12;
    border: 2px solid #0e3dcc;
    padding: 16px 60px;
    font-size: 25px;
    border-radius: 40px;
    color: #fff;
    height: 70px
}
/* ==========================================================================
   Section Menu Bar/header
   ========================================================================== */
   .home.page-template #header{
  z-index: 999;
  padding: 8px 0 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#header {
  padding: 0;
}
.header-logo {
  padding: 20px 0;
  text-align: center;
}
.header-wrap{
   background: linear-gradient(45deg, #ff43c0, #ffa95c);
}
.home.page-template .header-wrap{
   background: transparent;
}
.topbar-search i{
  color:#011962;
}
.get-button{
  display: flex;
  align-items: center;
}
.get-button a{
    padding: 12px 16px;
    border: solid 2px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #ff43c0, #ffa95c);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    border-radius: 5px;
    font-size: 16px;
    color: #2a2833;
    font-family: "Rubik";
    font-weight: 500;
}
.get-button a:hover{
  color: #000;
}
/*----------------Menu bar-----------*/
.hamburger {
    padding-left: 10px
}

.side-navigation {
    padding: 0;
    margin: 0;
    text-align: left
}

.side-navigation>li {
    list-style: none;
    margin-bottom: 10px
}

.close-sidebar {
    font-size: 35px;
    padding-right: 5px;
    color: #fff;
    text-align: right
}

.headerbar {
    display: none;
    font-size: 30px;
    text-align: right;
    font-weight:900;
    color:#000;
}
amp-sidebar#sidebar1 {
    display: none
}
.i-amphtml-sidebar-mask {
    position: static!important
}

.side-navigation ul {
    margin: 20px 0;
    padding: 0;
    font-weight: 700;
    text-align: right;
}

.side-navigation li {
    display: inline-block;
    margin: 0;
    position: relative;
    padding: 10px 0;
}

.side-navigation a {
  text-decoration: none;
  outline-offset: -8px;
  padding: 4px 15px;
  display: block;
  font-size: 16px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 400;
  white-space: pre-wrap;
}
.side-navigation li.current_page_item a{
  color: #2a2833;
}
#sidebar1 .side-navigation li.current_page_item a {
    color: #ff43c0;
}
.side-navigation ul li a:active {
    color: #082b45
}

.side-navigation ul li a:hover {
    color: #000;
    text-decoration: underline
}

.side-navigation ul ul {
    display: none;
    position: absolute;
    left: 0;
    top: 60%;
    background: #000;
    min-width: 215px;
    z-index: 9999;
}

.side-navigation ul ul ul {
    left: 31%;
    top: 30px;
}

.side-navigation ul ul a {
    color: #fff;
    padding: 5px 8px 5px 18px;
    transition: all .5s ease 0s;
    border-left:none !important;
}

.side-navigation ul.sub-menu li a:before {
    content: "\f068";
    font-family: 'Font Awesome 5 Free';
    left: 0;
    position: absolute;
    top: 14px;
    font-size: 10px;
    color: #121212;
    padding-left: 10px;
    font-weight: 900;
    transition: all .5s ease 0s
}

.side-navigation ul.sub-menu li a:hover:before {
    color: #fff;
    padding-left: 20px
}

.side-navigation ul ul a:hover {
    color: #fff;
    padding-left: 35px
}

.side-navigation ul ul li {
    float: none;
    display: block;
    text-align: left;
    border-left: none;
    border-right: none!important;
    padding: 8px 0;
}

.nav-menu ul ul li:last-child {
    border-bottom: 0
}

.side-navigation ul li:hover>ul {
    display: block
}

.nav-menu a:hover {
    color: #121212
}

.nav-menu .menu>ul>li.highlight {
    background-color: #006ccc
}

.nav-menu .menu>ul>li.highlight:hover {
    background: 0 0
}

.main-menu-navigation {
    margin: 30px 0 0
}

.toggle-menu,
a.closebtn {
    display: none
}
.sticky {
    position: fixed;
    top: 0px;
    width: 100%;
    padding-bottom: 0 !important;
    left: 0;
    z-index: 99;
    right: 0;
    padding-left: 20px;
    padding-right: 20px;
    background:linear-gradient(45deg, #ff43c0, #ffa95c);
}
.sticky .side-navigation a{
  color: #ffffff;
}
.stickynavbar {
    padding-top: 0 !important;
}
#sticky-onoff{
  display: none;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  width: 50%;
  float: left;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  text-align: right;
  width: auto;
}

/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}

/* ==========================================================================
   Section Headings
   ========================================================================== */

section h2{
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #242424;
  font-family: 'Rubik';
  font-weight: 800;
  margin-bottom: 0;
  padding-top: 0;
}

section h3 {
  font-size: 28px;
  letter-spacing: 2px;
  color: #222222;
  font-family: 'Rubik';
  font-weight: 500;
  padding: 0;
}

section h4{
  color:#000;
  font-size:20px;
}

section h5{
  color:#333;
  font-weight:bold;
  margin:0 0 10px 0;
  padding:0;
}

.innerbox{
  background-size:100% 100%;
}

#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}

/*--------------------- Section Heading------------------------*/

.section-heading{
  text-align: center;
}
.section-heading h3 {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.section-heading p {
  margin: 0;
  padding: 10px 0;
}
.head_white{
  color: #ffffff;
}
.head_black{
  color: #000000;
}
/* ==========================================================================
   Shortcode Style
   ========================================================================== */
/*--------Our Work-----------*/
.projects-shortcode a {
    font-size: 30px;
    letter-spacing: -2px;
    color: #2a2833;
    font-family: "Rubik";
    font-weight: 400;
    text-align: center;
    line-height: 34px;
    margin: 10px auto;
}
.projects-shortcode .projects-image{
  margin-bottom: 10px;
}
.projects-shortcode div#comments {
    display: none;
}
/*------------Team page-----------*/
.our-team-shortcode{
  text-align: center;
}
.our-team-shortcode .team-social-profiles a {
  display: inline-block;
  font-size: 18px;
  line-height: 36px;
  color: #575757;
  margin: 10px 2px;
  padding: 0;
}
.our-team-shortcode .team-social-profiles a i{
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.our-team-shortcode .team-social-profiles a:hover i{
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #37a0ff, #c44dff);
  color: #fff;
}
/*--------------Testimonials--------------------*/
.testimonial-shortcode{
  text-align: center;
  padding: 20px 0 !important;
}
.testimonial-shortcode .testimonials-contents {
    background-size: 100% 100%;
    padding: 5%;
    margin: 0 auto;
    border: solid 2px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #ff43c0, #ffa95c);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    border-radius: 5px;
    max-width: 100% !important;
}
.testimonial-shortcode i {
  font-size: 35px;
  color: #b7b7b7;
  font-style: italic;
}
.testimonial-shortcode img {
    border-radius: 50%;
    margin: 10px 0;
}
.testimonial-shortcode a.client-title {
  display: block;
  font-size: 28px;
  line-height: 28px;
  color: #222222;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}
.testimonial-shortcode span {
  font-size: 18px;
  line-height: 45px;
  color: #4e4e4e;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}
/* ==========================================================================
   Single Pages Style
   ========================================================================== */

.single-page-content p{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #9a9da4;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  padding-top: 20px;
}

.comment-body p{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #9a9da4;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

#single-service .services-icon{
  display: inline-block;
  padding: 30px;
}

#single-team .single-team-info img{
  margin-bottom: 20px;
}

#single-team .single-team-info p{
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 24px;
  color: #aaaeb2;
  font-family: 'Rubik';
  font-weight: 600;
}

#single-team .social-profiles{
  padding-top: 10px;
  padding-bottom: 20px;
}

#single-team .social-profiles i{
  width: 40px;
  height: 40px;
  background: linear-gradient(55deg, #ff43c0 28%,#ffa95c 72%);
  border-radius: 50%;
  padding: 13px 13px;
  color: #fff;
  margin-right: 5px;
}

#testimonial-single .single-testimonial-desig{
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #a1a5ab;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  padding-top: 20px;
}
#testimonial-single .social-profiles i{
  width: 40px;
  height: 40px;
  background-color:#ffa95c;
  border-radius: 50%;
  padding: 13px 13px;
  color: #fff;
}
#testimonial-single .social-profiles{
  padding-top: 10px;
}
.content_page p{
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #a1a5ab;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
#single-team .single-page-content p{
  padding-top: 0;
}
#testimonial-single .single-page-content p{
  padding-top: 10px;
}

/* ------------------Single Post ----------------- */

#single_post .postbox .postbox-content {
  position: static;
}
#single_post .date-box-inner {
  padding: 8px;
  border: solid 2px #ffffff;
}
.post-meta-box {
  background-color: #f3f3f3;
  padding: 16px 10px;
  color: #4d546b;
}
.posttitle a{
  font-size: 25px;
  color: #404042;
  font-family: 'Rubik';
  font-weight: 900;
  padding-top: 5px;
}
.posttitle a:hover{
  color: #000;
}
.page-header h1{
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}
.entry-title{
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}
.single-post-content table td{
  text-align: center;
}
.single-post-content .wp-audio-shortcode{
  margin-bottom: 50px;
}
.author_links a{
  color: #111;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}
#sidebar .widget_recent_entries a{
  font-size: 13px;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
.main_title {
  margin-top: 20px;
}
.main_title h1{
  padding: 0;
  margin-bottom: 22px;
  font-size: 36px;
  color: #000;
  font-family:'Roboto', sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
  font-weight: 600;
}
/*-------------Footer Menu ------------*/

.footer_menu ul li {
  display: inline-block;
}
.footer_menu ul li:last-child {
  border-right: none;
}
.footer_menu ul li a {
  color: #ffffff;
  padding: 0 15px;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
}
#footer .footer-links{
  background-color: #fff;
}
/*---------------- Custom Footer ----------------------*/
.footer_form .section-heading {
  text-align: center;
}
.footer_form {
  padding: 0 40px 40px;
}
.footer_form .section-heading h3 {
  color: #ffffff;
  display: table;
  text-align: center;
  margin: 0 auto;
  padding: 11px;
  border: none;
  font-weight: bold;
}
.footer_form .section-heading p{
  color: #ffffff;
}
.footer_form input[type="text"], .footer_form  input[type="tel"], .footer_form  input[type="email"], .footer_form  input[type="phno"], .footer_form  input[type="password"], .footer_form  textarea {
  border: 1px solid #ffffff;
  font-size: 16px;
  padding: 10px 10px;
  margin-bottom: 20px;
  height: auto;
  width: 100%;
  background: transparent;
  color: #ffffff;
  font-style: italic;
}
.footer_form  textarea {
  height: 120px;
}
.footer_form input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #1e202c;
}
.footer_form input::-webkit-input-placeholder, .footer_form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.footer_form input::-moz-placeholder, .footer_form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.footer_form input:-ms-input-placeholder, .footer_form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.footer_form input:-moz-placeholder, .footer_form textarea:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}
.contact_us {
  background-attachment: fixed;
}
.home-contact-box {
  background-color: #ffffff;
  padding: 15px;
}
h1.page-head {
    display: block;
    font-weight: 700;
    font-size: 45px;
    letter-spacing: 1px;
    line-height: 48px;
    color: #4d546b;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 3% 0;
}

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

#footer{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position:relative;
  color:#777777;
  text-align:left;
  background-color: #ffffff;
  padding: 0 15px;
}
.outer-footer{
  position: relative;
}
#footer #footer_box{
  padding: 50px 0;
}
.footer-contact {
    padding: 20% 10%;
}
.footer-contact img {
    padding-bottom: 20px;
}
.footer-contact p {
  font-style: italic;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #8a8a8a;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 10%;
}
.footer-contact h4 a {
  border: 1px solid #878787;
  padding: 15px;
  font-size: 40px;
  letter-spacing: -2px;
  line-height: 23px;
  color: #ffffff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}
.footer-contact a.footer-button {
  background-color: #ffa95c;
  padding: 15px 30px;
  margin-top: 7%;
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 23px;
  color: #ffffff;
  font-family: "Roboto Condensed";
  font-weight: 700;
  text-align: center;
}
.outer-footer {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;

}
.footer-social .socialbox a {
  border-right: none;
}

.footer-social .socialbox a i {
  color: #ffffff;
}

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

.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}

.outer-footer {
  background-size: 100% 100%;
}

#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}

#footer form.search-form input{
  float: none;
  border: 1px solid #fff;
  margin: 20px 2px;
}

#footer form.search-form input[type="search"]{
  width: 100%;
  margin-bottom: 0px;
}

#footer textarea{
  height: 100px;
}

#footer p.post-date {
    color: #7f8391;
    font-size: 13px !important;
}

.main_sociobox {
  padding: 20px 0;
}

.footer_hide{
  display:none;
}

#footer h3 {
  padding:10px 0 0px 0;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 30px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 500;
}
#footer #footer_box .footer-details img{
  padding: 15px 0;
}
#footer ul li{
  list-style:none;
  margin:0;
  text-align:left;
  padding: 5px;
  position: relative;
}


#footer .widget_recent_entries ul li:before{
  content: "";
  padding: 0;
  display: unset;
}

#footer ul li a{
  letter-spacing: 0px;
  font-size: 16px;
  line-height: 25px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 400;
}

#footer .about_me table{
  margin-bottom: 0;
}

#footer .about_me table p{
  letter-spacing: 0px;
  padding-left: 8px;
  text-align: left;
  font-size: 16px;
  line-height: 50px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 400;
}

.widget_recent_entries img {
  width: 100px;
}

.about_me table, .about_me td, .about_me th{
  border: none;
}
#footer .textwidget input[type="email"]{
  border:1px solid #2c2c2c;
  background-color: #2c2c2c;
  border-radius: 30px;
  font-size: 14px;
  letter-spacing: 2px;
  color: #777676;
  font-family: 'Rubik';
  font-weight: 500;
  padding: 8px 15px;
}

#footer .textwidget input[type="email"]::placeholder{
  font-size: 14px;
  letter-spacing: 2px;
  color: #777676;
  font-family: 'Rubik';
  font-weight: 500;
}

#footer .textwidget input[type="submit"]{
  background-color: #2c2c2c;
  padding: 7px 20px;
  display: inline-block;
  margin-top: 17px;
  font-size: 14px;
  letter-spacing: 2px;
  color: #777676;
  font-family: 'Rubik';
  font-weight: 500;
  border-radius: 30px;
}

#footer .textwidget input[type="submit"]:hover{
  background-color: #ffa95c;
  color: #fff;
}

#footer .about_me i{
  font-size: 16px;
  color:#878585;
  padding-top: 10px;
  margin-bottom: 8px;
  text-align: right;
}

#footer .widget td {
  padding-top: 0px !important;
  padding-bottom: 0;
}

#footer .textwidget p,#footer .widget p{
  letter-spacing: 0px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 30px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 400;
  padding-bottom: 15px;
}

#footer .post-content a{
  margin-bottom: 0;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 700;
}

#footer .widget_recent_entries .recent-post-box{
  align-items: center;
}

#footer .widget_nav_menu ul{
  margin-left: 0;
}

#footer .recent-post-box .post-thumb{
  padding: 0;
}

#footer .widget ul{
  margin-left: 0;
}

#footer .widget_media_gallery #gallery-1 img{
  border:none;
}

#footer #gallery-1 .gallery-item{
  margin:0;
}

#footer .custom-social-icons i{
  color: #fff;
}

#footer .custom-social-icons{
  padding-top: 30px;
}

#footer .custom-social-icons a{
  margin-bottom: 5px;
  display: inline-block;
  margin-right: 0;
  width: 40px;
  height: 40px;
  padding: 10px 12px;
  margin-right: 8px;
  border-radius: 50%;
  color: #fff;
}

#footer .recent-post-box p{
  line-height: 11px;
}

#footer .widget_products ins{
  text-decoration: none;
}
#footer  .footer-icons{
  display: flex;
  align-items: center;
}
#footer  .footer-icons .vwsmp_front a{
  height: 40px;
  width: 40px;
  border-radius: 50px;
}
#footer  .footer-icons a.vwsmp_facebook {
  background: linear-gradient(55deg, #ff43c0 33%,#ffa95c 77%);
}
#footer  .footer-icons a.vwsmp_twitter{
 background: linear-gradient(55deg, #4796ff 33%,#c34eff 77%);
}
#footer  .footer-icons a.vwsmp_instagram{
 background: linear-gradient(55deg, #3ac1d7 33%,#3bea7e 77%);
}
#footer  .footer-icons a.vwsmp_pinterest{
 background: linear-gradient(55deg, #ff8841 33%,#ffd04a 77%);
}
#footer h1,
#footer h2,
#footer h4,
#footer h5,
#footer h6{
  color: #fff;
  font-family: 'Rubik';
  font-weight: 800;
}

/* ==========================================================================
   Section Copyright
   ========================================================================== */

.copyright{
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #fff9ff;
}
.copyright p {
  letter-spacing: 0px;
  margin-bottom: 0;
  padding: 25px 0;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  color: #74727a;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
}

.copyright .row{
  align-items: center;
}

.copyright .footer-social-icon{
  text-align: right;
}

.copyright .footer-social-icon a{
  width: auto;
  height: auto;
  font-size: 14px;
  padding: 8px 15px;
  background-color: transparent;
  color: #878585;
  position: relative;
}

.copyright .footer-social-icon a:after{
  content: "|";
  display: inline-block;
  position: absolute;
  right: 0;
  color: #3a3a3a;
}

.copyright .footer-social-icon a:last-child:after{
  content: "";
}

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

.copyright .socialbox .screen-reader-text{
  color:#fff;
}

.copyright .copyright-icon{
   justify-content: flex-end;
}

/* --------- Social Icon Widget ------- */

.social_widget a {
  color: #8e929f;
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
.postbox-content .post-text
{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #9a9da4;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  display: block;
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
   -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  padding: 20px;
}
.postbox h2{
  margin:0 0 5px;
  font-weight:bold;
}
a.post-readmore {
   font-size: 18px;
   border-bottom: 1px solid;
}
a.post-readmore i {
 margin-left: 8px !important;
 font-size: 18px;
 border-bottom: 1px solid #ffffff;
 padding-bottom: 2px;
}
.widget_recent_entries li {
  padding: 10px 0;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  color:#fff;
  padding:6px 25px;
  border:1px solid #000;
  color:#000;
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px;
  font-weight:bold;
  padding:6px 25px;
  border:1px solid #000;
  color:#000;
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
    color: #000;
    padding: 5px 0;
    clear: both;
    margin: 10px 0;
}
.metabox .entry-date{
  margin:0 13px 0 0;
}
.metabox .entry-author{
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
  font-family: 'Roboto', sans-serif;
}
.metabox .entry-author a
{
  color: #000;
  font-family: 'Roboto', sans-serif;
}
.metabox .entry-comments{
  padding: 0 0 0 20px;
  font-family: 'Roboto', sans-serif;
}
.logged-in-as a
{
  color: #000;
}
.logged-in-as a:hover
{
  color: #000;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}

.post-featured img {
  width: 100%;
}
.authordetails
{
  padding: 30px 0;
}
.authordetails .author_links
{
  padding-left: 17%;
  font-weight: bold;
  margin-bottom: 7px;
}
.authordetails .b-content {
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #a1a5ab;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style: italic;
}
h2#reply-title
{
  font-family: 'Roboto', sans-serif;
}
.authordetails ul {
  list-style-type: none;
  margin-left: 18%;
  margin-top: 10px;
  position: relative;
}
.authordetails ul li {
    display: inline;
}
.authordetails ul li a i {
  background-color: #000;
  padding:15px 15px 9px 15px;
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.authordetails img{
  border-radius: 50%;
}
#comments input[type="submit"]{
  background-color: #000 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif;
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color: #ffa95c;
  color: #000;
  border: 1px solid #ffa95c;
}
.navigation span.page-numbers.current{
  background-color: #ffffff;
  border: 1px solid #ffa95c;
  color: #000 !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}

.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#222222;
  color:#fff;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments ul{
  list-style-type: none;
}
#comments ol{
  list-style-type: none;
}
#comments .reply{
  float: none !important;
  margin-bottom: 30px;
}
#comments .reply a{
  font-size: 16px;
  letter-spacing: 0px;
  color: #222222;
  font-family: "PT Sans";
  font-weight: 700;
}
#comments .commentmetadata a{
  font-size: 18px;
  padding-top: 8px;
  display: inline-block;
}
#comments h2.comments-title{
  padding-bottom: 20px !important;
}
/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed !important;
}
/* ---------- Button Animation ---------- */
/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right bottom, #f862a4, #f8a164);
  background-position: 100% 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white !important;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* ==========================================================================
   Error Message Style
   ========================================================================== */

.posttype-err-msg{
  text-align: center;
}

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

/* ==========================================================================
   Sidebar Style
   ========================================================================== */

#sidebar td#prev a {
 color: #6c6c6c;
}

#sidebar caption {
 font-weight: bold;
 color: #6c6c6c;
 font-size: 20px;
}

#sidebar table,#sidebar th,#sidebar td {
 border: 1px solid #e1e1e1;
 text-align: center;
}

#sidebar td {
 padding: 7px;
 color: #6c6c6c;
}

#sidebar th {
 text-align: center;
 padding: 5px;
 color: #6c6c6c;
}

#sidebar select {
 padding: 10px 5px;
 border: solid 1px #e1e1e1;
 color: #6c6c6c;
 background: transparent;
}

#sidebar form{
 text-align: center;
}

#sidebar h3 {
  font-size: 24px;
  color: #222222;
  font-weight: 700;
  padding-bottom: 15px;
  margin-bottom: 11px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
  font-family: 'Rubik';
}

#sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
 color:#6c6c6c;
 border: solid 1px #e1e1e1;
 width: 100%;
}

#sidebar label{
 margin-bottom: 0;
 width: 100%;
}

#sidebar input[type="submit"]{
  background:linear-gradient(55deg, #ff43c0 28%,#ffa95c 72%);
 color:#fff;
 padding:10px 0;
 font-size:12px;
 width: 100%;
 letter-spacing: 2px;
 font-weight: bold;
}

#sidebar .widget {
 padding: 20px;
 margin-bottom: 25px;
 -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
}

#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}

#sidebar ul li{
 font-weight: 600;
  color: #343434;
  font-family: Poppins,sans-serif;
  font-size: 15px;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}

#sidebar ul li:last-child{
  border:none;
}

#sidebar ul li a {
  font-weight: 600;
  color: #343434;
  font-family: Poppins,sans-serif;
  font-size: 15px;
}

#sidebar .tagcloud a{
 border: solid 1px #e1e1e1;
 color:#6c6c6c;
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
 display:inline-block;
}

#sidebar .tagcloud a:hover{
 background:#111;
 color: #fff;
}

span.credit_link a {
  color: #000;
}

.single-post-content p{
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #a1a5ab;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

.middle-content p{
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #a1a5ab;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

.content_boxes .share_icon{
  margin-top: 20px;
}

.content_boxes iframe{
  max-width: 100%;
}

/* ==========================================================================
   Page Style
   ========================================================================== */

.title-box{
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}

.title-box img{
  width:100%;
}

.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
}


.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}


.middle-content {
  padding-bottom: 20px;
}

.shrtcod-pg{
  border:1px solid #bbb;
}

.shrt_socio i{
  border: 1px solid #bbb;
  padding: 10px;
  margin-right: 10px;
}

/* ==========================================================================
   Contact Widget Style
   ========================================================================== */

.contact_us_icon i {
  color: #ffa95c;
  margin: 10px 0;
  font-size: 24px;
}

.widget_recent_entries li a {
  font-size: 14px;
}

.widget_recent_entries span.post-date {
  width: 100%;
  float: left;
  margin-bottom: 11px;
  text-align: left;
  font-size: 14px;
  letter-spacing: 0px;
  color: #aca9a9;
  font-family: 'Roboto', sans-serif;
}

/* ==========================================================================
   Pagination Style
   ========================================================================== */

.post-navigation .post-title{
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #9a9da4;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

#search-page-nav{
  margin: auto;
}

/* ==========================================================================
   Blog Pagination Style
   ========================================================================== */

.navigation {
  font-size:14px;
  font-weight:bold;
  margin: 10px 0 10px 20px;
}

.navigation a {
  padding: 0;
}

.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15px;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #fff;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
}

.page-numbers.dots{
  color:#000;
}

.navigation a:hover{
  color: #fff;
}

.navigation span.meta-nav {
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin-bottom: 0;
}

.navigation .current{
  background: #333333;
  color:#ffffff;
  font-weight:normal;
}

/* -------- Single Page Pagination ---------- */

.single-page-nav .navigation{
  margin-left: 0;
}

.single-page-nav .navigation a{
  float: none;
  margin-bottom: 0;
  padding-left: 0;
}

.single-page-nav .navigation span{
  float: none;
  padding-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.single-page-nav .navigation .nav-next{
  text-align: left;
  float: right;
}

/* ==========================================================================
   Category Style
   ========================================================================== */

.alt-screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.category-page h4{
  text-align: left !important;
}

ul.post-categories {
  list-style: none;
  margin: 0;
}

ul.post-categories li{
  display: inline-block;
}

ul.post-categories li:after{
  content: ' ,';
}

ul.post-categories li:last-child:after{
  content: '';
}

ul.post-categories a {
  color: #333333;
}

.content_boxes {
    padding: 0;
    border: none;
}

.post_ctg span {
  float: left;
  margin-right: 7px;
}

.post_tag .meta-sep{
  font-weight: bold;
}

.post_tag a:after{
  content: ", ";
  display: inline-block;
}

.post_tag a:last-child:after{
  content: "";
}

/* ==========================================================================
   Share Icon Style
   ========================================================================== */

.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}

.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}

.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}

.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}

.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}

.share_icon a{
  padding-bottom: 5px;
  display: inline-block;
}

.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.menubar.scrolled li.search-box {
    display: block !important;
}

/* ==========================================================================
   Owl Carousel Style
   ========================================================================== */

.owl-carousel .owl-dots{
  text-align: center;
  padding-top: 30px;
}

.owl-carousel .owl-dots button{
  width: 12px;
  height: 12px;
  background-color: transparent;
  margin: 0 7px;
  outline: none;
  border:2px solid #f94bb6 !important;
  border-radius: 0%;
}

.owl-carousel .owl-dots .active{
  background-color: #f94bb6 !important;
  border-color:#f94bb6 !important;
}

.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}

#our_partners img{
  width: auto !important;
}

button.owl-next, button.owl-prev {
  background: #1e202c;
}

button.owl-prev {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
  outline: none;
}

button.owl-next {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
  outline: none;
}

button.owl-next i, button.owl-prev i{
  color: #ffffff;
}

.owl-carousel .owl-nav i{
  color: #222;
  font-size: 20px;
}

.owl-carousel .owl-nav button:focus{
  outline: none;
}

/* ==========================================================================
   Woocommerce Style
   ========================================================================== */

.woocommerce .summary h1 {
    font-size: 28px;
}

.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}

.woocommerce .quantity input{
  padding: 5px 0px;
}

.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .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 {
  background-color: #ffa95c;
  border-radius: 0;
  padding: 10px 14px;
  color: #ffffff;
}

.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #ffa95c;
}

#contentwoocom {
  padding: 20px 15px;
}
.modal-footer .btn-fb,.modal-footer .btn-tw, .modal-footer .btn-ins ,.modal-footer .btn-gplus{
  display: none;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}

.woocommerce ul.products li.product .price{
  text-align: center;
}

.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}

li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}

.woocommerce span.onsale{
  background-color: #ffa95c;
}

.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}

input#password, input#reg_password {
    padding: 10px;
}

.woocommerce div.product form.cart .variations select{
  background-color: #ffffff;
}

.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}

.woocommerce a.added_to_cart {
  padding: 0 .5em .5em;
  display: inline-block;
}

.woocommerce h1,.woocommerce h2,.woocommerce h3{
  font-family: 'Rubik';;
}

.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 53%;
}

.woocommerce .woocommerce-MyAccount-navigation ul{
  list-style-type: none;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a{
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #1f1e1e;
  font-family: 'Roboto', sans-serif;
}

.woocommerce .woocommerce-MyAccount-navigation .is-active a{
  color: #ffa95c;
}

.woocommerce form .form-row.woocommerce-invalid label
{
  color:#8fa3aa;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #111111;
  color:#fff;
}

.woocommerce .form-row{
  display: unset;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
  width: 100%;
}

.woocommerce #order_review table th{
  text-align: left;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
  padding: 20px;
}

.woocommerce div.product div.images img{
  width: auto;
}

.woocommerce-Tabs-panel p{
  font-size: 14px;
  letter-spacing: 1px;
  color: #a7a9ac;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

.woocommerce-products-header__title{
  letter-spacing: 0px;
  color: #252525;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 800;
}

.woocommerce .shop-page ul.products li.product .star-rating{
  margin: 10px auto 15px auto;
}

.woocommerce ul.products li.product .price ins{
  text-decoration: none;
}

.shop-page .added_to_cart{
  background-color: #ffa95c;
  border-radius: 0;
  padding: 5px 14px !important;
  font-weight: 600;
  color: #ffffff;
  width: 100px;
  margin-bottom: 10px;
}

.woocommerce .shop-page ul.products li.product{
  text-align: center;
}

.woocommerce-account .woocommerce .form-row{
  display: block
}

.woocommerce .woocommerce-breadcrumb{
  margin-top: 30px;
}

.woocommerce ul.products li.product .star-rating{
   color: #fec806;
   margin: 0 auto;
   display: block;
   float: none;
   overflow: hidden;
   position: relative;
   height: 1.7em;
   line-height: 1;
   font-size: 1em;
   font-family: star;
}

.star-rating{
  color: #f6d718;
  margin: 0 auto;
  font-size: .857em;
  display: block;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
}

#footer_box .widget_products .star-rating{
  margin: 0 !important;
}

.star-rating:before{
 content: "\73\73\73\73\73";
 color: #d3ced2;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
}

.star-rating span{
 overflow: hidden;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
 padding-top: 1.5em;
}

.star-rating span:before{
 content: "\53\53\53\53\53";
 top: 0;
 position: absolute;
 left: 0;
}

/* ==========================================================================
   Unit Testing Style
   ========================================================================== */

.outer_dpage table{
  text-align: center;
}

.outer_dpage table th{
  text-align: center;
}
/* -------------- Section Slider ------------ */
#slider{
  max-width:100%;
  padding:0 0;
  position:relative;
}
#slider .inner_carousel {
    position: absolute;
    top: 44%;
    transform: translateY(-50%);
    padding: 20px;
    margin: 0 auto;
}
#slider img {
    width: 100%;
}
.slide-img img {
  margin-left: -14%;
  position: relative;
  bottom: -110px;
}
.slider-box {
    position: relative;
    top: 130px;
    max-width: 85%;
    left: 60px;
}
#slider .slider-box h2.animated.fadeInLeft.delay-1000,#slider .slider-box span{
  font-size: 72px;
  letter-spacing: -3px;
  line-height: 74px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 300;
}
#slider .slider-box span{
  max-width: 20%;
}
#slider .slider-box span.first-text {
  font-size: 70px;
  letter-spacing: -1px;
  line-height: 83px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 600;
}
#slider .slider-box span.last-text {
    margin-left: 19px;
}
#slider .slider-box p {
  max-width: 80%;
  font-size: 17px;
  line-height: 36px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 400;
}
#slider a.slider-button-1{
  padding: 14px 36px;
  border: solid 2px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #ff43c0, #ffa95c);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #fff inset;
  border-radius: 5px;
  font-size: 18px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 500;
}
#slider .carousel-caption {
  top: 0;
  bottom: inherit;
  text-align: left;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
  position: unset !important;
}
#slider .carousel-prev-button {
  position: absolute;
  left: 39px;
  top: 47%;
}
#slider .carousel-next-button{
  position: absolute;
  right: 80px;
  top: 47%;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: auto;
  height: auto;
  background-image: none !important;
}

ol.carousel-indicators li {
  padding: 3px;
  border:2px solid #f857ab;
  background-color:transparent;
  margin-right: 7px;
  width: auto;
  height: auto;
  text-indent: 0;
  border-radius: 50%;
}
#slider ol.carousel-indicators{
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
}

#slider ol.carousel-indicators .active{
  background-color:#f857ab;
  border:2px solid #f857ab;
}

#slider .slide_nav i{
  font-size: 25px;
  color: #ffffff;
  padding: 13px 16px;
}
#slider ol.carousel-indicators li {
    padding: 4px;
    border: 2px solid #f857ab;
    background-color: transparent;
    margin-right: 7px;
    width: auto;
    height: auto;
    text-indent: 0;
    border-radius: 0%;
    opacity: 1;
}
#slider .min-side-img{
  padding:20px;
}
/* -------------- Common css ------------ */
#our-partners #partners-loop,#testimonials-loop,#team-loop,#records-loop,#work-loop,#categories-loop,#featured-loop{
  display: none;
}
/* -------------- Find search------------ */
#find-best-pro .find-box{
  background-color: #fff;
  box-shadow: 0px 0px 20px 10px #ccc;
  padding: 29px 20px;
  border-radius: 7px;
}
#find-best-pro h3 {
  font-size: 34px;
  letter-spacing: 0px;
  line-height: 23px;
  color: #222222;
  font-family: "Roboto Condensed";
  font-weight: 700;
  padding: 20px 0;
}
button.form-control {
  background-color: #ffa95c;
  border: none;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 7px;
  color: #ffffff;
  font-family: "Roboto Condensed";
  font-weight: 700;
  text-align: center;
  padding: 30px 0;
}
#find-best-pro select {
    background-color: #eceaf5;
    padding: 18px;
    border-color: #ccc;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 28px;
    color: #4d546b;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border-radius: 3px;
}
/* -------------- Browse By Category------------ */
#brouse-categories .categories-wrap{
  text-align: center;
  padding: 20px 0;
}
#brouse-categories .our-categories-content:hover .category-box{
  opacity: 1;
}
#brouse-categories .category-box {
  position: absolute;
  bottom: 5%;
  padding: 15px 10px;
  background-color: #fff;
  margin: 0 auto;
  width: 80%;
  left: 10%;
  opacity: 0;
}
#brouse-categories .category-box a {
    font-size: 28px;
    line-height: 26px;
    color: #222222;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    display: block;
}
#brouse-categories .category-box span {
    font-size: 18px;
    line-height: 33px;
    color: #4d546b;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}
#brouse-categories .cat-icons i{
  color: #fff;
}
/* -------------- latest proprties------------ */
#latest-proprties {
  position: relative;
}
#latest-proprties .latest-proprties-head{
  text-align: center;
  padding:20px;
}
.property-box {
    margin: 15px 10px;
    background-color: #fff;
}
.property-box:hover{
    box-shadow: 0px 0px 10px 10px #cccccca8;
}
.property-box .pro-cotes {
  padding: 26px 0;
  padding-right: 6%;
}
.property-box .pro-cotes h5 a{
  font-size: 30px;
  line-height: 30px;
  color: #222222;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}
.property-box .reants span,.best-seller-meta span{
  font-size: 20px;
  line-height: 30px;
  color: #4e4e4e;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 500;
}
.property-box .pro-cotes .seller-text {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 25px;
    color: #595859;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 17px 0;
}
.property-box .pro-cotes .best-seller-meta {
    background-color: #f3f3f3;
    padding: 12px 10px;
}
/* -------------- Our Works------------ */
#our-works {
  position: relative;
}
#our-works .work-head{
  text-align: center;
  padding:20px;
}
#our-works .work-head span,#our-works .work-head h2{
  color: #ffffff;
}
#our-works .work-content {
  position: absolute;
  bottom: 0;
  padding: 69px 20px 20px 20px;
  background: linear-gradient(to top, #000 25%, transparent 100%);
  left: 0;
  right: 0;
}
#our-works .work-content a{
  font-size: 26px;
  line-height: 35px;
  color: #ffffff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  display: block;
}
#our-works .work-content span{
  color: #d9dff1;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
}
#our-works .work-icons,#brouse-categories .cat-icons{
  display: flex;
  align-items: center;
}
#our-works .work-icons i,#brouse-categories .cat-icons i{
  background-color: #f8af12;
  font-size: 15px;
  border-radius: 50%;
  padding: 15px;
}
#our-works .work-box:hover .work-content{
  background: linear-gradient(to top, #f8af12 25%, transparent 100%);
}
#our-works .work-box:hover .work-icons i{
  border:2px solid #fff;
}
#our-works .work-box:hover .work-content span{
  color: #fff;
}
/* -------------- Our Featured------------ */
#our-featured{
  position: relative;
}
#our-featured .circle_img img {
  position: absolute;
  bottom: -260px;
  left: 0;
  z-index: -1;
}
#our-featured .our-featured-head{
  text-align: center;
  padding: 20px 0;
}
#our-featured .our-featured-head h2{
  font-size: 50px;
  letter-spacing: -2px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 400;
  text-align: center;
  max-width: 60%;
  margin: 0 auto;
  line-height: 53px;
}
#our-featured .our-featured-head span span{
  font-weight: 600;
  font-size: 62px;
  margin-left: 10px;
}
#our-featured .owl-stage-outer {
    padding: 30px 0;
}
#our-featured .featured-content {
    padding: 20px;
    box-shadow: 0px 2px 5px 0px #cccccca8;
    text-align: center;
    border: 2px solid #fff;
    background-color: #ffffff;
}
#our-featured .featured-content h5{
  font-size: 20px;
  line-height: 34px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 500;
  text-align: center;
  max-width: 66%;
  margin: 0 auto;
}
#our-featured .seller-text {
    font-size: 15px;
    line-height: 30px;
    color: #74727a;
    font-family: "Rubik";
    font-weight: 400;
    text-align: center;
    margin: 20px 20px;
}
#our-featured .featured-content:hover{
  border: solid 2px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #37a0ff, #c44dff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #fff inset;
  border-radius: 5px;
}
#our-featured .featured-content:hover i{
  color: #c44dff;
}
#our-featured .read-more{
  text-align: center;
  margin-top: 5%;
}
#our-featured .read-more a{
    padding: 14px 36px;
    border: solid 2px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #ff43c0, #ffa95c);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    border-radius: 5px;
    font-size: 18px;
    color: #2a2833;
    font-family: "Rubik";
    font-weight: 500;
}
/* -------------- video------------ */
#our-video .video-rcodes {
  padding: 70px 0;
  text-align: center;
  max-width: 65%;
  margin: 0 auto;
  border-top: 12px solid #f942c0;
  border-left: 12px solid #f942c0;
  border-bottom: 12px solid #ffa95c;
  border-right: 12px solid #ffa95c;
  border-radius: 7px;
  position: relative;
}
.video-rcodes{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
}
.video-content i {
  color: #fff;
  font-size: 20px;
  padding: 29px;
  margin: 35px 0;
  background: linear-gradient(45deg, #ff43c0, #ffa95c);
  border-radius: 50%;
  width: 75px;
  height: 75px;
  cursor: pointer;
}
#our-video .vtext span {
    font-size: 50px;
    letter-spacing: -2px;
    color: #ffffff;
    font-family: "Rubik";
    font-weight: 400;
    text-align: center;
}
#our-video .vtext span span {
    font-size: 60px;
    font-weight: 600;
}
#our-video span.sec-text{
  display: block;
}
.btn-fb {
  background-color: #3b5998 !important;
}
.btn-tw {
  background-color: #55acee !important;
}
.btn-gplus {
  background-color: #dd4b39 !important;
}
.btn-ins {
  background-color: #2e5e86 !important;
}
.btn-floating i {
  display: inline-block;
  color: #fff;
  text-align: center;
  width: 30px;
  height: 30px;
  padding: 8px 9px;
  font-size: 17px;
  border-radius: 50%;
}
#our-video button.btn{
    border-radius: 50px !important;
}
/*------------- Powerful tools ------------*/
#powerful_tools .container{
  position: relative;
}
#powerful_tools h2{
  font-size: 50px;
  letter-spacing: -2px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 400;
  line-height: 51px;
  padding-top: 20px;
}
#powerful_tools p{
  font-size: 23px;
  line-height: 40px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 400;
  padding-top: 20px;
}

#powerful_tools .list_box ul li{
  font-size: 23px;
  line-height: 40px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 400;
  padding-top: 20px;
}
#powerful_tools .list_box .list_text{
  font-size: 18px;
  padding-top: 0;
}
#powerful_tools .list_box ul li{
  list-style: none;
}
#powerful_tools .list_box .list_text i{
  color: #ffa065;
  margin-right: 10px;
  font-size: 15px;
}
#powerful_tools .read-more a{
    padding: 14px 36px;
    border: solid 2px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #ff43c0, #ffa95c);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    border-radius: 5px;
    font-size: 18px;
    color: #2a2833;
    font-family: "Rubik";
    font-weight: 500;
    margin-top: 20px;
}
#powerful_tools .circle_img img{
  position: absolute;
  top: -202px;
  left: -70px;
  z-index: -1
}
/*-------- Pricing plans -----------*/
.pricing-plan-inner .nav-tabs{
  border: none;
}
.plans_data{
  text-align: center;
  padding: 40px 0;
}
.plans_data:hover{
  border: solid 2px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0fb6ff, #ee35ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #fff inset;
  border-radius: 5px;
}
#pricing_plan_tab {
    padding: 40px 0;
}
#pricing_plan h3{
  font-size: 50px;
  letter-spacing: -2px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 400;
  text-align: center;
  line-height: 51px;
  max-width: 60%;
  margin: 0 auto;
}
.plan_price {
  font-size: 55px;
  letter-spacing: -3px;
  line-height: 43px;
  color: #ff4eb5;
  font-weight: 400;
  font-family: "Rubik";
  text-align: center;
}
.plan_title{
  font-size: 19px;
  color: #2a2833;
  font-weight: 400;
  font-family: "Rubik";
  padding-bottom: 20px;
  border-bottom: 1px solid #d1d0d4;
  max-width: 60%;
  margin: 0 auto 25px;
}
.bottom_title{
  font-size: 14px;
  color: #74727a;
  font-weight: 400;
  font-family: "Rubik";
  letter-spacing: 3px;

}
.plan_text{
  font-size: 17px;
  line-height: 43px;
  color: #74727a;
  font-weight: 400;
  font-family: "Rubik";
  text-align: center;
  line-height: 25px;
  margin-bottom: 10px;
}

.plans_data .plans_btn{
  padding: 14px 25px;
  border: solid 2px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #ff43c0, #ffa95c);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #fff inset;
  border-radius: 5px;
  font-size: 19px;
  color: #2a2833;
  font-weight: 500;
  font-family: "Rubik";
  line-height: 25px;
  display: inline-block;
  margin: 40px 0 15px;
}
.plans_data:hover .plans_btn{
  border: solid 2px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0fb6ff, #ee35ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #fff inset;
  border-radius: 5px;
}
#pricing_plan .prising_toggle .nav-tabs{
  margin: 0 auto;
}
#pricing_plan .prising_toggle .nav .active a{
  font-size: 16px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 400;
}
#pricing_plan .prising_toggle .nav a{
  font-size: 16px;
  color: #74727a ;
  font-family: "Rubik";
  font-weight: 400;
  padding: 10px 15px;
  margin: 0 15px;
}
#pricing_plan .prising_toggle .nav li .active{
  background-color: #ff4eb5;
  color: #ffffff;
}
/* --------------Recodes------------ */
#our-records .recodes-head{
  text-align: center;
}
#our-records .recodes-head h2 {
  font-size: 50px;
  letter-spacing: -2px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 400;
  text-align: center;
  max-width: 59%;
  line-height: 50px;
  margin: 10px auto;
}
#our-records .record-count-no{
  text-align: center;
}
#our-records span.count_no {
  letter-spacing: -2px;
  font-size: 40px;
  line-height: 30px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 400;
  text-align: center;
}
#our-records p.record-count-title {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 500;
  text-align: center;
  margin:15px auto;
}
#our-records .our-records-wrapper{
  background-size: 100% 100%;
  width: 300px;
  height: 300px;
  padding: 93px;
}
/* -------------- Our Team ------------ */
#our-teams{
  text-align: center;
  position: relative;
}
#our-teams .circle_img img{
  position: absolute;
  right: 0;
  top: 120px;
  z-index: -1;
}
#our-teams .our-teams-head {
  padding: 20px;
  max-width: 71%;
  margin: 0 auto;
}
#our-teams .our-teams-head span {
  display: inline-block;
  font-size: 45px;
  letter-spacing: -2px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 400;
  text-align: center;
}
#our-teams .our-teams-head h2 {
  display: inline-block;
  font-size: 45px;
  letter-spacing: -2px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 400;
  text-align: center;
  max-width: 60%;
  margin: 0 auto;
  line-height: 53px;
}
.our-teams-contents {
    box-shadow: 0px 0px 1px 0px #bbb;
    border:2px solid #fff;
    background-color: #ffffff;
}
.our-teams-contents:hover {
     border: solid 2px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #37a0ff, #c44dff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #fff inset;
  border-radius: 5px;
}
.our-teams-contents .teams-title:hover{
  color: #f94bb6;
}
.our-teams-contents a {
  display: block;
  padding: 18px 0 5px 0;
  font-size: 27px;
  line-height: 46px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 500;
  text-align: center;
}
.our-teams-contents .box-content a {
  display: inline-block;
  font-size: 18px;
  line-height: 36px;
  color: #575757;
  margin: 10px 2px;
  padding: 0;
}
.our-teams-contents .box-content a i{
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.our-teams-contents .box-content a:hover i{
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #37a0ff, #c44dff);
  color: #fff;
}
.our-teams-contents span {
  font-size: 16px;
  line-height: 34px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 400;
  text-align: center;
}
.teamread-more a {
    padding: 14px 30px;
    border: solid 2px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #ff43c0, #ffa95c);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    border-radius: 5px;
    font-size: 16px;
    color: #2a2833;
    font-family: "Rubik";
    font-weight: 500;
    margin:35px 0;
}
#our-teams .owl-dots {
    position: absolute;
    margin: 80px auto;
    left: 50%;
    transform: translateX(-50%);
}
#our-partners{
  position: relative;
}
#our-partners .circle_img img{
  position: absolute;
  left: 0;
  top: -482px;
  z-index: -1;
}
#our-partners .partners-image{
  display: table-cell;
  width: 300px;
  height: 60px;
  vertical-align: middle;
}
/* -------------- Section Our Projects ------------ */
#our-projects .head-content{
  text-align: right;
}
#our-projects .head-content h2 {
  font-size: 52px;
  letter-spacing: -2px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 400;
  text-align: right;
  line-height: 54px;
  margin: 15px 0;
  max-width: 75%;
  margin-right: 0;
  margin-left: auto;
}
#our-projects .head-content p.sec-text{
  font-size: 23px;
  line-height: 36px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 400;
  text-align: right;
  max-width: 90%;
  margin-left: auto;
}
#our-projects .projects-feature p {
    font-size: 18px;
    line-height: 40px;
    color: #74727a;
    font-family: "Rubik";
    font-weight: 400;
    text-align: right;
    margin:0;
}
#our-projects p.feture-title i {
    color: #ffa065;
    margin-right: 9px;
    font-size: 15px;
}
#our-projects .head-content img{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.projectread-more a {
    padding: 14px 30px;
    border: solid 2px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #ff43c0, #ffa95c);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    border-radius: 5px;
    font-size: 16px;
    color: #2a2833;
    font-family: "Rubik";
    font-weight: 500;
    margin: 35px 0;
}
#our-projects .container-fluid{
  padding: 0 40px;
}
#our-projects .our-project-box{
  position: relative;
}
#our-projects .pro-icons i{
  display: none;
  position: absolute;
  bottom: 0;
  transform: translateX(50%);
  left: 35%;
  bottom: -10%;
  z-index: 999;
}
#our-projects .pro-icons i {
    color: #fff;
    font-size: 15px;
    background-color: #ad93fcbd;
    border-radius: 50%;
    width: 55px;
    padding: 20px;
    height: 55px;
}
#our-projects .owl-stage {
    margin-bottom: 22px;
}
#our-projects .our-project-box:hover i{
  display: block;
}
#projects-loop{
  display: none;
}
/* -------------- Section Testimonials ------------ */
#testimonials {
  padding: 70px 0;
  background-size: cover;
  background-position: bottom;
}
#testimonials .our-test-head {
  text-align: center;
  margin: 0 auto;
}
#testimonials .our-test-head h2{
  font-size: 50px;
  letter-spacing: -2px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 400;
  text-align: center;
  line-height: 51px;
  max-width: 43%;
  margin: 0 auto;
}
#testimonials .testimonials-wrqpper {
    padding: 30px 0;
}
#testimonials .testimonials-contents {
  background-size: 100% 100%;
  padding: 9%;
  max-width: 64%;
  margin: 0 auto;
}
#testimonials button.owl-prev {
  margin-left: 12%;
}
#testimonials button.owl-next {
    margin-right: 12%;
}
#testimonials button.owl-prev i:hover,#testimonials button.owl-next i:hover {
    background: linear-gradient(55deg, #ff43c0 28%,#ffa95c 72%);
    color: #fff !important;
    padding: 14px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
#testimonials .our-test-head span{
  font-size: 40px;
  letter-spacing: -2px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 400;
  text-align: center;
}
#testimonials .our-test-head span h2 {
  display: inline;
  font-size: 45px;
  letter-spacing: 0px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 600;
  text-align: center;
}
#testimonials .text-cont{
  text-align: center;
}
#testimonials .text-cont img{
  border-radius: 50%;
}
#testimonials .test-text p {
  font-size: 18px;
  line-height: 36px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 300;
  text-align: center;
}
#testimonials a.client-title {
  font-size: 18px !important;
  line-height: 30px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 500;
  text-align: center;
  display: block;
}
#testimonials span.client-desig {
  font-size: 16px;
  line-height: 20px;
  color: #ff4eb5;
  font-family: "Rubik";
  font-weight: 400;
}
/* -------------- Section newsletter ------------ */
#newsletter {
    text-align: center;
    background: linear-gradient(55deg, #ff43c0 28%,#ffa95c 72%);
}
#newsletter h3 {
  line-height: 45px;
  font-size: 40px;
  letter-spacing: -2px;
  color: #ffffff;
  font-family: "Rubik";
  font-weight: 400;
  text-align: center;
  max-width: 39%;
  margin: 0 auto 20px;
}
#newsletter h3 span{
  line-height: 60px;
  font-weight: 600;
  letter-spacing: -1px;
}
#newsletter .newsletter-shortcode{
  margin-top: 3%;
}
#newsletter input[type="email"] {
  width: 60%;
  background-color: #fff;
  padding: 25px;
  border: none;
  box-shadow: 0px 0px 12px 0px #cccccca6;
  border-radius: 2px;
}
#newsletter input[type="email"]::placeholder{
  font-size: 16px;
  line-height: 18px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 400;
}
#newsletter input[type="submit"] {
  padding: 15px 25px;
  border: none;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 23px;
  color: #ffffff;
  text-align: center;
  background: linear-gradient(55deg, #ff43c0 28%,#ffa95c 72%);
  font-family: "Rubik";
  font-weight: 500;
  margin-left: -10%;
  position: relative;
  border-radius: 50px;
}
/* -------------- Section Blog ------------ */
#our-blogs{
  background-color: #fefbf4;
  position: relative;
  padding:70px 0;
}
#our-blogs .sec-title {
  font-size: 50px;
  letter-spacing: -2px;
  color: #2a2833;
  font-weight: 400;
  font-family: "Rubik";
  text-align: center;
  max-width: 48%;
  line-height: 55px;
  margin: 0 auto;
}
#our-blogs:after{
  content: "";
  position: absolute;
  top:0;
  width: 100%;
  height: 7px;
  background: linear-gradient(55deg, #ff43c0 48%,#ffa95c 50%)
}
#our-blogs:before{
  content: "";
  position: absolute;
  bottom:0;
  width: 100%;
  height: 7px;
  background: linear-gradient(55deg, #ff43c0 48%,#ffa95c 50%)
}
#our-blogs .our-blogs-head{
  text-align: center;
  padding-bottom: 3%;
}
#our-blogs .our-blogs-head span{
  font-size: 40px;
  letter-spacing: -2px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 400;
  text-align: center;
  display: block;
}
#our-blogs .our-blogs-head span.top-title h2{
  font-size: 50px;
  letter-spacing: -1px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 600;
  text-align: center;
  display: inline-block;
}
#our-blogs .our-blogs-contents {
    background-color: #fff;
}
#our-blogs .blog-normal {
    padding: 40px;
}
#our-blogs .blog-meta span {
  font-size: 14px;
  line-height: 36px;
  color: #74727a;
  font-family: "Rubik";
  font-weight: 400;
}
#our-blogs a.blogs-title {
  font-size: 25px;
  line-height: 34px;
  color: #2a2833;
  font-family: "Rubik";
  font-weight: 500;
  display: block;
}
#our-blogs a.blogs-icons {
  font-size: 14px;
  line-height: 50px;
  color: #ff4eb5;
  font-family: "Rubik";
  font-weight: 500;
  letter-spacing: 2px;
}
.our-blogs-image:hover{
 box-shadow: 0px 0px 16px #e5e4e4;
}
/* -------------- Home Contact ------------ */
.hcontact-box span{
  display: block;
}
.hcontact-img {
  display: flex;
  align-items: center;
}
.hcontact-box span.title-box {
  font-size: 28px;
  line-height: 30px;
  color: #222222;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-align: left;
}
.hcontact-box span.text-span {
  font-size: 19px;
  line-height: 0px;
  color: #4d546b;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
}
/*------------------ Contact Page -----------------*/
.contact-page-details{
  padding-bottom: 30px;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  background-color:transparent;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  border:none;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  font-size: 16px;
  padding: 16px 18px;
  margin: 0 12px 13px 0;
  height: auto;
  border:1px none;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
}
.contact-box .wpcf7 input[type="text"]::placeholder{
  font-family: 'Roboto', sans-serif;
}
.contact-box .wpcf7 input[type="email"]::placeholder{
  font-family: 'Roboto', sans-serif;
}
.contact-box .wpcf7 textarea::placeholder{
  font-family: 'Roboto', sans-serif;
}
.contact-box .contac_form input[type="submit"]{
  border-radius: 2px;
  font-family: 'Roboto', sans-serif;
  padding: 15px 30px;
  display: inherit;
  margin: 20px auto 0 auto;
  font-size: 20px;
}

section#contact-box{
  padding:0;
  margin:0;
}
.contact-address, .contact-email, .contact-phone {
  margin: 7px 0;
}
.contact-color-bg form textarea{
  margin-right: 10px;
  border-radius: 5px;
  padding-left: 20px;
  padding-top: 23px;
}
.contact-box .google-map{
  margin-bottom: 30px !important;
}
.contact-box .contact-head{
  text-align: center;
  padding-bottom: 30px;
}
.contact-box .contact-head p{
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
  color: #6e6e6e;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  max-width: 80%;
  margin: 0 auto;
}
.contact-box .contact-head h2{
  font-size: 32px;
  color: #222222;
  font-family: 'Rubik';
  font-weight: normal;
  padding-bottom: 10px;
  font-weight: 600;
}
.contact-box .contact-details-box
{
  text-align: center;
}
.contact-box .contact-details-box span
{
  font-size: 25px;
  letter-spacing: 0px;
  color: #404042;
  font-family: 'Rubik';
  font-weight: 900;
}
.contact-box .contact-details-box p{
  font-size: 19px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #9f9fa0;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  margin-bottom: 0px;
}
.contact-box .contact-details-box i{
  font-size: 60px;
  color: #ff43c0;
  display: block;
  padding: 20px;
}
.contact-email.contact-details-box{
  border-left: 2px solid #ff43c0;
  border-right: 2px solid #ff43c0;
  padding: 20px;
}
.contact-page-details .contac_form {
  padding: 28px 10%;
}
/* ==========================================================================
   Media Style
   ========================================================================== */
   @media screen and (max-width:576px) {
    .get-button {
      text-align: right;
      display: block;
      margin-top: 18px;
    }
    .get-button a {
    padding: 9px 10px;
    }
    #slider a.slider-button-1 {
      padding: 5px 8px !important;
    }
    #our-featured .read-more a,.projectread-more a, #powerful_tools .read-more a, .teamread-more a, .plans_data .plans_btn {
    padding: 8px 8px !important; ;
    }
    h1.page-head{
      font-size: 25px;
      line-height: 32px;
    }
    .contact-box .contact-head p{
      max-width: 100%;
    }
    #newsletter input[type="email"] {
      width: 100%;
      margin-bottom: 10px;
    }
    #our-featured .featured-content h5{
      max-width: 100%;
    }
    #our-featured .seller-text{
      margin: 5px 0;
      line-height: 24px;
    }
    #our-featured .owl-carousel .owl-dots{
      padding-top: 0;
    }
    #our-records .our-records-wrapper{
      margin: 0 auto;
    }
    #our-featured,#our-video,#our-blogs,#footer #footer_box,#testimonials,#powerful_tools,#our-teams,#our-partners,#our-records,#pricing_plan {
      padding: 20px 0 !important;
    }
    #our-featured .owl-stage-outer{
      padding: 0;
    }
    #powerful_tools p{
      line-height: 31px;
    }
    #powerful_tools h2{
      padding-top: 10px;
    }
    #powerful_tools .list_box .list_text{
      line-height: 26px;
    }
    .our-teams-contents a{
      padding: 10px 0 5px;
      line-height: 34px;
    }
    .our-teams-contents .box-content a{
      margin: 0 2px;
    }
    .teamread-more a,.projectread-more a{
      margin: 25px 0;
    }
    #our-teams .owl-carousel .owl-dots{
      padding-top: 8px;
    }
    #our-projects .head-content p.sec-text{
      max-width: 100%;
      line-height: 30px;
    }
    #our-projects .head-content h2{
      margin-bottom: 0;
    }
    #our-projects .projects-feature p{
      line-height: 30px;
    }
    #our-projects .owl-carousel .owl-dots{
      padding-top: 2px;
    }
    #our-partners .owl-carousel .owl-dots{
      padding-top: 20px;
    }
    #our-projects{
      padding-bottom: 25px;
    }
    .plans_data{
      padding: 15px 0;
    }
    #pricing_plan_tab {
    padding: 24px 0;
    }
    .plan_title{
      padding-bottom: 5px;
      margin-bottom: 10px;
    }
    .plan_text{
      margin-bottom: 5px;
    }
    .plans_data .plans_btn{
      margin: 20px 0 15px;
    }
    #testimonials .testimonials-wrqpper {
    padding: 0px 0;
    }
    #our-partners .partners-image {
    display: block;
    text-align: center;
    margin: 0 auto;
    }
    #our-featured,#our-video,#powerful_tools,#our-teams,#our-partners,#our-records,#pricing_plan {
      padding: 24px 0;
    }
    #slider .slider-box h2.animated.fadeInLeft.delay-1000, #slider .slider-box span {
    font-size: 25px !important;
    letter-spacing: 1px;
    line-height: 32px !important;
    }
   }

@media screen and (max-width:767px) {
  .home.page-template #header{
    position: unset;
  }
  #our-blogs .blog-normal {
    padding: 14px;
  }
  #our-featured,#our-video,#testimonials,#our-blogs,#powerful_tools,#our-teams,#our-partners,#our-records,#pricing_plan {
    padding: 30px 0;
  }
  #our-records .our-records-wrapper{
    margin: 0 auto;
  }
  #newsletter input[type="email"] {
    width: 90%;
    margin-bottom: 10px;
  }
  .header-logo img {
    padding-top: 0;
  }
  h1.page-head{
    font-size: 35px;
    line-height: 39px;
  }
  #slider .slider-box p,#slider .min-side-img,#slider .slide_nav,#testimonials .owl-nav{
    display: none;
  }
  .slider-box{
    top:17px;
    left: 0;
  }
  #powerful_tools .read-more{
    text-align: center;
  }
  #powerful_tools .powerfull_box{
    text-align: center;
  }
  .list_box, .projects-feature .feture-title{
    text-align: left !important;
  }
  #our-projects .head-content{
    text-align: center;
  }
  #our-featured .read-more a, #powerful_tools .read-more a, .teamread-more a,.plans_data .plans_btn{
    padding: 12px 16px
  }
  #powerful_tools p,#testimonials .testimonials-wrqpper{
    padding-top: 0;
  }
  #slider .slider-box h2.animated.fadeInLeft.delay-1000, #slider .slider-box span{
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 39px;
  }
  #slider a.slider-button-1{
    padding: 7px 12px;
  }
  #our-featured .our-featured-head h2,#powerful_tools h2,#our-blogs .sec-title,#testimonials .our-test-head h2,#our-teams .our-teams-head h2,#our-projects .head-content h2,#our-records .recodes-head h2,#pricing_plan h3,#newsletter h3{
    font-size: 32px;
    max-width: 100%;
    line-height: 39px;
    letter-spacing: 1px;
  }
  #our-video .video-rcodes{
    max-width: 100%;
    padding: 20px 0;
  }
  #our-video .vtext span{
    font-size: 28px;
  }
  #our-teams .our-teams-head {
    padding: 0;
    max-width: 100%;
  }
  #our-projects .head-content h2,#our-projects .head-content img,#our-projects .head-content p.sec-text,#our-projects .projects-feature p,#our-projects .projectread-more{
    text-align: center;
  }
  #newsletter input[type="submit"]{
    display: block;
    margin: 4px auto;
  }
  #testimonials .testimonials-contents{
    max-width: 100%;
    padding: 10%;
  }
  #our-featured .our-featured-head{
    padding: 0;
  }
  #our-featured .owl-stage-outer{
    padding: 10px 0;
  }
  #our-featured .featured-content h5{
    max-width: 78%;
    line-height: 28px;
  }
  #our-featured .seller-text{
    margin: 5px 0;
    line-height: 23px;
  }
  #our-featured .owl-carousel .owl-dots{
    padding-top: 10px;
  }
  #powerful_tools p,#our-projects .head-content p.sec-text{
    line-height: 31px;
    max-width: 100%;
  }
  #our-projects .head-content h2{
    margin-bottom: 0;
  }
  #our-projects{
    padding-bottom: 25px;
  }
  #pricing_plan_tab {
    padding: 25px 0;
  }
  .plans_data {
    text-align: center;
    padding: 20px 0;
  }
  .plan_title{
    padding-bottom: 12px;
    margin-bottom: 15px;
  }
  .plans_data .plans_btn{
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width:991px) {
   .home.page-template #header{
    position: unset;
  }
  .slider-box{
    top:17px;
    left: 0;
    max-width: 100%;
  }
  h1.page-head{
    font-size: 45px;
    line-height: 50px;
  }
  #slider .slider-box h2.animated.fadeInLeft.delay-1000, #slider .slider-box span{
    font-size: 32px;
    letter-spacing: 0px;
    line-height: 30px;
  }
  #slider a.slider-button-1{
    padding: 11px 20px;
  }
  #our-featured .our-featured-head h2,#powerful_tools h2,#our-blogs .sec-title,#powerful_tools h2,#testimonials .our-test-head h2,#our-teams .our-teams-head h2,#our-projects .head-content h2,#our-records .recodes-head h2,#pricing_plan h3,#newsletter h3{
    font-size: 30px;
    max-width: 100%;
    line-height: 38px;
    letter-spacing: 1px;
  }
  #powerful_tools p,#our-projects .head-content p.sec-text{
    font-size: 14px;
    padding: 0;
  }
  #powerful_tools .list_box .list_text,#our-projects .projects-feature p{
    font-size: 12px;
    padding-top: 0;
    margin: 5px;
  }
  #our-video .video-rcodes{
    max-width: 100%;
    padding: 20px 0;
  }
  #our-video .vtext span{
    font-size: 28px;
  }
  #our-teams .our-teams-head {
    padding: 0;
    max-width: 100%;
  }
  #newsletter input[type="submit"]{
    display: block;
    margin: 4px auto;
  }
  #testimonials .testimonials-contents{
    max-width: 100%;
  }
   #our-featured .read-more a,.projectread-more a, #powerful_tools .read-more a, .teamread-more a,.plans_data .plans_btn{
    padding: 12px 20px
  }
}

@media screen and (max-width: 1024px) and (min-width:991px){
  #slider .slider-box h2.animated.fadeInLeft.delay-1000, #slider .slider-box span{
    font-size: 40px;
    letter-spacing: 0px;
    line-height: 40px;
  }
  #our-featured .our-featured-head h2,#powerful_tools h2,#our-blogs .sec-title,#powerful_tools h2,#testimonials .our-test-head h2,#our-teams .our-teams-head h2,#our-projects .head-content h2,#our-records .recodes-head h2,#pricing_plan h3,#newsletter h3{
    font-size: 40px;
    max-width: 100%;
    line-height: 46px;
    letter-spacing: 1px;
  }
  #our-projects .head-content h2{
    max-width: 90%;
  }
  #our-records .our-records-wrapper{
    margin: 0 auto;
  }
}

@media screen and (max-width: 1024px){
  .headerbar {
      display: block;
      margin: 0;
  }
  .hamburger {
      padding: 10px;
  }
  .main-header .side-navigation {
      display: none
  }
  .side-navigation,
  .side-navigation li {
      padding: 0;
      display: block
  }
  .side-navigation ul li a {
      padding: 10px;
      display: block;
      color: #fff;
      border-bottom: 2px solid #fff;
      background: 0 0!important;
      text-align: left
  }
  amp-sidebar#sidebar1 {
      background: #111;
      width: 250px
  }
  #sidebar1 {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 9999999;
      top: 0;
      left: 0;
      overflow-x: hidden;
      transition: .5s
  }
  .side-navigation ul li ul, .side-navigation ul li ul ul {
      display: block !important;
  }
  .side-navigation ul ul {
      background: transparent !important;
  }
  .side-navigation ul ul {
      position: static;
      width: 100%;
      box-shadow: none;
  }
  .side-navigation ul ul li {
      background: transparent !important;
  }
  .side-navigation ul ul li{
      display: block;
      padding-left: 7px;
  }
  .side-navigation ul.sub-menu li a:before{
    content: none;
  }

  iframe {
    width: 100%;
    height: auto;
  }

  .content_boxes figure #instagram-embed-0{
    height: 706px;
  }

}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
  .get-button a{
    padding: 14px;
  }
}

/* ------------- Mozilla Style -------------- */

@-moz-document url-prefix() {

  .main-navigation ul{
    text-align: left;
  }
  .main-navigation a{
    font-size: 18px;
  }
}