/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Muli:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');
@font-face {
  font-family: db;
  src: url(http://servattaportal.webpythons.com/public/fonts/DroidSerif-Bold.ttf);
}

@font-face {
  font-family: dbi;
  src: url(http://servattaportal.webpythons.com/public/fonts/DroidSerif-BoldItalic.ttf);
}

@font-face {
  font-family: di;
  src: url(http://servattaportal.webpythons.com/public/fonts/DroidSerif-Italic.ttf);
}

@font-face {
  font-family: dr;
  src: url(http://servattaportal.webpythons.com/public/fonts/DroidSerif-Regular.ttf);
}

@font-face {
  font-family: tr;
  src: url(http://servattaportal.webpythons.com/public/fonts/TimesNewRoman400.ttf);
}

@font-face {
  font-family: tb;
  src: url(http://servattaportal.webpythons.com/public/fonts/TimesNewRomanGras700.ttf);
}
@font-face {
  font-family: tbi;
  src: url(http://servattaportal.webpythons.com/public/fonts/TimesNewRomanGrasItalique700.ttf);
}
@font-face {
  font-family: tri;
  src: url(http://servattaportal.webpythons.com/public/fonts/TimesNewRomanItalique400.ttf);
}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

div#footer-outer {
    background: #fff !important;
}

div#footer-outer .container {
    padding: 0px 0px !important;
    max-width: 100% !IMPORTANT;
}

div#footer-outer .container .custom_col {
    DISPLAY: INLINE-BLOCK;
    vertical-align: top;
    width: 28%;
    text-align: left;
}

div#footer-outer .container .custom_col img.footer_logo {
    width: 233px;
}

div#footer-outer .container .custom_col:nth-child(2) {
    width: 12%;
}

div#footer-outer .container .custom_col:nth-child(3) {
    width: 16%;
}

div#footer-outer .container .custom_col:nth-child(4) {
    width: 14%;
}

div#footer-outer .container .custom_col:nth-child(5) {
    width: 13%;
}

div#footer-outer .container .custom_col:nth-child(6) {
    width: 15%;
}

div#footer-outer .container .custom_col:nth-child(1) li {
    display: block;
    vertical-align: top;
    margin-bottom: -6px !important;
}

div#footer-outer .container .custom_col:nth-child(1) li i {
    color: #179fda;
    font-size: 16px;
}

div#footer-outer .container .custom_col:nth-child(1) li label {
    font-size: 16.67px;
    color: #555555;
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
    margin: 0px 2px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
}

div#footer-outer .container .custom_col:nth-child(1) li label b {
    color: #555555;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

div#footer-outer #footer-widgets .container .row {
    padding: 48px 0px 0px !important;
}

#footer-outer .widget h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 19px;
    margin-top: 36px;
    font-family: dr;
}

#footer-outer .widget li a {
    font-size: 14px;
    font-weight: 400;
    color: #000 !important;
    text-transform: capitalize;
    margin-bottom: 0px !important;
    font-family: 'Roboto', sans-serif;
}

#footer-outer .widget .custom_col:last-child li a i {
    width: 38px;
    height: 38px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 22px;
}

#footer-outer .widget .custom_col:last-child li a i.fa.fa-facebook {
    background: #3b5998;
}

#footer-outer .widget .custom_col:last-child li a i.fa.fa-google-plus {
    background: #dc4e41;
}

#footer-outer .widget .custom_col:last-child li a i.fa.fa-instagram {
    background: #6a453b;
}

#footer-outer .widget .custom_col:last-child li a i.fa.fa-linkedin {
    background: #007ab9;
}

#footer-outer .widget .custom_col:last-child li a i.fa.fa-twitter {
    background: #55acee;
}

#footer-outer .widget .custom_col:last-child li a i.fa.fa-youtube-play {
    background: #ff0000;
}

#footer-outer .widget .custom_col:last-child li a i.fa.fa-pinterest {
    background: #cb2027;
}

#footer-outer .widget .custom_col:last-child li a i.fa.fa-snapchat-ghost {
    background: #ffeb3b;
}

#footer-outer .widget .custom_col:last-child li {
    display: inline-block;
    vertical-align: top;
    margin-right: 7px;
    margin-bottom: 6px !important;
}

#footer-outer .widget .custom_col:last-child  a.lastbtn {
    width: 187px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ecb510;
    border-radius: 4px;
    font-size: 14.58px;
    text-transform: uppercase;
    color: #000000 !important;
    font-weight: 500;
    margin-top: 16px;
    font-family: 'Montserrat', sans-serif;
}

#footer-outer .widget .custom_col:last-child a.lastbtn img {
    width: 32px;
    margin-right: 7px;
    margin-top: 14px;
}

div#footer-outer #footer-widgets .container .row .custom_row {
    padding: 0px 30px 0px !important;
}

div#footer-outer #footer-widgets .container .row .email_subscriber {
    background: #090682;
    text-align: center;
    padding: 32px 0px !important;
    margin-top: 52px;
}

div#footer-outer #footer-widgets .container .row .email_subscriber h1 {
    font-size: 20.83px;
    color: #ffffff;
    font-weight: 400;
    width: 200px;
    text-align: left;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0px;
    font-family: dr;
}

div#footer-outer #footer-widgets .container .row .email_subscriber a.talk {
    display: inline-flex;
    vertical-align: top;
    font-size: 14.58px;
    color: #000000 !important;
    font-weight: 500;
    text-transform: uppercase;
    width: 130px;
    height: 51px;
    border-radius: 4px;
    background: #ecb510;
    align-items: center;
    justify-content: center;
    font-family: 'Muli', sans-serif;
}

div#footer-outer #footer-widgets .container .row .email_subscriber  div.emaillist {
    width: 821px;
    display: inline-block;
    vertical-align: top;
    margin: 0px 7px 0px 8px;
}

div#footer-outer #footer-widgets .container .row .email_subscriber div.emaillist input {
    background: #f9f8fd;
    border-radius: 0px;
    padding: 0px 24px !important;
    font-size: 13.86px;
    color: #000;
    font-weight: 400;
    height: 51px;
    font-family: 'Roboto', sans-serif;
}

div#footer-outer #footer-widgets .container .row .email_subscriber div.emaillist input::placeholder {
    color: #a8a8b2;
}

div#footer-outer #footer-widgets .container .row .email_subscriber div.emaillist .es-field-wrap {
    width: 359px;
    height: 51px;
    margin: 0px !important;
    display: inline-block;
    vertical-align: top;
    margin-right: 16px !important;
}

div#footer-outer #footer-widgets .container .row .email_subscriber div.emaillist .es-field-wrap+.es-field-wrap {
    margin-right: 0px !important;
}

div#footer-outer #footer-widgets .container .row .email_subscriber div.emaillist br {
    display: none;
}

div#footer-outer #footer-widgets .container .row .email_subscriber div.emaillist input[type='submit'] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 51px;
    border-radius: 0px !important;
    color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-left: 6px;
    transition: unset;
    transform: unset;
    background-image: url('http://servattaportal.webpythons.com/images/submit.png');
}

div#copyright {
    padding: 35px 0px !important;
}

#footer-outer #copyright p {
    font-size: 16.67px;
    color: #414551;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 4px;
    font-family: 'Muli', sans-serif;
}

div#footer-outer #footer-widgets .container .row .email_subscriber a.talk:hover {
    color: #000000 !important;
}

div#header-outer,div#header-space {
    height: 168px !important;
    padding: 0px !important;
    top: 0px !important;
    background: #fff !important;
    box-shadow: 0px 0px 20px 2px #00000014 !important;
}

#top #logo img {
    height: unset !important;
    width: 270px !important;
}

#top #logo {margin-top: 15px !important;margin-bottom: 0px !important;}

#header-outer header .container {
    padding: 0px 0px !important;
    max-width: 100% !important;
}

#header-outer header .container .row {
    padding: 0px 20px !important;
}

#top nav ul li a {
    font-size: 16.67px;
    color: #000000;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0px 10px !important;
    font-family: 'Montserrat', sans-serif;
}

#top nav ul li:first-child a {
    margin-left: 0px !important;
}

#top nav ul li:last-child a {
    margin-right: 0px !important;
}

#top nav ul li#menu-item-19  a,#top nav ul li#menu-item-26  a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 40px;
    border-radius: 4px;
    background: #ecb510;
    margin: 0px 0px !important;
    color: #000000;
}

#top nav ul li#menu-item-19 a {
    border: 2px solid #ecb510;
    background: transparent;
    margin: 0px 10px 0px 10px !important;
    width: 160px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#top nav ul li#menu-item-26 a img {
    width: 32px;
    margin-right: 7px;
    margin-top: 12px;
}

#top nav ul li a:after {
    display: none !important;
}

#top nav ul li.current-menu-item a,#top nav ul li:hover a {
    color: #ecb510;
}

#top nav ul li {float: right !important;}


#header-outer .row .col.span_9 {height: 87px;border-top: 1px solid #dddddd;position: relative;top: 80px;width: 77% !important;justify-content: flex-end;}

#header-outer .row .col.span_3 {
    width: 22% !important;
}

#header-outer .row .col.span_9 ul.sf-menu.sf-js-enabled.sf-arrows {
    float: right !important;
  
}

div#custom_toper {
    position: fixed;
    top: 21px !important;
    z-index: 999999;
    width: unset;
    display: flex;
    justify-content: flex-end;
    padding: 0px 20px !important;
    right: 0px;
}

div#custom_toper ul {
    margin: 0px !important;
    position: relative;
}

div#custom_toper ul li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
}

div#custom_toper ul li.social a i {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 18px;
}

div#custom_toper ul li.social a i.fa.fa-facebook {
    background: #3b5998;
}

div#custom_toper ul li.social a i.fa.fa-google-plus {
    background: #dc4e41;
}

div#custom_toper ul li.social a i.fa.fa-instagram {
    background: #6a453b;
}

div#custom_toper ul li.social a i.fa.fa-linkedin {
    background: #007ab9;
}

div#custom_toper ul li.social a i.fa.fa-twitter {
    background: #55acee;
}

div#custom_toper ul li.social a i.fa.fa-youtube-play {
    background: #ff0000;
}

div#custom_toper ul li.social a i.fa.fa-pinterest {
    background: #cb2027;
}

div#custom_toper ul li.social a i.fa.fa-snapchat-ghost {
    background: #ffeb3b;
}

div#custom_toper ul li.social {
    margin-right: 5px;
}

div#custom_toper ul li.social:last-child {
    margin-right: 0px;
}

div#custom_toper ul li.contact a {
    font-size: 14.58px;
    color: #000000;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

div#custom_toper ul li.contact+li.contact {margin-right: -15px;}

div#custom_toper ul li.contact a i {
    width: 38px;
    height: 38px;
    background: #090682;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    margin-right: 5px;
    margin-left: 4px;
}

