/**
 * @version		1.1.0
 * @package		Fresh Truck template for Joomla! 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2017 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
/* ----------------------------------------------*/
/* 01 - BODY
/* ----------------------------------------------*/

/* Body Homepage Background */
body.frontpage { background:#fff;background-size:auto}


/* Body Innerpage Background */
body.innerpage { background:#fff ;background-size:auto}

/* Overlay Background */
.overlay {
background:#000;background-size:cover;}

/* Background Video */
video#bgvid {
position: fixed;
opacity:0.2;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

/* ----------------------------------------------*/
/* 02 - TYPOGRAPHY
/* ----------------------------------------------*/
/* Basecolor classes used in HTML mark up */
.basecolor_1 {
 color:#1f438f;}
.basecolor_2 {
 color:#ee1428;}
.basecolor_3 {
 color:#ee1428;}
.basecolor_4 {
 color:#24C770;}
.basecolor_5 {
 color:#00BBFF;}
.bgbasecolor_1 {
 background:#1f438f;}
.bgbasecolor_2 {
 background:#ee1428;}
.bgbasecolor_3 {
 background:#ee1428;}
.bgbasecolor_4 {
 background:#24C770;}
.bgbasecolor_5 {
 background:#00BBFF;}
 
/* Global Fonts */
body,.ul,.ol,.li,legend,.dl,.dd {
color:#5f5f5f;}
a {
 color:#2E2E2E;}
a:hover {
 color:#2E2E2E;text-decoration:none;}
h1, h2, h3, h4, h5, h6 {
 color:#1f438f;}

/* Custom Gradient H Classes */
h1.gradient1,h2.gradient1,h3.gradient1,h4.gradient1,h5.gradient1,h6.gradient1,p.gradient1,i.gradient1 {
   background: -webkit-linear-gradient(#cd0de4, #0de49a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Default Button */
.btn {background:#e6e6e6!important;
}

/* BaseColor Buttons */
.btn.basecolor_1,.btn.basecolor_2,.btn.basecolor_3,.btn.basecolor_4,.btn.basecolor_5 {
color: #fff;
text-shadow: none;
box-shadow: none;
border-radius: 0px;
font-weight: 700;
border: 0!important;
padding: 8px 12px!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn.basecolor_1 {
background:#1f438f!important;
}
.btn.basecolor_2 {
background:#ee1428!important;
}
.btn.basecolor_3 {
background:#ee1428!important;	
}
.btn.basecolor_4 {
background:#24C770!important;
}
.btn.basecolor_5 {
background:#00BBFF!important;
}

/* Bootstrap Button Overrides */
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled,.btn-primary[disabled] {
background:#FF6F00!important;
}
.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background: #24C770!important;
}
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.disabled, .btn-success[disabled] {
background: #00BBFF!important;
}
.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.disabled, .btn-warning[disbaled] {
background: #aa658f!important;
}
.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.disabled, .btn-danger[disabled] {
background: #62456b!important;
}
.btn-inverse, .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.disabled, .btn-inverse[disabled] {
background: #2E2E2E!important;
}

/* Basecolor Blog Bubbles */
.blog-basecolor1 {
background: #1f438f;
}
.blog-basecolor1:after {
border-color: transparent #1f438f;
}
.blog-basecolor2 {
background: #ee1428;
}
.blog-basecolor2:after {
border-color: transparent #ee1428;
}
.blog-basecolor3 {
background: #ee1428;
}
.blog-basecolor3:after {
border-color: transparent #ee1428;
}
.blog-basecolor4 {
background: #24C770;
}
.blog-basecolor4:after {
border-color: transparent #24C770;
}
.blog-basecolor5 {
background: #00BBFF;
}
.blog-basecolor5:after {
border-color: transparent #00BBFF;
}

/* ----------------------------------------------*/
/* 03 - Header,logo,menu
/* ----------------------------------------------*/
/* Header Top Background */
#headertop {
background:transparent;
}

/* Header Wrap Background */
#headerwrap {
 background:transparent ;background-size:auto;}
 
 #headerwrap.stickyscroll {
 background:transparent ;background-size:auto;}

#headerwrap:hover {
 background:transparent ;background-size:auto;}


#headerwrap.stickyscroll{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;-webkit-transition-duration:2.0s,2s;-moz-transition-duration:2.0s,2s;-o-transition-duration:2.0s,2s;-ms-transition-duration:2.0s,2s;transition-duration:2.0s,2s;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;-ms-transition-timing-function:linear;transition-timing-function:linear}

/* Header Background */
#header {
background:#fff ;background-size:auto;border-bottom:2px solid #ee1428;}

 .innerpage #headerwrap {
 background:transparent ;background-size:auto;}

.frontpage #header{-webkit-box-shadow: 1px 14px 12px -7px rgba(0,0,0,0.50);
-moz-box-shadow: 1px 14px 12px -7px rgba(0,0,0,0.50);
box-shadow: 1px 14px 12px -7px rgba(0,0,0,0.50);}

/* Logo  */
#logo {
float: left;
}

#logo img {
padding:0px 0px 0px  20px;
}

#logo a p {
color:#FF6F00;
padding:0px 0px 0px  24px;
float:right;
display:inline;
margin:0px;
}

#logo a p span {font-weight:100;color:#ee1428;}


/* Mobile Logo */
#logomobile {display:none;
float: left;
text-align:center;}


#logomobile img {
padding:0px;
}

#logomobile a p {
color:#FF6F00;
padding:0px 0px 0px  0px;
float:right;
display:inline;
margin:0px;
}

#logomobile  a p span {font-weight:100;color:#ee1428;}


/* Menu */
/* Menu Background */
#menu {
background: transparent;
}
/* BOOTSTRAP MENU RESET */

/* Menu Top Level */
#menuwrap #menu ul.nav > li a, #menu ul.nav > li span.separator {
background-color: transparent;
color:#1f438f;
position:relative;
z-index:13;
}
#menuwrap #menu ul.nav > li , #menu ul.nav > li span.separator {border-top: 2px solid #fff;
border-radius: 0px}
#menuwrap #menu ul.nav > li:hover a, #menuwrap #menu ul.nav > li span.separator:hover a {
background-color: transparent;}
#menuwrap #menu ul.nav > li a:hover, #menuwrap #menu ul.nav > li.parent:hover > a, #menu ul.nav > li span.separator:hover {
color:#ee1428;
}
#menuwrap #menu ul.nav > li:hover, #menuwrap #menu ul.nav > li.parent:hover, #menu ul.nav > li span.separator:hover {border-color:#ee1428;
}
#menuwrap #menu ul.nav > li.active a, #menuwrap #menu ul.nav > li.active:hover {
 background-color: transparent!important;
}
#menuwrap #menu ul.nav > li.active a, #menuwrap #menu ul.nav > li.active a:hover {
color:#ee1428;
}
#menuwrap #menu ul.nav > li.active, #menuwrap #menu ul.nav > li.active:hover {
border-color:#ee1428;
}
#menuwrap ul.nav li.parent a:after  {
content: "\";
font-family: 'FontAwesome';
margin-left:8px;
position: absolute;
display: inline;
font-weight:100;
font-size:85%;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
}
#menuwrap ul.nav li.parent a:hover:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#menuwrap ul.nav li.parent:hover > a:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#menu ul.nav li {
	padding: 0px;
}
/* Menu Drop Level */
/* BOOTSTRAP MENU RESET */
#menuwrap #menu .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
background: transparent!important;
}
#menuwrap ul.dropdown-menu li a:after,#menuwrap ul.dropdown-menu li.dropdown.parent ul.dropdown-menu a:after{
	content: ""!important;
}
#menuwrap ul.dropdown-menu li.dropdown.parent a:after {
content: "\f101"!important;
font-family: 'FontAwesome';
position: absolute;
right: 8%;
display: inline;
font-weight:100;
-webkit-transition: -webkit-transform .3s ease-in-out;
          transition:transform .3s ease-in-out;
}
#menuwrap #menu ul.nav ul.dropdown-menu li {
	margin-left:0px!important;
}
#menuwrap ul.dropdown-menu li.dropdown.parent a:hover:after {
-webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#menuwrap ul.dropdown-menu li.dropdown.parent:hover > a:after {
-webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#menuwrap #menu ul.nav ul.dropdown-menu {
background-color: #fff!important;
border-radius: 0px}
#menuwrap #menu ul.nav ul.dropdown-menu li {
float: none;
}
#menuwrap #menu ul.nav ul.dropdown-menu li a, #menu ul.nav ul.dropdown-menu li span.separator {
text-align: left;
background: #24C770!important;
color:#fff;
border-radius: 0px}
#menuwrap .dropdown-menu li, #menuwrap ul.nav .dropdown-menu li span.separator {border-bottom: 0px solid #000!important;
}
#menuwrap #menu ul.nav ul.dropdown-menu li a:hover, #menu ul.nav ul.dropdown-menu li span.separator:hover {
background:#FF6F00!important;
}
#menuwrap #menu ul.nav ul.dropdown-menu li a:hover, #menuwrap #menu ul.nav ul.dropdown-menu li a:hover:after, #menu ul.nav ul.dropdown-menu li li span.separator:hover {
color:#fff!important;
}
#menuwrap #menu ul.nav ul.dropdown-menu li:hover, #menuwrap #menu ul.nav ul.dropdown-menu li:hover:after, #menu ul.nav ul.dropdown-menu li li span.separator:hover {border-color:#034E59!important;}
#menuwrap #menu ul.nav ul.dropdown-menu li:active a {
background: #FF6F00!important;
}
#menuwrap #menu ul.nav ul.dropdown-menu li a:active {
color:#fff!important;
}
#menuwrap #menu ul.nav ul.dropdown-menu li:active {border-color:#034E59!important;}
/* Mobile Menu */
.navbar .btn-navbar .icon-bar {
background-color: #1f438f!important;
}
/* NAV PILLS */
.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
background:#1f438f;
 }
