/*
Theme Name:         DFD Native | Shared By VestaThemes.com
Theme URI:          http://nativewptheme.net/
Description:        Native - Powerful startup development tool
Version:            1.3.3
Author:             DFD
Author URI:         http://dfd.name/
Tags:               one-column, two-columns, three-columns, right-sidebar, custom-background, custom-header, custom-menu, featured-images, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain:		dfd-native
License:            GPL v2
License URI:        http://www.gnu.org/licenses/gpl-2.0.html
*/
/* new layout changes start*/
#header { border-bottom-color: #000 !important;}
.yop-right {line-height:inherit !important; padding-left:5px !important; padding-right:0px !important; width: 70px;}
#ssf_adress_input_box{
  margin-top: -20px !important;
  width: 50%;
}
#storeLocator__mapStatus__inner{
  color: white;
}
.countryselect {
  display: none;
  line-height: 83px;
  width: 115px;
    float: right;
    margin-right: 20px;}
.countryselect select {
  padding: 5px;
  background-color: rgba(255,255,255,0);
  color: #fff;
  font-size: 13px;
font-style: normal;
font-weight: 700;
text-transform: none;
line-height: 13px;
letter-spacing: -1px;
font-family: "Montserrat" !important;
}
.countryselect select option{
  text-indent: 5px;
  background-color: #000 !important;
  font-size: 13px;
font-style: normal;
font-weight: 700;
text-transform: none;
line-height: 13px;
letter-spacing: -1px;
font-family: "Montserrat" !important;
}
.countryselect select:focus {
  font-size: 13px !important;
  text-indent: 5px;
}
#footer { background-size: cover !important;}
body.dfd-parallax-footer:after { display: none !important;}
.footer-title { font-size: 48px !important;}
#header-container.logo-position-left .dfd-logo-wrap { margin-right:2px;}
.dfd-header-logos {width:170px !important; border-right:1px solid;}
.hesperiden .tp-bullet { border: 2px solid #fed401 !important; }
.dfd-pricing-block {margin-bottom: 5px !important;}
#app-section .dfd-slider-control  {display:none !important;}
.login-icon {display:none;
  position: fixed;
    color: #fff;
    top: 60px;
    width: 120px;
    font-size: 10px;
    right: 0px;}
#login-top-2 a:hover .login-icon{display:block; }
.main-header-is-partially-hidden .login-icon {top:36px!important;}
.ares .tp-bullet:hover, .ares .tp-bullet.selected { background-color: rgb(38, 38, 38) !important;}
.ares .tp-bullet {width: 8px !important; height: 8px !important;}
.static-phone {    position: fixed;
    top: 24.5%;
    left: 34.2%;
    z-index: 0;
  display: none;}
.basic-plan .icon-wrap{ padding: 20px 0px; background-color: #c8c2af; margin-bottom: 16px;}
.premium-plan .icon-wrap{ padding: 20px 0px; background-color: #fcc004; margin-bottom: 16px;}
.question {
  position: relative;
  display: inline;

}
.question a { vertical-align: middle;}
.question-info{
  display:block;
  visibility: hidden;
  position: absolute;
  color: #fff;
  right: -188px;
  background-color: rgba(0,0,0,0.8);
  top: 20px;
  width: 200px;
  font-size: 14px;
  padding: 10px 10px 10px;
z-index: 99;
opacity: 0;
transition: visibility 0s, opacity 0.5s ease, top 0.5s ease;}
.question-info:after {
  content: "";
      position: absolute;
      top: -12px;
      left: 5px;
      margin-left: -5px;
      border-width: 6px;
      border-style: solid;
      border-color: transparent transparent rgba(0,0,0,0.8) rgba(0,0,0,0.8);
}
.question-info p{margin-bottom: 0px !important;}
.question:hover .question-info{ opacity: 1; visibility: visible; top:30px;}
.dfd-pricing-block .block-head .price-wrap { padding-top: 0px !important;}
.dfd-pricing-block .pricing-feature-description span{
  font-size: 20px;
color: #f4cb06;
padding: 0px 5px;
text-decoration: underline;
}

.dfd-pricing-block .block-bottom .options-list .option, .dfd-pricing-block .block-bottom .options-list .option{ padding: 9px 0px !important;}
/*new layout changes end*/
/*contact form style*/
.wpcf7 form .wpcf7-response-output.wpcf7-display-none { padding: 7px 20px 7px 14px !important;}
.form__item { height: 75px; width: 48%; float: left;}
.hidden__item  { margin-top: 10px;}
.hidden__item .form__placeholder{ display:none !important;}
.form__label {
    color: #000;
}
.form__label span {
	opacity: 0;
}
.form__label span,
.form__placeholder span {
	flex: none;
	white-space: pre;
	}
.form__placeholder span {
    color: #000 !important;
}
.form__input:focus ~ .form__placeholder span {
	opacity: 0 !important;
}
.form__placeholder {
	position: absolute;
    margin-top: -64px;
    margin-left: 22px;
}
/*contact form style*/
.grecaptcha-badge {left: -266px !important;}


p {font-size:18px; color:#414141;}
table tbody tr td, table tr td{ font-size:16px; line-height:24px;}
.bigger { font-size:20px !important;}

.displaynone { display: none !important;}
.display-mobile { display: none !important;}
em.dfd-textmodule-featured-decoration { font-family: 'Raleway',sans-serif !important;}
.smartraq {font-family: 'Dinblack',sans-serif !important;}
.dfd-background-light div{ color: #7b7b7b !important; }
#store-locator-section-bg input[type="submit"] {line-height: 8px !important;}
.dfd-pricing-block .options-list {
  text-align: left !important;
  padding-left: 60px !important;
}
.dfd-pricing-block .block-bottom .options-list .option .option-icon{
      color: #e8c616 !important;
}

.wus .underscreen { width: 330px; word-break: break-all; padding: 15px 20px; background-color: rgba(0,0,0,0.2);}
.wus .underscreen p {color: white !important;}
.wus .underscreen .title { font-size: 20px; font-weight: 600;}
.wus .underscreen .under-features { font-size: 12px; font-weight: 400;}
.dfd-pricing-block .pricing-dots-alignment {
  padding-right: 60px !important;
}
#mobile-menu{ display:none !important;}
.no-menu-box { display: none !important;}
.device-section table{ border: 0px !important; background: none !important;}
.feature-section table{ border: 0px !important; background: none !important;}
.feature-section table tbody tr td { padding: 20px 25px !important;}
.feature-section table tbody tr:nth-child(even){ background-color: rgba(234,234,234,0.6) !important;}
.feature-section table tbody tr:nth-child(odd){ background-color: rgba(255,255,255,0.6) !important;}
.icons-table table tbody tr:nth-child(odd) { background-color: rgba(255,255,255,0) !important;}
.icons-table tr td { text-align: center; font-size: 13px !important;}
.icons-table img { width: 60px !important;}

.install-app .title{ padding-top: 50px; padding-bottom: 20px;}
.wpb_text_column a:not(.quote-content):not(.dfd-post-link-url):not(.fn):not(.dfd-post-link-title):not(.dk_toggle) { color: #ffcf01 !important;}
.install-app .register span{
  display:inline-block;
  /*  vertical-align: middle;
    padding-top: 24px;*/
    padding-left: 20px;
        width: 160px;
        color:#000 !important;
}
.install-app .app span{
  display: inline-block;
    /*vertical-align: middle;
    padding-top: 24px;*/
    padding-left: 20px;
    width: 300px;
    color:#000 !important;
}
.install-app .register{    height: 90px;
    vertical-align: middle;
    float: left;

  font-size: 18px !important;}

.install-app .app{    height: 90px;
        vertical-align: middle;
        float: left;

      font-size: 0px 18px !important;}
.register-text { float: left;
    height: 90px;
    width: 200px;
    padding: 0px 18px;}
.app-text {   float: left;
      height: 90px;
      width: 220px;
      padding: 0px 18px;}

/**country-flag**/
.top-country-dropdown.hide {
	display: none; }

.top-country-dropdown pre {
	margin: 0 !important;
	display: inline-block; }

.top-country-dropdown .form-item {
	margin: 1em;
}

.top-country-dropdown .token.operator,
.top-country-dropdown .token.entity,
.top-country-dropdown .token.url,
.top-country-dropdown .language-css .token.string,
.top-country-dropdown .style .token.string,
.top-country-dropdown .token.variable {
	background: none; }

.top-country-dropdown input, .top-country-dropdown button {
	height: 35px;
	margin: 0;
	padding: 6px 12px;
	border-radius: 2px;
	font-family: inherit;
	font-size: 100%;
	color: inherit; }
.top-country-dropdown	input[disabled], .top-country-dropdown button[disabled] {
		background-color: #eee; }

.top-country-dropdown input, .top-country-dropdown select {
	border: 1px solid #CCC;
	width: 250px; }

.top-country-dropdown ::-webkit-input-placeholder {
	color: #BBB; }

.top-country-dropdown ::-moz-placeholder {
	/* Firefox 19+ */
	color: #BBB;
	opacity: 1; }

.top-country-dropdown :-ms-input-placeholder {
	color: #BBB; }

.top-country-dropdown button {
	color: #FFF;
	background-color: #428BCA;
	border: 1px solid #357EBD; }
	.top-country-dropdown button:hover {
		background-color: #3276B1;
		border-color: #285E8E;
		cursor: pointer; }

.top-country-dropdown #result {
	margin-bottom: 100px; }
  /**country-flag**/

.dfd_tabs_block .vc_tta-tabs-container { padding-left: 4px !important;}
.dfd_tabs_block .dfd_tta_tabs.collapse .vc_tta-tabs-container .vc_tta-tabs-list li a { padding-left: 20px !important; padding-right: 20px !important;}
#header-container.small:not(.header-style-8):not(.header-style-9) #header .dfd-logo-wrap.mobile-sticky-logos img, #header-container.small:not(.header-style-8):not(.header-style-9) .header .dfd-logo-wrap.mobile-sticky-logos img { max-height: 50px !important;}
#ssf_adress_input_box .addtitle{ padding-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #000;}
  .pad-bottom-2x, .pad-vertical-2x { padding-bottom: 0px !important;}
  .medium-pad-bottom-4x, .medium-pad-vertical-4x{ padding-bottom: 0px !important;}

  .main-header-is-partially-hidden .nav-menu {display:inline-block !important;}
#header-container.logo-position-left .dfd-header-buttons-wrap > *:first-child { margin-left: 20px !important;}
  .mega-menu > ul > li.current-menu-item:before, .mega-menu > ul > li.current-menu-ancestor:before { display: none !important;}
  a:focus { outline: 0px !important;}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url(montserrat_400.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url(montserrat_700.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: "Dinlight";
  font-style: normal;
  font-weight: 400;
  src: url(DIN-Light.ttf) format("ttf");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: "Dinbold";
  font-style: bold;
  font-weight: 700;
  src: url(DIN-Bold.ttf) format("ttf");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: "Dinblack";
  font-style: normal;
  font-weight: 400;
  src: url(din-black-webfont.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@media only screen and (min-width: 40px) {
  .infobox__body div { color:#fdd100 !important;}
}
@media only screen and (max-width: 1100px) {
  .login-icon { top:38px;}
}
@media only screen and (max-width: 540px) {
  .install-app .app span{
      width: 220px;
  }
  #ssf_adress_input_box{
    width: 100%;
  }
  #ssf_adress_input_box .addtitle{
    padding-left: 10px;
  }
  #contact-us{
    padding: 0px 10px;
  }
  .steps {display: none;}
  .app-text, .register-text { width: 220px;}
  .register-text { margin-right: 60px !important;}
  .dfd-pricing-block .block-bottom .options-list { margin: 0px !important;}
  #mobile-menu{ display:none !important;}
  #header-container .header-wrap > .row > .columns .dfd-header-buttons-wrap > *:first-child { border: 0px !important;}
  .display-mobile { display: block !important;}
  .displaynone-mobile { display: none !important;}
  .dl-menuwrapper { display: none !important;}
  .yop-right { padding-right: 0px !important;}
  .dfd-header-logos{ border: 0px !important;}
  .dfd-pricing-block .options-list { padding-left: 0px !important;}
  #header-container .form-search-wrap { display:block !important;}
#app-section .dfd-slider-control  {display:block !important;}
#app-section .notice-text {padding: 0px 5%;}
}
@media only screen and (max-width: 400px) {
  .register-text { margin-right: 40px !important;}
}