div#custom_toper ul li.contact a i.fa.fa-envelope {
    width: 38px;
    height: 38px;
    background: #090682;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fafafa;
    font-size: 18px;
    margin-right: 5px;
    margin-left: 6px;
}

div#custom_toper ul li.name {
    font-size: 14.58px;
    color: #000000;
    text-transform: capitalize;
    font-weight: 500;
    margin: 3px -2px 0px;
    padding: 0px 15px;
    position: relative;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
}

div#custom_toper ul li.name.first:after {content: "";width: 2px;height: 14px;background: #cecece;position: absolute;right: 0px;top: 8px;}



div#slider {
    text-align: center;
    padding-top: 123px !important;
    margin-top: 0;
}

div#slider h1 {
    font-size: 60px;
    color: #ffffff;
    font-family: db;
    text-transform: capitalize;
    line-height: 67px;
    margin-bottom: 7px;
}

div#slider p {
    font-size: 20.83px;
    color: #ffffff;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

div#slider label {
    font-size: 20.83px;
    color: #ffffff;
    font-family: db;
    text-transform: capitalize;
    display: block;
    margin-bottom: 9px;
}

div#slider a {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    width: 300px;
    height: 60px;
    background: #ecb510;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 216px;
}

div#slider ul {
    margin: 0px !important;
    border-radius: 6px;
    background: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -86px;
    left: 0px;
    right: 0px;
    box-shadow: 0px 0px 30px 3px #0000001f;
    padding-top: 53px;
    padding-bottom: 56px;
}

div#slider li {
    list-style-type: none;
    vertical-align: top;
    position: relative;
    height: 65px;
    width: 24%;
    display: inline-block;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
}

div#slider ul li span {
    display: block;
    font-size: 30px;
    color: #000000;
    font-family: db;
    margin-top: 9px;
    margin-bottom: 9px;
}

div#slider form {display: inline-block;border-radius: 6px;border: 6px solid rgba(255, 255, 255, 0.2);padding-left: 2px;margin: 0px 0px 5px;}

div#slider form span {
    position: relative;
    margin: 0px -2px;
}

div#slider form input[type="submit"] {
    width: 242px;
    border-radius: 0px !important;
    background: #ecb510;
    transform: unset;
    margin-left: -2px !important;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

div#slider form input {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    font-family: 'Roboto', sans-serif;
    padding: 0px 20px !important;
    margin: 0px 0px !important;
    height: 60px;
}

div#slider form span i {
    position: absolute;
    top: 0px;
    right: 20px;
    color: #adadb7;
    font-size: 14px;
}

div#slider form input[name='service'] {
    width: 442px;
    background: #fff;
    border-radius: 0px;
}

div#slider form input[name='zipcode'] {
    width: 287px;
    background: #fff;
    border-radius: 0px;
    border-left: 1px solid #ededed;
}

div#slider form input::placeholder {
    color: #a8a8b2;
}

div#slider li:after {content: "";width: 1px;background: #e0e0e0;position: absolute;right: 0px;top: 0px;height: 100%;}

div#slider li:last-child:after {
    display: none;
}

div#homelast {
    text-align: center;
    padding-bottom: 80px !important;
    padding-top: 77px !important;
}

div#homelast h1 {
    font-size: 37.5px;
    color: #ffffff;
    font-family: tr;
    font-weight: 400 !important;
    margin: 0 auto;
    width: 70%;
    line-height: 46px;
    margin-bottom: 41px;
}

div#homelast h1 a {
    color: #ecb510;
    text-decoration: underline;
    font-weight: 400 !important;
}

div#homelast a.active {}

div#homelast p a {
    width: 270px;
    height: 42px;
    background: transparent;
    font-size: 14.58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    border: 2px solid #c7cbd7;
    color: #ffffff;
    margin: 0px 10px;
}

div#homelast p a.active {
    border: unset;
    background: #ecb510;
    color: #333742;
}

#services h1 {
    font-size: 33.33px;
    color: #2b313d;
    text-transform: capitalize;
    text-align: center;
    font-family: dr;
    font-weight: 400;
    margin-bottom: 14px;
}

#services p {
    font-size: 25px;
    color: #555555;
    font-family: dr;
    text-align: center;
    font-weight: 400;
}

#services ul.up {
    margin: 0px !important;
    text-align: center;
    margin-top: -3px !important;
    margin-bottom: 15px !important;
}

#services ul.up li {
    list-style-type: none;
    display: inline-block;
    width: 24%;
    padding: 0px 6px;
    position: relative;
    margin-bottom: 5px;
}

#services ul.up 
 li img {
    width: 100%;
    margin-bottom: 0px !important;
}

#services ul.down {
    margin: 54px 0px 0px !important;
    text-align: center;
}

#services ul.down li {
    list-style-type: none;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #555555;
    font-family: dr;
    width: 18%;
    height: 155px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 2px #0000000f;
    padding-top: 82px;
    display: inline-block;
    margin: 0px 6px;
}

#services ul.down li img {
    position: absolute;
    left: 0px;
    right: 0px;
    top: -52px;
    margin: 0 auto;
}

#services ul.down li b {}

#services ul.down a {}

div#services {
    padding-top: 131px !important;
    text-align: center;
    padding-bottom: 110px !important;
}

#services ul.up li label {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 18px;
    font-size: 20.83px;
    color: rgba(255, 255, 255, 0.5);
    font-family: dr;
    line-height: 30px;
}

#services a {
    width: 260px;
    height: 60px;
    border-radius: 4px;
    background: #ecb510;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 46px;
}

#services ul.down li b {
    font-size: 18.75px;
    color: #22212a;
    display: block;
    margin-bottom: 6px;
    line-height: 15px;
}


div#professional {
    padding-top: 144px !important;
    padding-bottom: 75px !important;
}

div#professional img {
    width: 100%;
}

div#professional h1 {
    font-size: 45.83px;
    color: #2b313d;
    font-weight: 400;
    font-family: dr;
    line-height: 48px;
    margin-bottom: 29px;
}

div#professional p {
    font-size: 14px;
    font-weight: 400;
    color: #555555;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
}

div#professional ul {
    margin: 15px 0px 41px;
}

div#professional ul li {
    list-style-type: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #ecb510;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    border-radius: 100px;
    padding: 3px 29px;
}

div#professional ul li.active {
  color: #fff;
  background: #090682;
}



div#video {
    padding: 55px 15px 140px !important;
}

div#video h1 {
    font-size: 45.83px;
    /* color: #ffffff; */
    font-weight: 400;
    font-family: dr;
    margin-bottom: 11px;
}

div#video p {
    font-size: 15px;
    font-weight: 300;
    /* color: #ffffff; */
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    padding-bottom: 0px !important;
}

div#video p a {
    width: 260px;
    height: 60px;
    background: transparent;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    letter-spacing: 0px;
    border: 2px solid #c7cbd7;
    /* color: #ffffff; */
    font-family: 'Open Sans', sans-serif;
    border-radius: 4px;
    margin-right: 20px;
    margin-top: 19px;
}

div#video ul {
    margin: 5px 0px 5px !important;
}

div#video ul li {
    position: relative;
    list-style-type: none;
    padding-left: 36px;
    font-size: 15px;
    font-weight: 200;
    /* color: #ffffff; */
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    margin-bottom: 0px;
}

div#video ul li:before {
    background: #ecb510;
    border-radius: 100%;
    content: "";
    position: absolute;
    left: 0px;
    top: 14px;
    width: 5px;
    height: 5px;
}

div#video p a.active {
    background: #ecb510;
    border: unset;
    color: #fff !important;
}

div#video img {
    width: 93%;
    margin: 35px auto 0px;
}

#about h1 {
    font-size: 33px;
    color: #2b313d;
    font-weight: 400;
    font-family: dr;
    line-height: 38px;
    margin-top: 20px;
    margin-bottom: 17px;
}

#about p {
    font-size: 15px;
    color: #555555;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    padding-bottom: 0px;
}

#about li {
    font-size: 16px;
    color: #555555;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    list-style-type: none;
    margin-bottom: -1px;
    padding-left: 30px;
    position: relative;
}

#about ul {
    margin: 3px 0px 7px;
}

#about img {}

div#about {
    padding-bottom: 100px !important;
    padding-top: 100px !important;
}

#about li:before {content: "";position: absolute;top: 10px;left: 0px;border-radius: 100px;background: #555555;width: 5px;height: 5px;}

div#broswe {
    padding-top: 93px !important;
}

div#broswe h1 {
    text-align: left;
    font-size: 45.83px;
    color: #2b313d;
    font-family: dr;
    font-weight: 400;
    line-height: 48px;
}

div#broswe h3 {
    font-size: 28px;
    font-weight: 400;
    color: #30353f;
    font-family: dr;
    margin-top: 3px;
    margin-bottom: 16px;
}

div#broswe p {
    font-size: 16.67px;
    color: #555555;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 0px;
    line-height: 30px;
}

div#broswe ul {
    margin: 3px 0px 0px !important;
}

div#broswe li {
    list-style-type: none;
    position: relative;
    padding-left: 36px;
    font-size: 16.67px;
    color: #555555;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 1px;
}

div#broswe li:before {content: "";position: absolute;left: 0px;top: 12px;background: #555555;border-radius: 100px;width: 4px;height: 4px;}

div#blog {
    padding-bottom: 113px !important;
}

div#blog .blogs {
    margin: 45px 0px 0px;
}

div#blog .blogs .blog {
    background: #ffffff;
    box-shadow: 0px 0px 20px 2px #0000000f;
    vertical-align: top;
    display: inline-block;
    width: 21%;
    margin: 0px 20px;
}

div#blog .blogs img {
    width: 100%;
}

div#blog .blogs h2 {
    font-size: 18px;
    font-weight: 400;
    color: #22212a;
    font-family: dr;
    line-height: 26px;
    margin-top: 13px;
    padding-left: 21px;
    margin-bottom: 11px;
}

div#blog .blogs p {
    padding-left: 21px;
    font-size: 12.5px;
    color: rgba(85, 85, 85, 0.8);
    font-weight: 400;
    font-family: dr;
    padding-bottom: 18px;
}

div#blog .blogs p.last {
    background: #faf9ff;
    padding-left: 10px;
    padding-top: 19px;
    padding-bottom: 16px;
}

div#blog .blogs p i {
    margin-right: 10px;
    top: 0px;
}

div#blog .blogs p.last a {
    width: 116px;
    height: 30px;
    display: inline-block;
    background: #fff;
    font-size: 11px;
    font-weight: 300;
    color: #22212a;
    font-family: 'Roboto', sans-serif;
    padding-left: 27px;
    padding-top: 5px;
}