.nav>li>a:hover, .nav>li>a:focus {
background:#1f438f;
color: #fff;
}
/* SIDE MENU */
.sidemenu .nav-pills > li > span.separator, .sidemenu ul.dropdown-menu>li>a:hover, .sidemenu ul.dropdown-menu>li>a:focus, .sidemenu ul.dropdown-menu .dropdown-submenu:hover>a, .sidemenu ul.dropdown-menu .dropdown-submenu:focus>a {
	background: #24C770!important;
	display: block;
}
/* CANVAS MENU */
#jxtc_canvasslide_left a:hover, #jxtc_canvasslide_right a:hover {
color: #fff;
border-left:4px solid #ee1428;}
#jxtc_canvasslide_left label.close, #jxtc_canvasslide_right label.close {
background:#ee1428;
opacity: 1;
}
label.open.xtccanvas {
background:#1f438f!important;
color: #fff;
padding: 8px 10px;
font-size: 22px!important;
position: fixed;
top: 15%;
right: 0%;
z-index: 1200;
}
/* Bottom menu */
ul.menu.bottom a {color:#fff;}

/* ----------------------------------------------*/
/* 04 - Region Layout
/* ----------------------------------------------*/
/* REGION 1 */
/* Region outerwrap */
#region1wrap {background:transparent ; background-size:auto;}
 /* Region innerwrap */
#region1 { background:transparent ;background-size:auto; }

/* REGION 2*/
/* Region outerwrap */
#region2wrap {background:transparent ;background-size:auto;}
/* Region innerwrap */
#region2 {background:#3B3B3B  url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/dark_wall.png') repeat  ;background-size:auto;}

/* REGION 3*/
/* Region outerwrap */
#region3wrap {background:transparent ;background-size:auto;}
/* Region innerwrap */
#region3 {background:#FAFAFA ;background-size:auto;}

/* Component */
#component {
 background:transparent}