div#blog .blogs p.last a img {
    width: auto;
    padding: 12px 14px;
    float: right;
    vertical-align: middle;
    border-left: 1px solid #f5f4fc;
    position: relative;
    top: -5px;
}

div#blog .blogs p.last label {
    font-size: 10px;
    font-weight: 400;
    color: #555555;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 20px;

}

div#blog .blogs p.last i {
    color: #ffd953;
    margin-right: 5px;
    top: -1px;
}

div#blog .blogs p.last i:last-child {
    margin-right: 11px;
}

#map ul {
    margin: 0px !important;
}

#map ul li {
    list-style-type: none;
    font-size: 14px;
    color: #22212a;
    font-weight: 400;
    display: inline-block;
    width: 24%;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 5px !important;
}

#map form {
    width: 100%;
    box-shadow: 0px 0px 20px 2px #00000014;
    position: relative;
    margin: 38px 0px 29px;
}

#map form input {
    height: 60px;
    width: 100%;
    padding-left: 38px;
    background: #ffffff;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    font-family: 'Roboto', sans-serif;
}

#map form input[type='submit'] {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    width: 158px;
    height: 60px;
    font-family: 'Roboto', sans-serif;
    background: #ecb510;
    BORDER-RADIUS: 0PX !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    right: 0px;
}

#map form input::placeholder {
    color: #a8a8b2;
}

#map  h1 {
    font-size: 29px;
    font-weight: 400;
    color: #2b313d;
    font-family: tr;
    margin-bottom: -13px;
}

#map  p {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 0px;
}

#map form label i {
    position: absolute;
    left: 18px;
    top: 22px;
}

div#map {
    padding-top: 62px !important;
    padding-bottom: 29px !important;
}

div#map div.row-bg-wrap:before {
    content: "";
    position: absolute;
    left: 15px;
    top: -60px;
    z-index: 9;
    width: 45%;
    height: 100%;
    background: url('http://servattaportal.webpythons.com/public/images/mapnew.png');
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain;
}


#map form label i {
    position: absolute;
    left: 18px;
    top: 22px;
}

div#map {
    padding-top: 62px !important;
    padding-bottom: 29px !important;
}

div#map div.row-bg-wrap:before {
    content: "";
    position: absolute;
    left: 15px;
    top: -60px;
    z-index: 9;
    width: 45%;
    height: 100%;
    background: url('http://servattaportal.webpythons.com/public/images/mapnew.png');
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain;
    display: none;
}

div#testinomial {
    padding-top: 102px !important;
    padding-bottom: 134px !important;
}

div#testinomial .row-bg.using-image {
    /* background-position: left top !important; */
    background-size: cover !important;
    background-position: left -100px top 0px !important;
}

div#testinomial  h1 {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    color: #090682;
    font-family: 'Roboto', sans-serif;
    line-height: 35px;
    margin-bottom: 0px;
}

div#testinomial  h3 {
    font-size: 14px;
    font-weight: 500;
    color: #090682;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0px;
}

div#testinomial .wpb_raw_code.wpb_content_element.wpb_raw_html {
    margin-bottom: 0px !important;
}

div#testinomial .owl-stage {
    padding-bottom: 0px !important;
}

div#testinomial  .owl-carousel {
    text-align: left;
}

div#testinomial .owl-dots {
    margin: 0px !important;
    position: absolute;
    left: 0px;
    bottom: -36px;
}

div#testinomial .owl-dots button span {
    width: 9px;
    height: 9px;
    background: #0081ff !important;
    transform: unset;
    border: 2px solid #fff;
    border-radius: 100px !important;
    margin: 0px 0px !important;
    margin-right: 13px !important;
}

div#testinomial .vc_col-sm-6 {
    padding: 0px !important;
}

div#testinomial .vc_col-sm-6:first-child {
    width: 55% !important;
}

div#testinomial .vc_col-sm-6:last-child {
    width: 45% !important;
}


@media (max-width:1400px){
    #top nav ul li a {
    font-size: 12px;
    margin: 0px 8px !important;
}

div#custom_toper ul li.name {
    font-size: 12px;
}

div#custom_toper ul li.contact a {
    font-size: 12px;
}

#services ul.down li b {
    font-size: 16px;
}

#services ul.down li {
    font-size: 12px;
}

div#homelast h1 {
    font-size: 34px;
}

#footer-outer .widget .custom_col:last-child li {
    margin-right: 0px;
}
}


.es_subscription_message.success {
    color: #fff;
    width: 90% !IMPORTANT;
    DISPLAY: BLOCK;
    margin: 0 auto;
}

@media (min-width:1700px){
    div#testinomial .row-bg.using-image {
    background-position: left -0px top 0px !important;
}
}


.msame h1 {
    font-size: 45.83px;
    color: #2b313d;
    font-weight: 400;
    font-family: dr;
    line-height: 48px;
    width: 85%;
    margin-bottom: 16px;
}

.msame p {
    font-size: 14px;
    font-weight: 400;
    color: #555555;
    font-family: 'Roboto', sans-serif;
    line-height: 24px;
}

div#mvideo {
    padding-top: 120px !important;
    padding-bottom: 128px !important;
}

div#mvideo img {
    margin-top: 55px;
}

div#msec1 {
    padding-top: 70px !important;
    padding-bottom: 130px !important;
}

div#msec1 h1 {margin-top: 70px;}

div#msec2 {
    padding-top: 138px !important;
    padding-bottom: 105px !important;
}

div#msec3 {
    padding-top: 145px !important;
    padding-bottom: 120px !important;
}

.msame img {
    width: 100%;
}

div#msec3 h1 {
    margin-top: 60px;
}

div#mjoin h1 {
    font-size: 45.83px;
    color: #ffffff;
    font-weight: 400;
    font-family: dr;
    line-height: 46px;
}

div#mjoin p {
    font-size: 15px;
    color: #ffffff;
    font-weight: 300;
    padding-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
}

div#mjoin ul {
    margin: 10px 0px 10px !important;
}

div#mjoin li {
    list-style-type: none;
    font-size: 15px;
    color: #ffffff;
    font-weight: 300;
    padding-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    padding-left: 36px;
    position: relative;
    margin-bottom: 4px;
}

div#mjoin li:before {
    background: #fff;
    border-radius: 100%;
    content: "";
    position: absolute;
    left: 0px;
    top: 12px;
    width: 5px;
    height: 5px;
}

div#mjoin p a {
    width: 260px;
    height: 60px;
    background: transparent;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    letter-spacing: 0px;
    border: 2px solid #c7cbd7;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    border-radius: 4px;
    margin-right: 20px;
    margin-top: 19px;
}

div#mjoin p a.active {
    background: #ecb510;
    border: unset;
}

div#mjoin {
    padding-top: 100px !important;
    padding-bottom: 88px !important;
}

div#mbanner {
    text-align: center;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

div#mbanner h1 {
    font-size: 80px;
    color: #ffffff;
    font-family: db;
    margin-bottom: -4px;
}

div#mbanner h2 {
    font-size: 29px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}

div#mbanner a {
    height: 60px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ecb510;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-top: 9px;
}




div#contactus {
    text-align: center;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

div#contactus h1 {
    font-size: 36px;
    font-weight: 500;
    color: #313e47;
    text-transform: capitalize;
    margin-bottom: -7px;
}

div#contactus p {}

div#contactus 
form p.half {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

div#contactus form p.full input {}

div#contactus h1+p {
    font-size: 16px;
    font-weight: 400;
    color: rgba(49, 62, 71, 0.7);
    margin: 0 auto;
    width: 48%;
    line-height: 24px;
}

div#contactus form {
    margin: 15px auto 0px;
    width: 82%;
}

div#contactus form input,div#contactus form textarea {
    height: 54px;
    border: 2px solid #d6d6d6;
    border-radius: 0px;
    background: #ffffff;
    padding: 0px 27px !important;
    font-weight: 400;
    font-size: 14.01px;
    color: #ecb510;
    margin-bottom: 0px !important;
    width: 100%;
}

div#contactus form input::placeholder, div#contactus form textarea::placeholder {
    color: rgba(49, 62, 71, 0.5);
}

div#contactus form textarea {
    height: 150px;
    padding-top: 16px !important;
}

div#contactus form input:focus, div#contactus form textarea:focus {
    border-color: #18a0da !important;
}

div#contactus form p {
    padding-bottom: 20px;
}

div#contactus form p.half+p.half {
    width: 49%;
    padding-left: 25px;
}

div#contactus form p.half input {
    position: relative;
    left: -2px;
}

div#contactus form p.half+p.half input {
    left: 0px;
}

div#contactus form input.wpcf7-form-control.wpcf7-submit {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    border: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px !important;
    width: 141px;
    height: 46px;
    background: #ecb510;
    margin-top: -7px;
}

div#contactus form span.wpcf7-not-valid-tip {
    display: none;
}

div#contactus form input.wpcf7-not-valid {
    border-color: red !important;
}

div#contactus form .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    border-color: red !important;
    background: transparent;
    color: red !important;
}

div#contactus form  .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    color: green;
    background: transparent;
}




#faq h2 {
    font-size: 22px;
    color: #2b313d;
    font-weight: 400;
    font-family: dr;
    line-height: 38px;
    margin-top: 10px;
    margin-bottom: 0px;
}

div#faq {
    padding-top: 40px !important;
}

#faq .toggles {
    border: 1px solid #eee;
    margin-top: 5px !important;
}

.default .toggle {}

#faq .toggles .toggle {
    padding: 0px 15px !important;
}

#faq .toggles .toggle a {
    font-size: 15px;
    color: #2b313d;
    font-weight: 400;
    font-family: dr;
    padding: 20px 0px !important;
}

body #faq .toggles .toggle:hover a,body #faq .toggles .toggle:hover i {
    color: #ecb510 !important;
}

#faq .toggles .toggle p {
    padding-top: 15px;
    padding-bottom: 10px;
}

#faq .toggles .toggle ul+p {
    padding-top: 0px;
    font-size: 14px;
    color: #555555;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
}

#faq .toggles .toggle ul {
    margin-bottom: 15px;
}

#faq .toggles .toggle th, #faq .toggles .toggle th.cake, #faq .toggles .toggle td.cake {
    text-align: center;
    color: #fff;
    background: #ecb510;
}

#faq .toggles .toggle td {
    text-align: center;
    color: #000;
}

#faq .toggles .toggle table {
    margin-top: 15px;
}

#faq .toggles .toggle ul li:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: "\f00c";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: -25px;
    color: #ecb510;
    top: 5px;
}

#faq .toggles .toggle ul li {
    position: relative;
    list-style-type: none;
    font-size: 14px;
    color: #555555;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
}


#faq .toggles .toggle.open a {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 25px;
}

div#custom_toper ul li.contact {
    padding-right: 20px;
}

div#contactus form p.half:nth-child(4) {
    padding-left: 0px !important;
    width: 50% !important;
}

div#contactus form p.half:nth-child(4) input {
    width: 100% !important;
}
div#contactus form p.full select{
        height: 54px;
        border: 2px solid #d6d6d6;
        border-radius: 0px;
        background: #ffffff;
        padding: 0px 10px !important;
        font-weight: 400;
        font-size: 14.01px;
        color: #a5aaae;
        margin-bottom: 0px !important;
        width: 100%;
}

div#contactus form p.half input {
    padding: 0px 10px !important;
}

div#contactus form p.full input[type="checkbox"] {
    display: inline-block;
    width: unset !important;
    height: unset !important;
    margin: 0px !important;
    vertical-align: middle;
}

div#contactus form p.full  span.wpcf7-form-control-wrap.checkbox-541 {
    text-align: left;
}

div#contactus form p.full span.wpcf7-form-control-wrap.checkbox-541 span {
    font-weight: 400;
    font-size: 14.01px;
    color: #a5aaae !important;
}
div#custom_toper ul li.social a i {
    color: #ecb510;
    background-image: linear-gradient(white, white) !important;
    transition: all 0.3s linear;
}

div#custom_toper ul li.social:hover a i {
    color: #fff;
    background-image: unset !important;
}
#services ul.up li:hover label {
    color: #fff;
}

div#professional ul li:hover {
    color: #fff;
    background: #090682;
}
#app {
  padding: 0px !important;
}

#app > div {
  margin: auto;
}

#app div, #app svg,#app g {
    width: 100% !important;
    transform: unset !important;
    background: transparent !important;
}

#app div.jsvmap-zoomin,#app div.jsvmap-zoomout {
    width: unset !important;
    background: #000 !important;
}

#msec1 .wpb_raw_html {}

#msec1 .wpb_raw_html .testinomails {}

#msec1 .wpb_raw_html .testinomails h1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
}

#msec1 .wpb_raw_html .testinomails h1 img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 100%;
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
    margin-right: 6px;
}

#msec1 .wpb_raw_html .testinomails p {
    font-size: 14px;
    line-height: 22px;
}

#msec1  .owl-carousel {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 45%;
}

div#mbanner .content {
    text-align: center;
}
div#custom_toper ul li.social.share a i {
    width: 38px;
    height: 38px;
    background: #090682 !important;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fafafa;
    font-size: 18px;
    margin-right: 5px;
    margin-left: 6px;
}

div#custom_toper ul li.social {right: 10px !important;top: 30px;position: absolute;opacity: 0px;display: block;opacity: 1;box-shadow: 0px 0px 30px -5px #00000005;border-radius: 100px !important;z-index: 9999999999;}

div#custom_toper ul li.social.share {
    margin: -2px 5px 0px 0px;
    position: relative;
    opacity: 1;
    display: inline-block;
    right: 0px !important;
    top: 6px !important;
}


div.pum {
    background: #0000003b !important;
}

div.pum div.pum-container {
    border-radius: 6px;
}

div.pum div.pum-container button.pum-close.popmake-close {
    font-size: 12px;
    background: red;
    padding: 8px 14px !important;
    line-height: 14px;
    border-radius: 4px !important;
}

div.pum div.pum-container div#pum_popup_title_136 {
    font-size: 24px;
    color: #2b313d;
    font-weight: 400;
    font-family: dr;
    line-height: 48px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

div.pum div.pum-container input.wpcf7-form-control.wpcf7-submit {
    width: 200px;
    height: 45px;
    background: #ecb510;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    letter-spacing: 0px;
    border: unset;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    border-radius: 4px;
    margin-right: 20px;
    margin-top: 0px;
}

div.pum div.pum-container input {
    border: 1px solid #cacaca;
    background: #fff;
}
div.pum div.pum-container span.wpcf7-not-valid-tip {
    display: none;
}

div.pum div.pum-container  input.wpcf7-not-valid {
    border-color: red !important;
}
#page-header-bg h1 {
    background: rgba(9, 6, 130, 0.5);
    text-transform: uppercase;
    margin: 0 auto;
    width: 40%;
    text-align: center;
}
#top nav ul li#menu-item-124 a {
    display: none;
}
#top nav ul li#menu-item-98 a {
    display: none;
}
body.page-id-14 #top nav ul li#menu-item-124 a,body.page-id-122  #top nav ul li#menu-item-124 a{
    display: block;
}
body.page-id-14 #top nav ul li#menu-item-98 a,body.page-id-122  #top nav ul li#menu-item-98 a {
    display: block;
}
body.page-id-14 #top nav ul li#menu-item-24 a,body.page-id-122  #top nav ul li#menu-item-24 a {
    display: none;
}

div#custom_toper ul li.social+li.social {
    top: 70px;
}

div#custom_toper ul li.social+li.social+li.social {
    top: 110px;
}

div#custom_toper ul li.social+li.social+li.social+li.social {
    top: 150px;
}

div#custom_toper ul li.social+li.social+li.social+li.social+li.social {
    top: 190px;
}

div#custom_toper ul li.social+li.social+li.social+li.social+li.social+li.social {
    top: 230px;
}

div#custom_toper ul li.social+li.social+li.social+li.social+li.social+li.social+li.social {
    top: 265px;
}



/* review page css */ 


.reviews-list .vc_col-sm-4{
    width: 33.33333333%;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0px !important;
}
.reviews-list .vc_col-sm-4 > div {
    text-align: center;
    font-size: 13px;
    color: #6b6b6b;
    background: #fff;
    box-shadow: #dadada 0px 0 16px;
    border-radius: 1px;
    padding: 80px 19px 19px;
    position: relative;
    border: #dadada 1px solid;
    margin-bottom: 0px !important;
}

.reviews-list div i {
    border-radius: 100%;
    position: relative;
    height: 80px;
    width: 107px;
    display: inline-block;
    margin-top: -67px;
    margin-bottom: 32px;
    padding: 7px;
}

.reviews-list div i img {
    max-width: 100%;
    border: #fff 5px solid;
    border-radius: 100%;
    height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: rgb(152, 152, 152) 0px 0 6px;
}

.reviews-list div h4 {
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 9px;
}

.reviews-list div p {
    line-height: 18px;
}

.reviews-list div ul {
    border: #dadada 1px solid;
    margin: 19px 0 0 0;
}

.reviews-list div ul li {
    border-bottom: #dadada 1px solid;
    padding: 9px 13px;
    list-style-type: none;
}

.reviews-list div ul li .rating-stars {
    display: inline-block;
    width: 33%;
}

.reviews-list div ul li .rating-title {
    text-align: left;
    font-weight: 600;
    width: 65%;
    display: inline-block;
}

.reviews-list div ul li .stars1 {
    background: url('http://servattaportal.webpythons.com/public/images/stars-sprite.png') no-repeat -7px -86px;
    width: 94px;
    height: 15px;
    display: block;
}

.reviews-list div ul li .stars2 {
    background: url('http://servattaportal.webpythons.com/public/images/stars-sprite.png') no-repeat -7px -68px;
    width: 94px;
    height: 15px;
    display: block;
}

.reviews-list div ul li .stars3 {
    background: url('http://servattaportal.webpythons.com/public/images/stars-sprite.png') no-repeat -7px -49px;
    width: 94px;
    height: 15px;
    display:block
}

.reviews-list div ul li .stars4 {
    background: url('http://servattaportal.webpythons.com/public/images/stars-sprite.png') no-repeat -7px -29px;
    width: 94px;
    height: 15px;
    display:block;
}

.reviews-list div ul li .stars5 {

        background: url('http://servattaportal.webpythons.com/public/images/stars-sprite.png') no-repeat -7px -7px;
    width: 94px;
    height: 15px;
    display:block;
}


.reviews-list div ul li .stars0 {

    background: url('http://servattaportal.webpythons.com/public/images/stars-sprite.png') no-repeat -7px -103px;
    width: 94px;
    height: 15px;
    display:block;
}

.reviews-list {
    padding: 90px 0 100px;
}

section.reviews-list {
    background: #fff;
}



.post-reviews .vc_col-sm-6 {
    width: 48%;
    display: inline-block;
}

.reviews-list div ul li .rating-stars .stars i {
    display: inline-block !important;
    height: unset !important;
    width: unset !important;
    padding: 0px !important;
    margin: 0px !important;
    top: 0px;
    position: static;
    float: left;
    margin-right: 6px !important;
}

.reviews-list div ul li .rating-stars span.stars {
    display: inline-block;
    float: right;
    position: absolute;
    top: -10px;
    width: 120px;
    left: 0px;
}

.reviews-list div ul li .rating-stars {
    position: relative;
}

.reviews-list div ul li .rating-stars .stars i:before {
    color: #bdbbbc;
}

.reviews-list div ul li .rating-stars span.stars.f5plus  i:nth-child(1):before,
.reviews-list div ul li .rating-stars span.stars.f5plus  i:nth-child(2):before,
.reviews-list div ul li .rating-stars span.stars.f5plus  i:nth-child(3):before,
.reviews-list div ul li .rating-stars span.stars.f5plus  i:nth-child(4):before,
.reviews-list div ul li .rating-stars span.stars.f5plus  i:nth-child(5):before,
.reviews-list div ul li .rating-stars span.stars.f5plus  i
{
    color: #eca807;
}

.reviews-list div ul li .rating-stars span.stars.f5 i:nth-child(1):before, .reviews-list div ul li .rating-stars span.stars.f5 i:nth-child(2):before, .reviews-list div ul li .rating-stars span.stars.f5 i:nth-child(3):before, .reviews-list div ul li .rating-stars span.stars.f5 i:nth-child(4):before, .reviews-list div ul li .rating-stars span.stars.f5 i:nth-child(5):before, .reviews-list div ul li .rating-stars span.stars.f5plus i:nth-child(6):before {
    color: #eca807;
}

.reviews-list div ul li .rating-stars span.stars.f4  i:nth-child(1):before,
.reviews-list div ul li .rating-stars span.stars.f4  i:nth-child(2):before,
.reviews-list div ul li .rating-stars span.stars.f4  i:nth-child(3):before,
.reviews-list div ul li .rating-stars span.stars.f4  i:nth-child(4):before {
    color: #eca807;
}

.reviews-list div ul li .rating-stars span.stars.f3  i:nth-child(1):before,
.reviews-list div ul li .rating-stars span.stars.f3  i:nth-child(2):before,
.reviews-list div ul li .rating-stars span.stars.f3  i:nth-child(3):before{
    color: #eca807;
}

.reviews-list div ul li .rating-stars span.stars.f2  i:nth-child(1):before,
.reviews-list div ul li .rating-stars span.stars.f2  i:nth-child(2):before{
    color: #eca807;
}