/* Left */
#left {
 background:transparent}
/* Right */
#right {
 background:transparent}

/* REGION 4*/
/* Region outerwrap */
#region4wrap {background:transparent ;background-size:auto;}
/* Region innerwrap */
#region4 {background:  url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/hexa.jpg') repeat ;background-size:auto;}

/* REGION 5*/
/* Region outerwrap */
#region5wrap {background:transparent ;background-size:auto;}
/* Region innerwrap */
#region5 {background:#fff  url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/r5-s1.jpg') repeat-y ;background-size:auto;}

/* REGION 6 */
/* Region outerwrap */
#region6wrap {background:transparent ;background-size:auto;}
/* Region innerwrap */
#region6 {background:#FCFCFC  url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/cream_dust.png') repeat  ;background-size:auto;}

/* REGION 7 */
/* Region outerwrap */
#region7wrap {background:transparent ;background-size:cover;}
/* Region innerwrap */
#region7 {background:#579678 ;background-size:auto;}

/* REGION 8*/
/* Region outerwrap */
#region8wrap {background:transparent ;background-size:cover;}
/* Region innerwrap */
#region8 {background:transparent ;background-size:cover;}

/* REGION 9*/
/* Region outerwrap */
#region9wrap {background:transparent ;background-size:auto;}
/* Region innerwrap */
#region9 {background:transparent ;background-size:auto;}

/* REGION 10*/
/* Region outerwrap */
#region10wrap {background:transparent ;background-size:auto;}
/* Region innerwrap */
#region10 {background:transparent ;background-size:auto;}

/* REGION 11*/
/* Region outerwrap */
#region11wrap {background:transparent ;background-size:auto;}
/* Region innerwrap */
#region11 {background:transparent ;background-size:auto;}

/* REGION 12*/
/* Region outerwrap */
#region12wrap {background:#000 ;background-size:auto;}
/* Region innerwrap */
#region12 {background:transparent ;background-size:auto;}

/* Footer */
/* Region outerwrap */
#footerwrap {
 background:transparent ;background-size:auto;}
.footer {
 background:transparent ;background-size:auto;}

/* back to top */
#backtotop-btn {
color:#FFFFFF;
background:rgba(0, 0, 0, 0.6);
padding:12px;
}

.backtotop-fade-out{-webkit-animation-name:backtotop-fade-out-blinker;-webkit-animation-duration:2s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:backtotop-fade-out-blinker;-moz-animation-duration:2s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:backtotop-fade-out-blinker;animation-duration:2s;animation-timing-function:linear}@-moz-keyframes backtotop-fade-out-blinker{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes backtotop-fade-out-blinker{0%{opacity:1}50%{opacity:.7}100%{opacity:1}}@keyframes backtotop-fade-out-blinker{0%{opacity:1}50%{opacity:.8}100%{opacity:1.7}}

/* ----------------------------------------------*/
/* 05 - Module CSS
/* ----------------------------------------------*/
/* Module Background */
.module {
 background: transparent;border-radius:0px;
 }
/* Module Title Background */
h3.moduletitle {
 background: transparent;
 color:#1f438f;
 }
/* Module Title First Word Color */
h1.span.first_word, h2.span.first_word, h3.span.first_word, h4.span.first_word, h5.span.first_word, h6.span.first_word, h1.fa::before, h3.fa::before, h4.fa::before, h5.fa::before, h6.fa::before {
color:#1f438f;
 }
/* Module Title Rest Word Color */
h1.span.rest, h2.span.rest, h3.span.rest, h4.span.rest, h5.span.rest, h6.span.rest {
color:#ee1428;
}
.modulecontent {
color:#5f5f5f!important;
}
/* Base Colors */
.basecolor_1 h1 span, .basecolor_1 h2 span, .basecolor_1 h3 span, .basecolor_1 h4 span, .basecolor_1 h5 span, .basecolor_1 h6 span {
color:#1f438f!important;
}
.basecolor_2 h1 span, .basecolor_2 h2 span, .basecolor_2 h3 span, .basecolor_2 h4 span, .basecolor_2 h5 span, .basecolor_2 h6 span {
color:#ee1428!important;
}
.basecolor_3 h1 span, .basecolor_3 h2 span, .basecolor_3 h3 span, .basecolor_3 h4 span, .basecolor_3 h5 span, .basecolor_3 h6 span {
color:#ee1428!important;
}
.basecolor_4 h1 span, .basecolor_4 h2 span, .basecolor_4 h3 span, .basecolor_4 h4 span, .basecolor_4 h5 span, .basecolor_4 h6 span {
color:#24C770!important;
}
.basecolor_5 h1 span, .basecolor_5 h2 span, .basecolor_5 h3 span, .basecolor_5 h4 span, .basecolor_5 h5 span, .basecolor_5 h6 span {
color:#00BBFF!important;
}
/* Basecolor Box Suffixes */
.module.basecolor1.box {
background:#1f438f!important;
}
.module.basecolor2.box {
background:#ee1428!important;
}
.module.basecolor3.box {
background:#ee1428!important;
}
.module.basecolor4.box {
background:#24C770!important;
}
.module.basecolor5.box {
background:#00BBFF!important;
}
/* These parameters are controlled by the base colors in the template adaministrator  */
.basecolor1 .moduletitle {
border-color:#1f438f;
}
.basecolor2 .moduletitle {
border-color:#ee1428;
}
.basecolor3 .moduletitle {
border-color:#ee1428;
}
.basecolor4 .moduletitle {
border-color:#24C770;
}
.basecolor5 .moduletitle {
border-color:#00BBFF;
}

/* Border Module background color - Covers the border behind the text with the background color */
#region1wrap .border h3.moduletitle span {
background:transparent!important;
}
#region2wrap .border h3.moduletitle span {
background:#3B3B3B!important;
}
#region3wrap .border h3.moduletitle span {
background:#FAFAFA!important;
}
#region4wrap .border h3.moduletitle span {
background:!important;
}
#region5wrap .border h3.moduletitle span {
background:#fff!important;
}
#region6wrap .border h3.moduletitle span {
background:#FCFCFC!important;
}
#region7wrap .border h3.moduletitle span {
background:#579678!important;
}
#region8wrap .border h3.moduletitle span {
background:transparent!important;
}
#region9wrap .border h3.moduletitle span {
background:transparent!important;
}
#region10wrap .border h3.moduletitle span {
background:transparent!important;
}
#region11wrap .border h3.moduletitle span {
background:transparent!important;
}
#region12wrap .border h3.moduletitle span {
background:transparent!important;
}