.reviews-list div ul li .rating-stars span.stars.f1  i:nth-child(1):before{
    color: #eca807;
}


section.post-reviews {
    background: #f4f4f4;
    padding: 30px 0;
}

section.post-reviews h2,section.post-reviews h3 {
    color: #000;
    font-size: 28px !important;
    letter-spacing: 0;
    font-weight: 600 !important;
    padding-left: 15px !important;
    margin: 0 0 9px 0 !important;
    font-family: 'Roboto Condensed',sans-serif !important;
    text-transform: uppercase;
}

ul.form-fields {
    margin: 0;
}

ul.form-fields li {
    margin-bottom: 17px;
}

ul.form-fields li input[type="text"], ul.form-fields li input[type="email"], ul.form-fields li textarea {
    display: block;
    width: 100%;
    padding: 10px 12px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.review-form {
}

section.post-reviews .container {
    padding: 0 80px;
}

.rating-form {
    background: #fff;
    padding: 15px 0px 15px 15px !important;
    margin-bottom: 12px !important;
    border-radius: 7px;
    border: #e8e8e8 1px solid;
}

.rating-form h4 {
    margin: 0 0 10px 0 !important;
    color: #e39501;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-family: 'Roboto Condensed',sans-serif !important;
    text-transform: uppercase;
}

ul.rating-fields {margin: 0}

ul.rating-fields li {
    padding: 0px 0;
}

ul.rating-fields li .rating-title {
    display: inline-block;
    width: 65%;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Josefin Sans',sans-serif !important;
}

ul.rating-fields li .rating-stars {
    /* width: 33%; */
    display: inline-block;
}
.reviews-list [class*="col-md-"]>div input[type="text"] {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 8px;
    color: #010101;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 9px;
    width: 100%;
    text-align: center;
}

.rating-stars .glyphicon {
    font-size: 19px;
    margin: 0 3px;
        color: #f3bc05;
}


.clear {
    clear: both;
}
ul.form-fields li textarea {
    height: 121px;
}

ul.form-fields li:last-child {
    margin: 0;
}
section.services_page_content h1.page-tile {
    font-weight: 600;
    letter-spacing: -1px;
    text-transform: capitalize;
}

section.services_page_content a {
    background: #21aecb;
    color: #fff;
    display: inline-block;
    padding: 11px 29px;
    border-radius: 3px;
    text-decoration: none !important;
    font-weight: 600;
    text-transform: uppercase;
}
ul.edit-fields {
    font-size: 13px;
    color: #6b6b6b;
    background: #fff;
    box-shadow: #dadada 0px 0 16px;
    border-radius: 1px;
    padding: 19px;
    position: relative;
    border: #dadada 1px solid;
    margin: 8px 15px;
    text-align: left;
}
section.post-reviews h3 {
    font-size: 23px !important;
    color: #dea301;
    margin-bottom: 20px !important;
}
ul.edit-fields li {
    margin-bottom: 11px;
    color: #000;
}
section.services_page_content a i {
    display: inline-block;
    margin-top: 1px;
    font-size: 20px;
}
ul.edit-fields label {
    display: block;
    font-size: 13px;
}

section.post-reviews input[type="submit"] {
    background-image: linear-gradient(#df9a01, #e49201, #ec8402) !important;
    display: block;
    margin: 25px auto 0;
    width: 280px;
    color: #fff;
    padding: 12px;
    clear: both;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 4px;
}
.star-rating-main-box .star-rating-large .star-rating {
    font-size: 30px;
    height: 30px;
    margin-left: 6px;
    width: 30px;
}
.star-rating-main-box .star-rating {
    display: inline-block;
    position: relative;
    text-align: left;
}
.star-rating-main-box .star-rating:before {
    color: #9a9a9a;
    content: "\f005";
    font-size: 100%;
    line-height: 29px;
    position: absolute;
    text-align: left;
    font-family: fontawesome;
}
.star-rating-main-box .star-ratings {
    color: #ffd401;
    font-size: 100%;
    height: 100%;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    text-align: left;
}
.star-rating-main-box .star-ratings:before {
    content: "\f005";
    margin: 0;
    font-family: fontawesome;
}

 

.star-rating-main.star-rating-large {
    margin: 10px 0;
}

.star-rating-main.star-rating-large>div strong {}

.star-rating-main.star-rating-large>div>strong {}

.star-rating-main.star-rating-large+div+strong {}

.star-rating-main.star-rating-large+strong {
    font-size: 15px;
}

.star-rating-main.star-rating-large+strong a {
    color: #21aecb;
}

section.inner_banner h2+p {
    font-size: 17px;
    font-weight: 600;
}


form ul.rating-fields li .rating-stars i {
    width: unset;
    height: unset;
}

form ul.rating-fields li .rating-stars i:hover:before {
    color: #eca807;
}

form ul.rating-fields li .rating-stars i:before {transition: all 0.01s linear;}

form ul.rating-fields li .rating-stars i {
    cursor: pointer;
    width: 30px;
    text-align: center;
    margin: 0px -3px;
}

section.post-reviews .vc_col-sm-6 {
    padding: 0px 15px;
}


form ul.rating-fields li .rating-stars i:hover ~ i:before {
    color: #eca807;
}

form ul.rating-fields li .rating-stars {
       unicode-bidi: bidi-override;
    direction: rtl;
    text-align: center; 
}


.post-reviews #file-upload {
  position: absolute;
  left: -9999px;
}

.post-reviews label[for="file-upload"] {
  padding: 9px;
  display: inline-block;
  background-image: linear-gradient(#df9a01, #e49201, #ec8402) !important;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Poppins',sans-serif !important;
}
.post-reviews label[for="file-upload"]:hover {
  background: #13529f;
  background-image: linear-gradient(#df9a01, #e49201, #ec8402) !important;
}

.post-reviews #filename {
  padding: 7px 12px;
  float: left;
  width: 87%;
  white-space: nowrap;
  overflow: hidden;
  background: transparent;
  border: 2px solid #e98b02;
  font-family: 'Poppins',sans-serif !important;
}


form ul.rating-fields li .rating-stars.s1 i ~ i:nth-child(n+6):before {
    color: #eca807;
}

form ul.rating-fields li .rating-stars.s2 i ~ i:nth-child(n+5):before {
    color: #eca807;
}

form ul.rating-fields li .rating-stars.s3 i ~ i:nth-child(n+4):before {
    color: #eca807;
}

form ul.rating-fields li .rating-stars.s4 i ~ i:nth-child(n+3):before {
    color: #eca807;
}

form ul.rating-fields li .rating-stars.s5 i ~ i:nth-child(n+2):before {
    color: #eca807;
}

form ul.rating-fields li .rating-stars.s5plus i:nth-child(n+1):before, form ul.rating-fields li .rating-stars.s5plus i  {
    color: #eca807;
}

.post-reviews h1.beforesend {
    padding: 14px 49px !important;
    font-size: 40px !important;
    font-family: 'Josefin Sans',sans-serif;
    font-weight: 300;
    line-height: 57px;
    color: #13529f;
    text-align: center;
}

section.post-reviews h1.successsend {
    padding: 14px 49px !important;
    font-size: 40px !important;
    font-family: 'Josefin Sans',sans-serif;
    font-weight: 300;
    line-height: 57px;
    color: #13529f;
    text-align: center;
}


.rating-form.requiredrating {
    border: 1px solid red;
}
span#filename.requiredrating {
    border-color: red;
}

.reviews-list div i img {
    width: 150px !important;
    height: 100px !important;
    object-fit: cover;
}

.post-reviews li {
    list-style-type: none;
}

@media (max-width:1000px){
.reviews-list .vc_col-sm-4 {
    width: 100%;
}

.reviews-list div p {
    padding-bottom: 0px;
}

.reviews-list div i img {
    margin-bottom: 0px !important;
}

.reviews-list div ul li .rating-title {
    width: 100%;
    text-align: center;
}

.reviews-list {
    padding: 70px 0 0px;
}

section.post-reviews .container {
    padding: 0 0px;
}

section.post-reviews h2, section.post-reviews h3 {
    width: 100%;
    text-align: center;
    padding: 0px 0px !important;
    font-size: 16px !important;
    margin-bottom: 0px !important;
}

section.post-reviews form#review_submit_form {margin-top: 20px;}

section.post-reviews .vc_col-sm-6 {
    width: 100%;
    text-align: center;
}

form ul.rating-fields li .rating-stars {
    width: 100%;
}

.post-reviews #filename {
    width: 100%;
    margin-bottom: 10px;
}

section.post-reviews input[type="submit"] {
    margin-top: 0px;
}   
    .reviews-list div ul li .rating-stars span.stars i {
    text-align: center;
}

.reviews-list div ul li .rating-stars span.stars {
    width: 95px !important;
    left: 0px !important;
    text-align: center;
    right: 0px;
    position: absolute;
    margin: 0 auto;
}

}


section.reviews-list:after {
    content: url('http://servattaportal.webpythons.com/public/images/fav.png');
    position: absolute;
    top: 220px;
    right: 100px;
    opacity: 0.1;
}
div#custom_toper ul li.contact a i.fa.fa-sign-in {
    background: red;
}

div#topbrands {
    text-align: center;
    padding-top: 60px !important;
    padding-bottom: 50px !important;
}

div#topbrands img {
    width: 95%;
    height: 100px;
    object-fit: cover;
    margin: 0 auto;
    padding: 6px 6px;
    box-shadow: 0px 0px 20px 2px #0000000d;
}

div#topbrands h1 {
    font-size: 30px;
    color: #2b313d;
    font-weight: 400;
    font-family: dr;
    line-height: 48px;
}

div#topbrands 
 .wpb_text_column.wpb_content_element {
    margin-bottom: 0px;
}

#topbrands .owl-stage {
    padding-bottom: 0px;
}

.reviews-list button.slick-prev.slick-arrow {
    right: 0px;
    left: -150px;
}

.reviews-list button.slick-arrow {
    width: 120px;
    height: 35px;
    border-radius: 4px !important;
    background: #ecb510;
    color: #000000;
    border: unset;
    position: absolute;
    left: 0px;
    right: -150px;
    bottom: -70px;
    margin: 0 auto !important;
}


div#topbrands .owl-dots {
    display: none;
}

div#topbrands a.morebrand {
    color: #fff;
    background: #FA9533;
    border: 0;
    border-radius: 0;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    font-weight: 400;
}

div#topbrands 
 .owl-nav.disabled {
    display: block !important;
}

div#topbrands .owl-nav.disabled button {
    border: 1px solid #FA9533 !important;
    padding: 6.5px 20px;
    font-size: 30px;
    line-height: 30px;
    border-radius: 6px !important;
    font-weight: 600;
    color: #333;
    background-color: #fff;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    bottom: -58px;
}

div#topbrands .owl-nav.disabled button span {
    height: unset !important;
}

div#topbrands .owl-nav.disabled button.owl-prev {
    left: -235px;
}

div#topbrands .owl-nav.disabled button.owl-next {
    right: -235px;
}

#services ul.up li a {
    width: 24%;
    display: inline;
}
#services ul.up li label:hover {
    cursor: pointer;
}

#about.servata_support p {
    font-size: 16px;
}

#about.servata_support h1 {
    font-size: 24px;
    color: #2b313d;
    font-weight: 400;
    font-family: dr;
    line-height: 48px;
}

#about.servata_support ul {
    margin: 40px 0px 30px;
    padding: 0px;
}

#about.servata_support ul li {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    text-align: center;
    list-style-type: none;
}

#about.servata_support ul li i {
    background: #090682;
    width: 106px;
    height: 106px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #fff;
    font-size: 30px;
    margin: 0 auto;
}

#about.servata_support ul li h2 {
    font-size: 18px;
    color: #2b313d;
    font-weight: 400;
    font-family: dr;
    margin: -20px 0px 0px;
}

#about.servata_support ul li p {}

#about.servata_support ul li p label {
    display: block;
}

div.servata_support ul li p a {}

#about.servata_support p a {
    padding: 0px 10px;
}

#about.servata_support ul li:before {
    display: none;
}

#Careers_page h2 {
    font-size: 22px;
    color: #2b313d;
    font-weight: 500;
    font-family: dr;
    margin: 6px 0px 12px;
}

#Careers_page h1 {
    font-size: 30px;
    color: #2b313d;
    font-weight: 600;
    font-family: dr;
    position: relative;
    border-bottom: 1px dotted #cacaca;
    line-height: 50px;
    margin: 12px 0px 20px !important;
}

#Careers_page p,#Careers_page li {
    font-size: 14px;
    font-weight: 400;
    color: #555555;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    padding-bottom: 12px;
}

#Careers_page h1:after {content: "";width: 100px;height: 2px;background: #ecb510;position: absolute;left: 0px;bottom: -1px;z-index: 99;}

#Careers_page a {
    margin: 15px 0px 20px;
    width: 220px;
    height: 50px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    letter-spacing: 0px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    border-radius: 4px;
    background: #ecb510;
}
div#Careers_page {
    padding-top: 75px !important;
    padding-bottom: 100px !important;
}

body.blog #sidebar {
    border: 1px solid #cacaca;
    border-radius: 4px;
    box-shadow: 0px 0px 30px 3px #0000001f;
    padding: 30px 20px;
}

body.blog #sidebar div#search-2 {
    margin-bottom: 20px;
}

body.blog #sidebar h4 {
    color: #000;
    border-bottom: 1px solid #cacaca;
}

body.blog #sidebar ul {
    margin-bottom: 0px !important;
}

body.blog #sidebar div.widget {
    margin-bottom: 20px;
}


div#mega-menu-wrap-top_nav {
    background: transparent !important;
    height: unset !important;
    padding-top: 20px;
}

#top nav ul li {
    float: unset !important;
}

#top nav ul li a {
    padding: 0px !important;
    font-size: 10px !important;
    color: #000000 !important;
    text-transform: capitalize !important;
    font-weight: 500 !important;
    margin: 0px 4px !important;
    font-family: 'Montserrat', sans-serif !important;
    background: transparent !important;
}

#top nav ul li#mega-menu-item-19 a {
    border: 2px solid #ecb510 !important;
    background: transparent !important;
    margin: 0px 10px 0px 10px !important;
    width: 140px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

#top nav ul li#mega-menu-item-26 a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 150px !important;
    height: 40px !important;
    border-radius: 4px !important;
    background: #ecb510 !important;
    margin: 0px 0px !important;
    color: #000000 !important;
}

#top nav ul li#mega-menu-item-26 a img {
    width: 32px;
    margin-right: 7px;
    margin-top: 12px;
}

#top nav ul.mega-sub-menu li a {
    padding: 0px 12px !important;
    border-bottom: 1px solid #cacaca !important;
}

#top nav .textwidget.custom-html-widget {
    overflow-x: hidden;
    height: 400px;
    overflow-y: scroll;
    display: none;
}

#top nav .textwidget.custom-html-widget p {
    font-size: 14px !important;
    padding-bottom: 6px !important;
    margin-top: 20px !important;
}

#top nav .textwidget.custom-html-widget b {}

#top nav .textwidget.custom-html-widget i {}

#top nav .textwidget.custom-html-widget ul {
    margin: 0px !important;
    opacity: 1;
    position: static;
    transform: unset !important;
    pointer-events: unset;
    left: 0px !important;
    width: 100% !important;
    display: block !important;
    background: transparent !important;
    box-shadow: unset !important;
}

#top nav .textwidget.custom-html-widget li {
    display: block;
    font-size: 14px !important;
    width: 100% !important;
    transform: unset !important;
    height: unset;
    background: transparent !important;
    position: relative;
    padding-left: 20px !important;
    line-height: 22px !important;
    margin-bottom: 10px;
}

#top nav .textwidget.custom-html-widget li:before {content: "";position: absolute;left: 0px;top: 9px;width: 4px;height: 4px;background: #ecb510 !important;border-radius: 100px !important;}
#top nav ul li#mega-menu-item-23 ul.mega-sub-menu {
    width: 80% !important;
    margin-left: 90px;
}

#top nav ul li#mega-menu-item-23 ul.mega-sub-menu ul {
    width: 100% !important;
        margin-left: 0px;
}

div#contactus form p.full input.wpcf7-form-control.wpcf7-file {
    padding-top: 14px !important;
    padding-left: 10px !important;
}

 #top nav li:hover .textwidget.custom-html-widget {
    display: block;
}

body.material #header-outer #top nav > .buttons > li#search-btn {
    position: absolute;
    top: -63px;
    right: 690px;
}



body #header-outer .icon-salient-search:before, body.material #header-outer .icon-salient-search:before {
    color: #fff;
    background: #090682;
    border-radius: 100px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
}

.material #search-outer #search, .material #header-outer #search-outer {
    z-index: 9999999 !important;
}

#header-outer:not([data-format="left-header"]) #top > .container > .row nav {
    position: unset !important;
}
div#custom_toper ul li.contact:hover ul {
    display: block !important;
    position: absolute;
    top: 40px;
    border: 1px solid #cacaca;
}

div#custom_toper ul li.contact:hover ul li {
    background: #fff;
    border-bottom: 1px solid #cacaca;
    width: 100%;
    padding: 2px 10px;
}

div#custom_toper ul li.contact:hover ul li:last-child {
    border-bottom: unset !important;
}

div#custom_toper ul li.contact:hover ul li a {
    font-size: 12px !important;
}
a#to-top {
    right: unset !important;
    left: 20px;
    background: red !important;
    font-size: 20px !important;
}
#mega-menu-wrap-top_nav #mega-menu-top_nav > li#mega-menu-item-124 > a {
    display: none;
}
body.page-id-14 #mega-menu-wrap-top_nav #mega-menu-top_nav > li#mega-menu-item-24 > a {
    display: none;
}
body.page-id-14 #mega-menu-wrap-top_nav #mega-menu-top_nav > li#mega-menu-item-124 > a {
    display: inline-block;
}
body.page-id-122 #mega-menu-wrap-top_nav #mega-menu-top_nav > li#mega-menu-item-24 > a {
    display: none;
}
body.page-id-122 #mega-menu-wrap-top_nav #mega-menu-top_nav > li#mega-menu-item-124 > a {
    display: inline-block;
}
body.page-id-82 #mega-menu-wrap-top_nav #mega-menu-top_nav > li#mega-menu-item-24 > a {
    display: inline-block;
}
body.page-id-82 #mega-menu-wrap-top_nav #mega-menu-top_nav > li#mega-menu-item-124 > a {
    display: none;
}
#Careers_page a.digital_link {
    background: transparent;
    color: #090682;
    font-size: 16px;
    padding: 0px 0px !important;
    width: unset;
    height: unset;
    margin: 20px 0px 5px !important;
}



/*user Profile*/

.userprofilediv {
    position: relative;
    top: -239px;
    z-index: 2;
}

.userprofilediv img {
    margin: 0 !important;
}