/* ----------------------------------------------*/
/* 06 - Content Overrides
/* ----------------------------------------------*/
/* Joomla Content */
h1.pagetitle span {
color:#1f438f!important;
}
.contentheading {
color:#1f438f;
}
.page-header h1, .componentheading, .componentheadingnowrap, .pagetitle, span.subheading-category {
color:#1f438f;
}
.com_content .item-page .page-header h2 a, .com_content .item-page .page-header h2 {
color:#1f438f!important;
}
.com_content .blog .page-header h2 a, .com_content .blog .page-header h2 {
color:#1f438f!important;
}
.com_content p.readmore {text-align:right}
.com_content p.readmore a.btn {
color:#fff!important;
background:#ee1428!important;
border:1px solid #ee1428!important;
border-radius:0px!important;
}
.com_content p.readmore a.btn:hover {
color:#fff!important;
background:#ee1428!important;
border:1px solid #ee1428!important;
}
.btn,btn {border-radius:0px!important;} 
.label-info, .badge-info {background:#1f438f!important;
color: #fff;}
/* Category Blog */
.item-image img {opacity:0.7;}
.item-image img:hover {opacity:1;}
.item-image {background:#1f438f}
.com_content .blog .item {background:transparent;color:#333;padding:0px;border-radius:0px}
.com_content .blog .item .article-info.muted {color:#333;}
/* FAQ Category Blog */
.com_content .faqblog .faq-blog_item:hover {
border-color:#1f438f;
 }
.com_content .faqblog .faq-blog_item span .page-header h2::before {
color:#1f438f;
 }
/* Pricing Table Category Blog */
.pricetbl-title {
background:#ee1428;
 }
.pricetbl-price {
background:#1f438f;
color: #fff;
}
.com_content .blog .item .pricetbl-wrap .j2store-product {
background:#ee1428;
color: #fff;
}
/* COM User */
input.button.subbutton.btn.btn-primary, #form-login-submit.control-group .btn.btn-primary, .logout-button .btn.btn-primary {
background:#1f438f;
}
.loginpagetitle {
color:#1f438f}

/* ----------------------------------------------*/
/* 07 - Custom Template Style
/* ----------------------------------------------*/
/* FRONT PAGE STYLE */
/* mod_custom Social Icons Leftside */
.sleft {
}

.sleft i {
  font-size:24px;
  color:#fff;
  padding:20px
}

.sleft.facebook {
  background:#3b5998
}

.sleft.google {
  background:#f20000
}

.sleft.linkedin {
  background:#006599
}

.sleft.twitter {
  background:#00b0ed
}

/* INSET */
.user1_fresh {margin:0 auto;}
.user1_fresh h2 {font-family: 'Permanent Marker',cursive;font-size:72px;color:#fff;}
.user1_fresh p {color:#fff;font-size:22px;}
.user1_fresh .fresh_text {width:55%;margin:0 auto;}
@media (max-width:840px) {
.user1_fresh img {display:none;}
}
@media (max-width:768px) {
.user1_fresh .fresh_text {width:80%;}
}
@media (max-width:640px) {
.user1_fresh h2 {font-size:52px;}
.user1_fresh p {font-size:18px;}
}
@media (max-width:480px) {
.user1_fresh h2 {font-size:42px;}
.user1_fresh p {font-size:18px;}
}
@media (max-width:380px) {
.user1_fresh h2 {font-size:32px;}
.user1_fresh p {font-size:16px;}
.user1_fresh .fresh_text {width:100%;}
}

/* Custom HTML - USER1 */
#truckspin {
     -webkit-animation-name: truckspin; 
    -webkit-animation-timing-function: linear; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-duration: 2s; 
    animation-name: truckspin; 
    animation-timing-function: linear; 
    animation-iteration-count: infinite; 
    animation-duration: 2s; 
    -webkit-transform-style: preserve-3d; 
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
    transform-style: preserve-3d;
}

@media (max-width:480px) {
#truckspin {
     -webkit-animation-name: truckspin; 
    -webkit-animation-timing-function: linear; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-duration: 0s; 
    animation-name: truckspin; 
    animation-timing-function: linear; 
    animation-iteration-count: infinite; 
    animation-duration: 0s; 
    -webkit-transform-style: preserve-3d; 
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
    transform-style: preserve-3d;
}
}

  /* WebKit and Opera browsers */ 
@-webkit-keyframes truckspin{ 
    from 
    { 
        -webkit-transform: rotateY(0deg); 
    } 
    to { 
        -webkit-transform: rotateY(-360deg); 
    } 
} /* all other browsers */ 
@keyframes truckspin { 
    from { 
        -moz-transform: rotateY(0deg); 
        -ms-transform: rotateY(0deg); 
        transform: rotateY(0deg); 
    } 
    to 
    { 
        -moz-transform: rotateY(-360deg); 
        -ms-transform: rotateY(-360deg); 
        transform: rotateY(-360deg); 
    
    } 
}


/* Custom HTML - USER2 */
.u14_menu {padding: 10% 10% 10% 7%;text-align:center;background-color: rgba(0, 0, 0, 0.5); 
color: rgba(0, 0, 0, 0.5);}
.u14_menu i {font-size:32px;color:#fff;}
.u14_menu h2 {font-family: 'Permanent Marker', cursive;font-size:42px;color:#1f438f;}
.u14_menu h2 span {color:#ee1428;}
.u14_menu p {color:#fff;font-size:32px;font-family: 'Just Another Hand', cursive;}

/* Custom HTML - USER13 */
.findus {width:70%;margin:0 auto;}
.findus i {font-size:72px;color:#ee1428;-webkit-animation: mapmarker 3s infinite;
  -moz-animation: mapmarker 3s infinite;
  -o-animation: mapmarker 3s infinite;
  animation: mapmarker 3s infinite;}
@-webkit-keyframes mapmarker {
  0%   { opacity: 0; }
  50% { opacity: 0.5; }
100% { opacity: 1; }
}
@-moz-keyframes mapmarker {
  0%   { opacity: 0; }
  50% { opacity: 0.5; }
100% { opacity: 1; }
}
@-o-keyframes mapmarker {
  0%   { opacity: 0; }
  50% { opacity: 0.5; }
100% { opacity: 1; }
}
@keyframes mapmarker {
  0%   { opacity: 0; }
  50% { opacity: 0.5; }
100% { opacity: 1; }
}
.findus p {padding: 24px 0;}
.findus h3 {font-family: 'Permanent Marker', cursive;font-size:42px;color:#ee1428;}
@media (max-width:480px) {
.findus h3 {font-size:28px;}
.findus .btn-primary,.findus .btn-success {width:25%;}
}

/* User 19 */
.dnpfreshwrap  {text-align:center;}
.dnpfreshwrap h3 {font-family: 'Permanent Marker', cursive;font-size:38px;color:#ee1428;}

/* User25 */
.vidwrap {background:#fff;padding:12px;-webkit-box-shadow: -1px 14px 40px -17px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 14px 40px -17px rgba(0,0,0,0.75);
box-shadow: -1px 14px 40px -17px rgba(0,0,0,0.75)}

/* User26 */
.npsidebarright h4 {font-family: 'Permanent Marker', cursive;font-size:28px;}

/* Footer */
.footermenu {text-align:center;}
.footermenu h3 {color:#fff;}
.footermenu .span4 {background:#ee1428;}
.footermenu .span4:nth-child(2) {background:#24C770;}
.footermenu .span4:nth-child(3) {background:#00BBFF;}
@media (max-width:767px) {
.footermenu .span4 {
width: 33.33333333%!important;
margin-left: 0!important;
margin-right: 0!important;
float:left!important;}
}
@media (max-width:480px) {
.footermenu  {padding:0px;}
.footermenu h3 {font-size:16px;}
}

/* ARTICLE */
/* Article Menu */
.article_menu {text-align:center;}
.article_menu i {font-size:48px;}
.article_menu h2 {font-family: 'Permanent Marker', cursive;font-size:62px;color:#1f438f;}
.article_menu h2 span {color:#ee1428;}
.article_menu p {font-size:42px;font-family: 'Just Another Hand', cursive;}

/* SHARER CSS */
button.sharer{
  background-color: #aaa;
  border: none;
  border-radius: 24px;
  font-size: 1em;
  font-weight: 300;
  outline: none;
  color:#fff;
  width:34px;
  height:34px; 
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {button.sharer i {margin-left:-5.5px;}}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {button.sharer i {margin-left:-5.5px;}}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {button.sharer i {margin-left:-5.5px;}}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) {button.sharer i {margin-left:-5.5px;}}

button.sharer[data-sharer="twitter"] {
  background-color: #00aced;
}
button.sharer[data-sharer="facebook"] {
  background-color: #3b5998;
}
button.sharer[data-sharer="linkedin"] {
  background-color: #007AB5;
}
button.sharer[data-sharer="googleplus"] {
  background-color: #DD4C39;
}
button.sharer[data-sharer="email"] {
  background-color: #444;
}
button.sharer[data-sharer="whatsapp"] {
  background-color: #4DC247;
}
button.sharer[data-sharer="telegram"] {
  background-color: #34ADE1;
}
button.sharer[data-sharer="viber"] {
  background-color: #7C529E;
}
button.sharer[data-sharer="pinterest"] {
  background-color: #CB2029;
}
button.sharer[data-sharer="tumblr"] {
  background-color: #32506d;
}
button.sharer[data-sharer="hackernews"] {
  background-color: #FF6700;
}
button.sharer[data-sharer="reddit"] {
  background-color: #CEE3F8;
  box-shadow: 0 2px 0 #A2C6E8, 1px 4px 2px rgba(0,0,0,0.2);
  color: #335f89;
}
button.sharer[data-sharer="vk"] {
  background-color: #45668E;
  box-shadow: 0 2px 0 #2B4E77, 1px 4px 2px rgba(0,0,0,0.2);
}
button.sharer[data-sharer="buffer"] {
  background-color: #46ABED;
  box-shadow: 0 2px 0 #2198E5, 1px 4px 2px rgba(0,0,0,0.2);
}
button.sharer[data-sharer="xing"] {
  background-color: #006464;
  box-shadow: 0 2px 0 #135353, 1px 4px 2px rgba(0,0,0,0.2);
}
button.sharer[data-sharer="line"] {
  background-color: #1DCD00;
  box-shadow: 0 2px 0 #1DCD00, 1px 4px 2px rgba(0,0,0,0.2);
}
button.sharer[data-sharer="digg"] {
  background-color: #1B568E;
  box-shadow: 0 2px 0 #1B568E, 1px 4px 2px rgba(0,0,0,0.2);
}
button.sharer[data-sharer="pocket"] {
  background-color: #EE4056;
  box-shadow: 0 2px 0 #EE4056, 1px 4px 2px rgba(0,0,0,0.2);
}
button.sharer[data-sharer="stumbleupon"] {
  background-color: #EB4924;
  box-shadow: 0 2px 0 #EB4924, 1px 4px 2px rgba(0,0,0,0.2);
}
button.sharer[data-sharer="flipboard"] {
  background-color: #E02828;
  box-shadow: 0 2px 0 #E02828, 1px 4px 2px rgba(0,0,0,0.2);
}
button.sharer[data-sharer="weibo"] {
  background-color: #E6162D;
  box-shadow: 0 2px 0 #E6162D, 1px 4px 2px rgba(0,0,0,0.2);
}
button.sharer[data-sharer="renren"] {
  background-color: #005EAC;
  box-shadow: 0 2px 0 #005EAC, 1px 4px 2px rgba(0,0,0,0.2);
}
button.sharer[data-sharer="myspace"] {
  background-color: #111;
  box-shadow: 0 2px 0 #111, 1px 4px 2px rgba(0,0,0,0.2);
}
button.sharer[data-sharer="blogger"] {
  background-color: #EB8104;
  box-shadow: 0 2px 0 #EB8104, 1px 4px 2px rgba(0,0,0,0.2);
}
button.sharer[data-sharer="baidu"] {
  background-color: #2319DC;
  box-shadow: 0 2px 0 #2319DC, 1px 4px 2px rgba(0,0,0,0.2);
}
button.sharer[data-sharer="okru"] {
  background-color: #EE8208;
  box-shadow: 0 2px 0 #EE8208, 1px 4px 2px rgba(0,0,0,0.2);
}

/* IMAGE GALLERY PLUGIN CUSTOM CSS */
.imagegalleryplg img {border:0px;background:transparent;box-shadow: 0px 0px 0px!important;padding:0;}

/* ----------------------------------------------*/
/* 08 - Responsive CSS  Parameters 
/* ----------------------------------------------*/
/* Check to see if the Responsive parameter is on */
/* Body Frontpage Background Swap Breakpoints */

/* Body Frontpage No Background Images Parameter  */
@media (max-width: 767px) {body.frontpage {background-image:none;}}

/* Body Innerpage Background Swap Breakpoints */

/* Body Innerpage No Background Images Parameter  */
@media (max-width: 767px) {body.innerpage {background-image:none;}}

/* Headerwrap Background Swap Breakpoints */

/* Headerwrap No Background Images Parameter  */
	
/* Header Background Swap Breakpoints */

/* Headerwrap No Background Images Parameter  */
	
/* Mobile Logo */
@media (max-width: 767px) {
#logo {display:none;}
#logomobile {display:block;}
}
	
/* Region1Wrap Background Swap Breakpoints */

/* Region1 Wrap No Background Images Parameter  */
@media (max-width: 767px) {#region1wrap {background-image:none;}}
	
/* Region1  Background Swap Breakpoints */
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
#region1 {background-image: url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/');}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#region1 {background-image: url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/');}
}
/* Landscape phones and down */
@media (max-width: 480px) {
#region1 {background-image: url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/');}
}
/* End Device Swap Parameter  */
	
/* Region1 No Background Images Parameter  */

/* Region2 Wrap Background Swap Breakpoints */

/* Region2 Wrap No Background Images Parameter  */
@media (max-width: 767px) {#region2wrap {background-image:none;}}
	
/* Region 2 Background Swap Breakpoints */

/* Region 2 No Background Images Parameter  */
	
/* Region 3 Wrap Background Swap Breakpoints */

/* Region 3 Wrap No Background Images Parameter  */

/* Region 3 Background Swap Breakpoints */

/* Region 3 No Background Images Parameter  */
	
/* Region 4 Wrap Background Swap Breakpoints */

/* Region 4 Wrap No Background Images Parameter  */
@media (max-width: 767px) {#region4wrap {background-image:none;}}

/* Region 4 Background Swap Breakpoints */

/* Region 4 No Background Images Parameter  */

/* Region 5 Wrap Background Swap Breakpoints */

/* Region 5 Wrap No Background Images Parameter  */
	
	
/* Region 5 Background Swap Breakpoints */
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
#region5 {background-image: url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/r5-s1_980.jpg');}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#region5 {background-image: url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/r5-s1_768.jpg');}
}
/* Landscape phones and down */
@media (max-width: 480px) {
#region5 {background-image: url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/r5-s1_480.jpg');}
}
/* End Device Swap Parameter  */

/* Region 5 No Background Images Parameter  */

/* Region 6 Wrap Background Swap Breakpoints */
@media (max-width: 980px) {
#region6wrap {background-image: url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/');}
}
@media (max-width: 767px) {
#region6wrap {background-image: url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/');}
}
@media (max-width: 480px) {
#region6wrap {background-image: url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/');}
}

/* Region 6 Wrap No Background Images Parameter  */
	
/* Region 6 Background Swap Breakpoints */

/* Region 6 No Background Images Parameter  */
@media (max-width: 767px) {#region6 {background-image:none;}}
	
/* Region 7 Wrap No Background Images Parameter  */
@media (max-width: 767px) {#region7wrap {background-image:none;}}
	
/* Region 7 Wrap Background Swap Breakpoints */
	
/* Region 7 Background Swap Breakpoints */

/* Region 7 No Background Images Parameter  */
@media (max-width: 767px) {#region7 {background-image:none;}}

	
/* Region 8 Wrap Background Swap Breakpoints */
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
#region8wrap {background-image: url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/');}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#region8wrap {background-image: url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/');}
}
/* Landscape phones and down */
@media (max-width: 480px) {
#region8wrap {background-image: url('https://tvk-dimbo.ru/templates/freshtruck/images/backgrounds/');}
}
/* End Device Swap Parameter  */

/* Region 8 Wrap No Background Images Parameter  */
	
/* Region 8 Background Swap Breakpoints */

/* Region 8 No Background Images Parameter  */
@media (max-width: 767px) {#region8 {background-image:none;}}
	
/* Region 9 Wrap Background Swap Breakpoints */

/* Region 9 Wrap No Background Images Parameter  */
@media (max-width: 767px) {#region9wrap {background-image:none;}}

 /* Region 9 Background Swap Breakpoints */

/* Region 9 No Background Images Parameter  */
@media (max-width: 767px) {#region9 {background-image:none;}}

/* Region 10 Wrap Background Swap Breakpoints */

/* Region 10 Wrap No Background Images Parameter  */
@media (max-width: 767px) {#region10wrap {background-image:none;}}

 /* Region 10 Background Swap Breakpoints */

/* Region 10 No Background Images Parameter  */
@media (max-width: 767px) {#region10 {background-image:none;}}

/* Region 11 Background Swap Breakpoints */

/* Region 11 No Background Images Parameter  */
@media (max-width: 767px) {#region11 {background-image:none;}}

 /* Region 11 Background Swap Breakpoints */

/* Region 11 No Background Images Parameter  */
@media (max-width: 767px) {#region11 {background-image:none;}}
	
/* Region 12 Wrap Background Swap Breakpoints */

/* Region 12 Wrap No Background Images Parameter  */
@media (max-width: 767px) {#region12wrap {background-image:none;}}

/* Region 12 Background Swap Breakpoints */

/* Region 12 No Background Images Parameter  */
@media (max-width: 767px) {#region12 {background-image:none;}}

/* Footer Wrap No Background Images Parameter  */
	
/* Footer Wrap Background Swap Breakpoints */
	
/* Footer  No Background Images Parameter  */
	
/* Footer Background Swap Breakpoints */
/* End Responsive Parameters */