.userprofilediv .div1 {
    height: 239px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.userprofilediv h2.heading2 {
    color: #fff;
    font-family: dr !important;
    font-weight: 400;
}


.userprofilediv span.stars.f5 {
    color: #ffd953;
}

.userprofilediv ul li {
    list-style: unset;
    /* background: #fff; */
}

.userprofilediv ul {
    margin-left: 0 !important;
}
.userprofilediv a.appointmentbtn {font-family: dr !important;background: #fff;padding: 11px 30px 11px 24px;color: #000;position: relative;letter-spacing: 1px;}

.userprofilediv a.appointmentbtn:before {
    position: absolute;
    content: url(http://servattaportal.webpythons.com/public/images/b_arr.png);
    right: 9px;
    top: 3px;
}

.userprofilediv h3.uname {
    font-size: 21px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
}

.userprofilediv p.ucategory {
    width: 80%;
    line-height: 22px;
}

.userprofilediv .sec1 {
    padding-top: 20px;
    border-bottom: 1px solid #cccccc8a;
    padding-bottom: 24px;
}
.userprofilediv .sec2 {
    padding-top: 30px;
}
.userprofilediv .groupdiv2 {
    padding-top: 44px;
}

.userprofilediv h4.heading4 {
    color: #22212a;
    font-size: 16px;
    font-family: dr;
    font-weight: 400;
}

.userprofilediv .div2 {
    padding-bottom: 20px;
}

.userprofilediv .div2 ul.ullipara {
    margin-bottom: 0;
}

.userprofilediv .div3 {
    padding-top: 30px;
}

.userprofilediv .div3 img {
    width: 100% !important;
}

.userprofilediv .groupdiv3 {
    padding-top: 50px;
}

.userprofilediv h3.heading3 {
    color: #22212a;
    font-size: 19px;
    font-family: dr;
    font-weight: 400;
}

.userprofilediv p.sort {
    text-align: right;
}

.userprofilediv p.sort img {
    margin-left: 15px !important;
}

.userprofilediv h1.rating1 {
    color: #0081ff;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}

#testi .item h4 {
    font-size: 28px;
    color: #090682;
    text-align: center;
    font-family: 'Playball', sans!IMPORTANT;
    font-style: italic;
    font-weight: 400 !important;
}
div#testi {
    padding-top: 110px !important;
    padding-bottom: 70px !important;
}
#testi .item h6 {
    text-align: center;
    font-size: 14px;
    color: #090682;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

#testi .item {
    max-width: 43% !important;
    margin: 0 auto;
}
.userprofilediv span.blue {
    float: right;
    color: #0081ff;
    position: relative;
}

.userprofilediv span.blue:before {
    position: absolute;
    content: "................................................................................";
    color: #000;
    left: -303px;
    top: -4px;
    z-index: 0;
}


.userprofilediv ul.info a {
    color: #3799ca;
    margin-left: 16px;
}

.userprofilediv ul.info li {
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


.userprofilediv ul.info li:last-child {
    border-top: 0;
}

.userprofilediv p.address {
    padding-bottom: 14px !important;
}

.userprofilediv span.rating-title {
    color: #fff;
}

.userprofilediv .sec3 {
    border-bottom: 1px solid #cccccc8a;
    padding-bottom: 0px;
    border-top: 1px solid #cccccc8a;
    margin-top: 124px !IMPORTANT;
    padding-top: 19px;
}

.userprofilediv .sec4 {
    border-top: 1px solid #cccccc8a;
    padding-top: 16px;
}

.userprofilediv .sec3 span.rating-title {
    color: #000;
}





/*search profile*/


.section3 .col {
    margin-right: 1%;
}

.section2 {
    padding-top: 50px;
    padding-bottom: 30px;
}

.section2 h2.heading2 {
    text-align: center;
    color: #2b313d;
    font-family: dr;
    font-weight: 400;
}

.section2 h3.headin3 {
    text-align: center;
}

.section3 h4.h4name {
    color: #22212a;
    font-family: dr;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 21px;
    margin-top: 12px;
}

.section3 p.parap {
    padding: 0;
    font-size: 12px;
    line-height: 20px;
}

.section3 b.bbold {
    padding-bottom: 28px !IMPORTANT;
    display: block;
    color: #000;
}

.section3 span.count {
    margin-left: 5px;
}

.section3 i.fa.fa-arrow-right {
    margin-left: 10px;
}

.section3 li.first {list-style: none;}

.section3 ul {
    margin-left: 0;
}

.section3 i.fa.fa-star {
    color: #ffd953;
}

.profile_pic {
    width: 100%;
}

.profile_pic img {
    min-width: 66% !important;
    max-height: 239px;
}

/*pricing table*/

.radus h1 {
    color: #ffffff !important;
    font-family: Lobster;
    margin-bottom: 22px;
}

.radus:before {
    border-radius: 8px !important;
    border: 1px solid;
}

.radus {
    padding: 30px 0 30px;
}

a.rate {
    display: block;
    width: 155px;
    position: relative;
    height: 155px;
    margin: auto;
    padding: 33px 0 0;
    background-color: #ffffff;
    border: 9px solid #ffbf029c;
    border-radius: 100px !important;
    font-size: 35px;
    color: #000000;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    text-align: center;
}
.pricingpage h2.heading2 {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif !important;
    margin-bottom: 30px;
}
a.rate small {
    display: block;
    font-size: 15px;
    color: #ffbf02;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 16px;
    margin-top: 9px;
}
.tabletop .wpb_wrapper {
    background: linear-gradient(to bottom, #ecb510 83%, #ffffff  30%);
    padding-top: 30px;
    border: 1px transparent;
    border-radius: 9px;
}

.tabletop h1 {
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    margin-bottom: 15px;
    font-size: 29px;
    line-height: 35px;
    text-align: center;
}

.tabletop h1 small {
    font-size: 14px;
    display: block;
    line-height: 21px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif !important;
}
.tabledetails .wpb_wrapper {
    padding: 14px;
    padding-bottom: 20px;
    border-bottom: 1px solid transparent;
    border-radius: 0 0 10px 10px;
    background: #ffffff;
}

.tabledetails  p {
    border-bottom: 1px solid #c4c4c4;
    padding: 13px 7px;
    line-height: 21px;
    color: #000;
}

.tabledetails p:last-child {
    border-bottom: none;
}

a.rate:after {
    content: "";
    /* position: absolute; */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(transparent));
    background-image: -webkit-linear-gradient(#000, transparent);
    background-image: -moz-linear-gradient(#000, transparent);
    background-image: -o-linear-gradient(#000, transparent);
    border-color: linear-gradient(#000, transparent);
    top: 4px;
    /* bottom: -3px; */
    /* width: 3px; */
}

i.overlayer {
    width: 100%;
    position: absolute;
    /* background: white; */
    left: 0;
    right: 0;
    height: 43px;
    bottom: 0;
    opacity: 0.8;
    z-index: 0;
}

.tabletop p {
    position: relative;
}
.container.pricingpage .vc_col-sm-3 {
    width: 23%;
    border: 1px solid #00000024;
    border-radius: 10px;
    margin-bottom:30px;
}

.container.pricingpage {
    padding-top: 70px;
    padding-bottom: 70px;
}
.tablerow .col2 .tabletop .wpb_wrapper {
    background: linear-gradient(to bottom, #ffbf02 83%, #ffffff  30%);
}

.tablerow .col2 .tabletop .wpb_wrapper a.rate {
    border-color: #e6ad03;
}

.textafter p {font-size: 18px;font-weight: 600;    margin-top: 20px !important;}
.sub {
    width: 80%;
    margin: auto;
}

.tabledetails ul li {
    list-style: none;
    position: relative;
}
.row.pricingpager2 {
    background: #09068203;
    padding: 22px 35px !important;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    width:98%;
}

.row.pricingpager2 a {
    font-size: 15px;
    font-weight: 600;
    /*background: #ecb51024;*/
    padding: 3px 16px;
    border-radius: 5px;
    padding-right:4px;
}
.tabledetails ul li:before {
    position: absolute;
    content: "\f00c";
    font-family: 'FontAwesome';
    left: -17px;
    color: #0a0783;
    top: 11px;
}
.tabledetails select {
    font-size: 14px;
    padding: 13px;
}
.vc_col-sm-3.col2 .tabletop .wpb_wrapper {
    background: linear-gradient(to bottom, #5d5bad 83%, #ffffff 30%);
    position: relative;
}
.tabledetails ul li img {
    margin: 0 !important;
}
.tabledetails ul li p a {
    position: absolute;
    right: 0;
}
.vc_col-sm-3.col2 .tabletop .wpb_wrapper:before {
    position: absolute;
    content: "Most Popular";
    background: #ecb510;
    color: #fff;
    font-weight: 600;
    padding: 1px 11px;
    right: -5px;
    top: -5px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.vc_col-sm-3.col2 a.rate{

        border: 9px solid #090682a8;
}

.vc_col-sm-3.col3 a.rate small{
color: #090682;
    
}
.pricingpager1 input.startmembership {
    border: 2px solid #ecb510 !important;
    background: transparent !important;
    max-width: 236px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #000;
    margin: 0 auto !important;
    text-align: center;
}

.pricingpager1 form {
    text-align: center;
    padding-bottom: 30px;
}
.pricingpager2 p {
    color: #000;
}
/*pricing table*/

/*toggle*/
.pricingpage *
{
    user-select: none;
    -webkit-tap-highlight-color:transparent;
}

.pricingpage *:focus
{
    outline: none;
}


.pricingpage #app-cover
{
    display: table;
    width: 600px;
    margin: 80px auto;
    counter-reset: button-counter;
}


.pricingpage .toggle-button-cover
{
    display: table-cell;
    position: relative;
    width: 500px;
    height: 60px;
    box-sizing: border-box;
}

.pricingpage .button-cover
{
    height: 60px;
    margin: 0px;
    background-color: transparent;
    box-shadow: unset;
    border-radius: 4px;
}

.pricingpage .button-cover:before
{
    counter-increment: button-counter;
    content: counter(button-counter);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d7e3e3;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
}

.pricingpage .button-cover,.pricingpage  .knobs,.pricingpage  .layer
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.pricingpage .button
{
    position: relative;
    top: 50%;
    width: 131px;
    height: 36px;
    margin: -20px auto 0 auto;
    overflow: hidden;
}

.pricingpage .button.r,.pricingpage  .button.r .layer
{
    border-radius: 100px;
}

.pricingpage .button.b2
{
    border-radius: 2px;
}

.pricingpage .checkbox
{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.pricingpage .knobs
{
    z-index: 2;
}

.pricingpage .layer
{
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}

/* Button 10 */
.pricingpage #button-10 .knobs:before,.pricingpage  #button-10 .knobs:after,.pricingpage  #button-10 .knobs span
{
    position: absolute;
    top: 4px;
    width: 47px;
    height: 10px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
}

.pricingpage #button-10 .knobs:before
{
    content: '';
    left: 4px;
    background-color: #03A9F4;
}

.pricingpage #button-10 .knobs:after
{
    content: 'Yearly';
    right: 4px;
    color: #4e4e4e;
}

.pricingpage #button-10 .knobs span
{
    display: inline-block;
    left: 4px;
    color: #fff;
    z-index: 1;
}

.pricingpage #button-10 .checkbox:checked + .knobs span
{
    color: #4e4e4e;
}

.pricingpage #button-10 .checkbox:checked + .knobs:before
{
    left: 72px;
    background-color: #F44336;
}

.pricingpage #button-10 .checkbox:checked + .knobs:after
{
    color: #fff;
}
.row.pricingpager0 {
    margin: -20px auto 0;
    width: 41%;
}
.pricingpage #button-10 .checkbox:checked ~ .layer
{
    background-color: #fcebeb;
}

/*toggle*/


div#page-header-wrap {
    /* margin-top: 164px !important; */
}

.pricingpage .button-cover{
    position:relative;
}
.pricingpage .button-cover:before {background-image: url(http://servattaportal.webpythons.com/images/zoholike.svg);background-size: auto;display: inline-block;content: '';position: absolute;background-position: -415px -29px;width: 38px;height: 13px;right: 130px;box-sizing: content-box;bottom: -32px;z-index: 999999;opacity: 1;}

.pricingpage .button-cover:after {
    content: "Get 2 Months FREE";
    position: absolute;
    color: #0060ff;
    text-transform: uppercase;
    bottom: -20px;
    right: 19px;
    font: 700 12px/1 'Roboto';
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.innr-pg1 a.btn.mega-menu-link {
    font-weight: 600;
    float: right;
    color: #0d107b;
    border: 1px solid;
    border-radius: 5px;
    padding: 4px 10px;
    margin-bottom: 10px;
}

.profile .pic img {
    width: 100% !important;
}



.sidebar .menu-tab ul li ol.innermenu1 li {
    color: #ecb510 !important;
    background: #ecb510;
    border: 1px solid #00000026 !important;
    margin: 0;
    border-radius: 0;
}


.sidebar ol.innermenu1 {
    position: absolute;
    right: -121px !important;
    left: unset !important;
    z-index: 1;
    background: transparent;
    width: auto;
    top: -5px;
}

.sidebar li.upgrade {
    position: relative;
}

#services .row-bg-overlay {
    background: #fff;
}

video#myVideo {
    width: 100%;
}


p.register_account_verification {
    width: 85% !important;
    text-align: center;
    margin: 50px auto;
    box-shadow: 0px 0px 30px 3px #0000000d;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding: 40px 50px;
    font-size: 16px;
}

p.register_account_verification b,p.register_account_verification span {
    font-weight: 600;
    color: #ecb510 !important;
}

#register_customer_button{
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    border-radius: 4px !important;
    background: #ecb510;
    border: unset;
    padding: 12px 60px;
    cursor: pointer;    
}

.col-md-12.error_login {
    text-align: center;
    font-size: 14px;
    background: red;
    color: #fff;
    padding: 6px 0px;
    margin-bottom: 15px;
}


section#my_custom_generated_page  {
    padding-top: 60px;
    padding-bottom: 60px;
}

section#my_custom_generated_page  .full_container {
    width: 55%;
    margin: auto;
    padding: 40px 40px;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 10%);
    border-radius: 7px;
    background-color: #ffffff;
    border-top: 5px solid #ecb510;
    border-bottom: 5px solid #ecb510;
}
section#my_custom_generated_page  h3, section#my_custom_generated_page  h3 {
    margin-bottom: 15px;
    position: relative;
    font-weight: 300;
    font-size: 30px;
}
section#my_custom_generated_page  span.highlight {
    color: #ecb510;
    font-weight: bold;
}
section#my_custom_generated_page  h3:after {
    content: "";
    height: 4px;
    width: 50px;
    background: #ecb510;
    position: absolute;
    left: 4px;
    bottom: -10px;
}

section#my_custom_generated_page form#contact_form input {
    background: #fcfcfc;
}

section#my_custom_generated_page form#contact_form input, section#my_custom_generated_page form#contact_form select, section#my_custom_generated_page form#contact_form textarea {
    margin-bottom: 20px;
    padding: 25px 30px;
    width: 100%;
    color: #000;
    border: 2px solid #ced4da;
    background: #fcfcfc;
    font-weight: 400;
}
section#my_custom_generated_page .form-control {
        display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
section#my_custom_generated_page form#contact_form input.form-control.submit_btn {
    color: #fff;
    max-width: 150px;
    background: #ecb510;
    padding: 0;
    height: 50px;
    font: 16px Montserrat;
    font-weight: 500;
    outline: unset !important;
    border: unset;
    transform: unset;
    box-shadow: unset !important;
    margin-bottom: 0px;
}
section#my_custom_generated_page a.forget_pswd {
    color: #e32b3b;
    font: 14px Montserrat;
    float: right;
    margin-top: 15px;
    border-bottom: 1px solid;
    text-decoration: unset;
}


section#my_custom_generated_page .col-md-12.error_login {
    background: red;
    text-align: center;
    color: #fff;
    font: 16px poppins;
    padding: 12px 0px;
    font-weight: 400;
    margin-bottom: 30px;
}

section#my_custom_generated_page .col-md-12.error_login b {
    font-weight: 600;
}
section#my_custom_generated_page .col-md-12.verified_success {
    background: green;
    text-align: center;
    color: #fff;
    font: 16px poppins;
    padding: 12px 0px;
    font-weight: 400;
    margin-bottom: 30px;
}

section#my_custom_generated_page .col-md-12.verified_success b {
    font-weight: 600;
}


section#my_custom_generated_page .col-md-6 {
    margin-left: 0px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-bottom: 0px;
}



div#custom_toper ul li#search-btn {
    vertical-align: top;
    position: relative;
    top: -3px;
    margin-right: 15px;
}

body.material #search-outer > #search form input[type="text"] {
    font-size: 25px !important;
    height: 60px !important;
}

body.material #search-outer > #search form span {
    margin-top: 2px;
}

body.material #search-outer #search #close a {
    top: -8px !important;
}

body.material #search-outer #search #close a span {
    font-size: 12px !important;
}

div#search {
    padding-top: 40px !important;
}

.swal2-modal h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
}


.shoppage ol.breadcrumb {
    margin: 40px 0px 40px;
    padding: 8px 20px;
    list-style-type: none;
    background: #eaeaea;
}

.shoppage ol.breadcrumb li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
}

li.breadcrumb-item {}

.shoppage ol.breadcrumb li a,.shoppage ol.breadcrumb li {
    font-weight: 600 !important;
    font-size: 14px;
}

.shoppage ol.breadcrumb li {margin-right: 12px;}

.shoppage ol.breadcrumb li a i {
    top: -1px;
    font-weight: 700;
    margin-left: 14px;
}

.shoppage .col-md-3 {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    margin-bottom: 50px;
}

.shoppage .col-md-3 img#product_image_set {
    width: 100%;
    height: 300px;
}

div#single-product .inner-related a.btn-addcart-show i {
    margin-right: 10px;
}

div#single-product .inner-related p {
    padding-bottom: 10px;
    text-align: center;
    padding-top: 6px;
}

div#single-product .inner-related p span {
    color: #8a94a7 !important;
    font-size: 20px;
    font-weight: 700;
}

div#single-product .inner-related p span.cross {
    text-decoration: line-through;
    font-size: 14px;
    color: red !important;
    margin-left: 8px;
}

div#menu-products-add {
    max-height: 400px;
    overflow: hidden;
    overflow-y: scroll;
}
div#menu-products-add::-webkit-scrollbar {
  width: 5px;
}

div#menu-products-add::-webkit-scrollbar-track {
  background: #f1f1f1;
}

div#menu-products-add::-webkit-scrollbar-thumb {
  background: #ac8c57;
}

div#menu-products-add {
    background: #fff;
    position: absolute;
    top: 59px;
    right: 0px;
    box-shadow: 0px 0px 30px 3px #0000000f;
    width: 300px;
    padding: 15px 6px;
    transition: all 0.3s linear;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 6px;
    z-index: 9999;
}

div#menu-products-add table tr td img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

div#menu-products-add table tr td {
    font-size: 12px;
    color: #000;
    line-height: 16px;
    padding: 10px 0px 10px !important;
    font-weight: 400;
    margin: 0px -4px !important;
    vertical-align: top;
}

div#menu-products-add table tr td label {
    display: block;
    color: #e32b3b;
    font-weight: 600;
    font-size: 14px;
    margin: 6px 0px 0px;
}

div#menu-products-add table tr {
    border-bottom: 1px solid #cacaca;
}

div#menu-products-add table tr td+td {padding-left: 10px;}

div#menu-products-add table tr td i {
    color: red;
    cursor: pointer;
}

div#menu-products-add table tr.total {
    background: #cacaca;
}

div#menu-products-add table tr.total td {
    font-size: 14px;
    text-align: center;
}

div#menu-products-add p.buttons {
    text-align: center;
    margin: 0px !important;
    padding-top: 10px;
    display: block;
}

#top nav ul div#menu-products-add p.buttons a {
       align-items: center;
       justify-content: center;
       background: #ecb510 !important;
       text-transform: capitalize !important;
       color: #FFF !important;
       font-size: 14px !important;
       font-weight: 600 !important;
       border-radius: 6px;
       border: unset;
       padding: 6px 0px !important;
       width: 100px;
       margin: 0px 10px !important;
       text-decoration: unset;
       display: inline-block;
}

li:hover div#menu-products-add {
    visibility: visible;
}
div#menu-products-add table {
    width: 100%;
    margin-bottom: 0px;
    border-collapse: collapse;
}


.add_to_cart_functionality li a.cart img {
    filter: brightness(0.5);
    margin: 0px;
    width: 35px !important;
    position: relative;
    top: 5px;
}
.add_to_cart_functionality li a.cart label#total_no_of_items {
    margin: 0px;
    position: absolute;
    top: 1px;
    right: -8px;
    border-radius: 100%;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ecb510;
}
.add_to_cart_functionality li {
    position: relative;
    padding-left: 0px;
}

div#custom_toper ul.add_to_cart_functionality {
    margin-left: 20px !important;
    position: unset !important;
}

#cartt ol.breadcrumb {
    margin: 40px 0px 40px;
    padding: 8px 20px;
    list-style-type: none;
    background: #eaeaea;
}

#cartt ol.breadcrumb li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
}

#cartt ol.breadcrumb li a,#cartt ol.breadcrumb li {
    font-weight: 600 !important;
    font-size: 14px;
}

#cartt ol.breadcrumb li {margin-right: 12px;}

#cartt ol.breadcrumb li a i {
    top: -1px;
    font-weight: 700;
    margin-left: 14px;
}


div#cartt {
}

div#cartt nav {
    margin-bottom: 50px;
}
.cart-subtotal th, .cart-subtotal td, .order-total th, .order-total td {
    padding: 12px 20px !important;
}

div#cartt input.input-text.qty.text {
    padding: 0px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    background: transparent;
    pointer-events: none;
}
div#cartt input.minus, div#cartt input.plus {
    outline: unset;
}
#cartt table.main_table a.remove-icon {
    background: transparent !important;
    color: red !important;
    cursor: pointer;
    font-size: 25px;
}

#cartt table.main_table img.chk-img {
    object-fit: cover;
    width: 200px;
}

#cartt table.main_table th,#cartt table.main_table td {
    text-align: left;
    vertical-align: top;
}



#cartt table.main_table thead td {
    color: #000;
    font-weight: bold;
}

div#cartt input.minus, div#cartt input.plus{
    color: #666!important;
    background-color: transparent;
    background-image: none;
    display: inline-block;
    vertical-align: middle;
    border: none;
    position: relative;
    box-shadow: 0 2px 12px rgb(0 0 0 / 8%);
    -webkit-transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
    border-radius: 50px!important;
    -webkit-appearance: none;
    width: 35px;
    height: 35px;
    line-height: 24px!important;
    z-index: 100;
    color: #fff;
    border-radius: 50px;
    text-shadow: none;
    padding: 0;
        font-size: 16px;
        font-weight: 400;
}

table.table.endtotal {width: 100%;}

section#my_custom_generated_page h4 {
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    margin: 25px 0px -5px;
}

section#my_custom_generated_page label {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 0 auto;
    width: 100%;
    line-height: 24px;
    display: block;
    margin-bottom: 6px;
}

section#my_custom_generated_page label i {
    color: #ecb510;
    font-size: 14px;
    margin-right: 5px;
}

section#my_custom_generated_page .col-md-4 {
    display: inline-block;
    vertical-align: top;
    width: 40%;
}

section#my_custom_generated_page .col-md-8 {
    display: inline-block;
    vertical-align: top;
    width: 59%;
}

section#my_custom_generated_page .col-md-12 a {
    float: unset;
    display: block;
    text-align: right;
    width: 165px;
    margin-left: auto;
}

section#my_custom_generated_page .col-md-8.col-sm-12 {
    width: 100%;
}

div#home_1_video video {
    width: 100%;
    height: 400px;
}