/*

Theme Name: JOE TRUCKS

Theme URL: 
Description: 
Author: SMART CUPS AGENCY
Author URI: www.smartcupsagency.ro
Version: v1 - 2021


*/


/*--------------------------------------------------------------
        Project
--------------------------------------------------------------*/

*{ margin: 0px auto; padding: 0px; font-family: 'Open Sans', sans-serif;}

h1{font-size:23px;line-height:31px;color:#6c757d;text-align:center;font-weight:normal;font-family: 'Montserrat', sans-serif;}
h2{font-size:17px;line-height:30px;color:#6c757d;text-align:left;text-decoration: none;margin:20px 0px 30px 0px;}
h3{font-size:18px;line-height:27px;color:#6c757d;text-align:left;text-decoration: none;margin:20px 0px 20px 0px;}
h4{font-size:17px;line-height:25px;padding:10px 0px 10px 0px;text-decoration: none;font-weight:normal}
h5{font-size:17px;line-height:25px;padding:10px 0px 10px 0px;text-decoration: none;font-weight:normal}
h6{font-size:13px;line-height:13px;padding:9px 0px 9px 0px;text-decoration: none;font-weight:normal;color:#fff;}
h7{font-size:17px;line-height:25px;margin:5px 0px 10px 10px;text-decoration: none;font-weight:normal;color:#050505;}

img { border:0; max-width: 100%; }
.aligncenter {display:block;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:15px;}

 ul li{ 
 margin: 0 0 0 0px;
}

.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:0px;
margin-top:25px;
height:0;
overflow:hidden;
}

.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/*--------------------------------------------------------------
        top
--------------------------------------------------------------*/

#top {
	float:left;
	background: #eaeef1;		
	width:100%;
	min-height:50px;
	position: fixed;
	z-index:1000;	
}
#top-list {
	float:right;
	width:40%;
	min-height:10px;
}
#top-sm {
	float:left;
	width:30%;
	min-height:24px;
	text-align:right;
	padding-right:10px;
	margin-top:14px;
	margin-bottom:12px;	
}
#top-ca {
	float:left;
	width:55%;
	min-height:10px;
	text-align:left;
	font-family: 'Montserrat', sans-serif;
	padding-top:15px;
}
#top-ca a {	
	background: #ffd12e url(files/images/bk-call-a.jpg) no-repeat right bottom;	
	color:#282828;
	font-size:18px;	
	text-decoration: none;
	padding:15px 50px 15px 25px;
}
#top-ca a:link {  }
#top-ca a:visited { }
#top-ca a:hover{
	background: #2a3f53 url(files/images/bk-call-h.jpg) no-repeat right bottom;		
	color:#fff;
	text-decoration: none;
}
/*--------------------------------------------------------------
        Header
--------------------------------------------------------------*/

#header {
	float:left;
	background: #fff;		
	width:100%;
	min-height:10px;
	margin-top:50px;
	overflow:hidden;	
}
#logo {
	float:left;
	width:40%;	
	min-height:10px;
	margin-top:35px;
	margin-bottom:35px;	
	text-align:center;
}
#call {
	float:right;
	width:40%;
	min-height:35px;
	margin-top:37px;
}
#call-ic {
	float:left;
	width:30%;
	min-height:10px;
	text-align:right;
	padding-right:25px;
}
#call-nr {
	float:left;
	width:55%;
	min-height:35px;
	text-align:left;
	border-left:1px solid #ababab;
	padding-left:15px;
	font-family: 'Montserrat', sans-serif;	
}
#call-nr a {	
	color:#282828;
	font-size:22px;	
	text-decoration: none;
	padding:4px 10px;	
}
#call-nr a:link {  }
#call-nr a:visited { }
#call-nr a:hover{
	background: #ffd12e;	
	color:#282828;
	text-decoration: none;
}
#menu {
	float:right;
	background: #2a3f53 url(files/images/bk-menu.jpg) no-repeat left top;	
	width:50%;
	min-height:68px;
	text-align:center;
	font-family: 'Oswald',;
	margin-top:	33px;
}
#menu-list {
	float:left;
	width:60%;	
	min-height:10px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size:17px;		
	font-weight: bold;
	letter-spacing: 1px;	
	margin-left:20%;
	margin-top:20px;
}
#menu-list a {	
	color:#fff;
	text-decoration: none;
	padding:20px 6px;
}
#menu-list a:link {  }
#menu-list a:visited { }
#menu-list a:hover{
	color:#ffd12e;
	text-decoration: none;
}
/*-------------------
    promo
---------------------*/

#promo {
	float:left;
	background: url(files/promo/01/bk-2560.jpg) no-repeat center center;
	width:100%;
	height:960px;
	overflow:hidden;		
}

/*--------------------------------------------------------------
        About
--------------------------------------------------------------*/

#about{
	float:left;	
	background: #fff;	
	width:100%;
	min-height:10px;
	overflow:hidden;		
}
#about-list {
	float:left;
	width:50%;	
	min-height:10px;
	margin-top:80px;
	margin-left:25%;	
}
#about-txt {
	float:left;
	width:100%;
	min-height:10px;
	font-size:16px;
	line-height:27px;
	color:#6c757d;
	text-align:center;
	margin-top:30px;		
} 


/*--------------------------------------------------------------
        Offer
--------------------------------------------------------------*/

#offer{
	float:left;	
	background: #fff;	
	width:100%;
	min-height:10px;
	overflow:hidden;		
}
#offer-list {
	float:left;
	width:90%;	
	min-height:10px;
	margin-top:80px;	
	margin-left:5%;	
}
#offer-1 {
	float:left;
	background: url(files/images/bk-offer-1-2560.jpg) no-repeat center right;
	width:48%;
	height:440px;
	margin-bottom:30px;
	overflow:hidden;	
} 
#offer-2 {
	float:right;
	background: url(files/images/bk-offer-2-2560.jpg) no-repeat center right;
	width:48%;
	height:440px;
	margin-bottom:30px;	
	overflow:hidden;
}
#offer-link {
	float:left;
	width:100%;
	min-height:10px;
	text-align:left;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;	
}
#offer-link a {	
	background: url(files/images/bk-offer-a.png) no-repeat left bottom;	
	color:#fff;
	font-size:25px;	
	text-decoration: none;
	padding-top:387px;
	padding-left:45px;
	padding-bottom:20px;
	display:block;
}
#offer-link a:link {  }
#offer-link a:visited { }
#offer-link a:hover{
	background: url(files/images/bk-offer-h.png) no-repeat left bottom;		
	color:#282828;
	text-decoration: none;
}

/*--------------------------------------------------------------
        transport
--------------------------------------------------------------*/

#transport{
	float:left;	
	background: url(files/images/bk-transport.jpg) no-repeat left center;		
	width:100%;
	min-height:10px;
	margin-top:100px;
	margin-bottom:60px;
	overflow:hidden;		
}
#transport-list {
	float:left;
	background: #fff;	
	width:80%;	
	min-height:10px;
	margin-left:10%;	
}
#transport-info {
	float:left;
	background: #fff;	
	width:26%;	
	min-height:400px;
	border:1px solid #c7cdd1;
	margin-left:3%;
	margin-right:1%;	
}
#transport-box {
	float:left;
	background: #fff;	
	width:20.50%;	
	min-height:400px;
	border:1px solid #c7cdd1;
	margin-left:1%;
	margin-right:1%;	
}
#transport-center {
	float:left;	
	width:90%;	
	min-height:10px;
	margin-left:5%;
	margin-top:15px;	
}
#transport-title {
	float:left;
	width:100%;
	min-height:10px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top:5px;
	color:#282828;
	font-size:19px;	
	text-decoration: none;
	margin-top:70px;	
}
#transport-link {
	float:left;
	width:100%;
	min-height:10px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	margin-top:25px;
	margin-bottom:65px;	
}
#transport-link a {	
	background: #fff;	
	color:#6c757d;
	font-size:15px;	
	text-decoration: none;
	padding:6px 15px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 - border-radius:10px;
 border:1px solid #6c757d;
	
}
#transport-link a:link {  }
#transport-link a:visited { }
#transport-link a:hover{
	background: #ffd12e;	
	color:#282828;
	text-decoration: none;
	border:1px solid #ffd12e;
}
#transport-txt {
	float:left;
	width:100%;
	min-height:10px;
	font-size:16px;
	line-height:27px;
	color:#6c757d;
	text-align:center;
	margin-top:30px;			
} 
#transport-img-1{
	float:left;	
	background: url(files/images/bk-transport-1.jpg) no-repeat center left;		
	width:100%;
	height:335px;
	overflow:hidden;	
}
#transport-img-2{
	float:left;	
	background: url(files/images/bk-transport-2.jpg) no-repeat center left;			
	width:100%;
	height:335px;
	overflow:hidden;		
}

#transport-img-3{
	float:left;	
	background: url(files/images/bk-transport-3.jpg) no-repeat center left;			
	width:100%;
	height:335px;
	overflow:hidden;		
}
#transport-route {
	float:left;
	width:100%;
	min-height:10px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top:5px;
}
#transport-route a {	
	color:#282828;
	font-size:19px;	
	text-decoration: none;
	padding:4px 10px;
	display:block;	
}
#transport-route a:link {  }
#transport-route a:visited { }
#transport-route a:hover{
	background: #ffd12e;	
	color:#282828;
	text-decoration: none;
}



/*--------------------------------------------------------------
        deck
--------------------------------------------------------------*/

#deck {
	float:left;	
	background: url(files/images/bk-transport.jpg) no-repeat center right;		
	width:100%;
	min-height:10px;
	margin-top:20px;
	margin-bottom:100px;
	overflow:hidden;		
}
#deck-list {
	float:left;
	background: #fff;	
	width:80%;	
	min-height:10px;
	margin-left:10%;	
}
#deck-info {
	float:right;
	background: #fff;	
	width:46%;	
	min-height:400px;
	border:1px solid #c7cdd1;
	margin-right:3%;	
}
#deck-img {
	float:left;
	background: url(files/images/bk-deck-2560.jpg) no-repeat center center;	
	width:46%;	
	min-height:400px;
	margin-left:3%;	
}

/*--------------------------------------------------------------
        car
--------------------------------------------------------------*/

#car {
	float:left;	
	background: url(files/images/bk-car-2560.jpg) no-repeat center center;		
	width:100%;
	height:409px;
	overflow:hidden;	
}
#car-list {
	float:left;
	width:80%;	
	min-height:10px;
	margin-left:10%;
	margin-top:120px;	
}
#car-title {
	float:left;	
	width:100%;	
	min-height:10px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	color:#fff;	
	font-size:25px;	
	font-weight: bold;
	letter-spacing: 1px;
	margin-top:15px;	
}
#car-link {
	float:left;
	width:100%;
	min-height:10px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top:35px;
}
#car-link a {	
	background: #ffd12e;	
	color:#282828;
	font-size:15px;	
	text-decoration: none;
	padding:6px 15px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 - border-radius:10px;
 border:1px solid #6c757d;
	
}
#car-link a:link {  }
#car-link a:visited { }
#car-link a:hover{
	background: #fff;	
	color:#282828;
	text-decoration: none;
	border:1px solid #282828;
}
/*--------------------------------------------------------------
        deck
--------------------------------------------------------------*/

#ca {
	float:left;	
	background: url(files/images/bk-ca-2560.jpg) no-repeat center right;		
	width:100%;
	height:402px;
	overflow:hidden;	
}
#ca-list {
	float:left;	
	width:30%;	
	min-height:10px;
	margin-left:10%;
	margin-top:120px;	
}
#ca-box {
	float:left;	
	width:100%;	
	min-height:10px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	color:#282828;
	font-size:25px;	
	font-weight: bold;
	letter-spacing: 1px;
	margin-top:15px;	
}
#ca-link {
	float:left;
	width:100%;
	min-height:10px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top:35px;
}
#ca-link a {	
	background: #1f72a2;	
	color:#fff;
	font-size:15px;	
	text-decoration: none;
	padding:6px 15px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 - border-radius:10px;
 border:1px solid #6c757d;
	
}
#ca-link a:link {  }
#ca-link a:visited { }
#ca-link a:hover{
	background: #ffd12e;	
	color:#282828;
	text-decoration: none;
	border:1px solid #ffd12e;
}
/*--------------------------------------------------------------
        Page
--------------------------------------------------------------*/

#page{
	float:left;	
	background: #fff;	
	width:100%;
	min-height:10px;
	overflow:hidden;
}
#page-list {
	float:left;
	width:90%;	
	min-height:10px;
	margin-top:40px;
	margin-bottom:60px;	
	margin-left:5%;	
}
#page-full {
	float:left;
	width:80%;	
	min-height:10px;
	margin-left:10%;	
}
#page-left {
	float:left;
	width:59%;	
	min-height:10px;
}
#title {
	float:left;
	width:100%;
	min-height:10px;
	text-decoration:none;
}
#content {
	float:left;
	width:100%;
	min-height:10px;
	font-size:16px;
	line-height:27px;
	color:#6c757d;
	text-align:justify;
	margin-top:20px;
	margin-bottom:20px;			
} 
#content p{ 
	margin:5px  0px 0px 0px;
	padding:5px  0px 0px 0px;
}	
#content a {
	color:#4483d1;
	text-decoration:none;
}
#content a:link { }
#content a:visited { }
#content a:hover{
	color:#1c73a6;
	text-decoration:none;
}
#page-right {
	float:right;
	width:38%;	
	min-height:10px;
	display: inline-block;
	vertical-align:top;
	margin-top:30px;	
}
#sidebar-box {
	float:left;
	width:100%;
	min-height:10px;
	margin-bottom:30px;
}

/*--------------------------------------------------------------
        Gallery
--------------------------------------------------------------*/
#gallery {
	float:left;
	background: #eeeeee;		
	width:100%;
	min-height:90px;
	overflow:hidden;
	margin-top:30px;		
}
#gallery-list {
	float:left;
	min-height:10px;
	margin-top:90px;
	margin-bottom:100px;
	width:70%;
	margin-left:15%;
}

/*--------------------------------------------------------------
        blog
--------------------------------------------------------------*/
#blog {
	float:left;
	background: #fff;		
	width:100%;
	min-height:100px;
}
#blog-sec {
	float:left;
	background: #fff;		
	width:100%;
	min-height:100px;
	margin-top:80px;	
}
#blog-list {
	float:left;
	min-height:10px;
	margin-top:120px;
	margin-bottom:120px;
	width:70%;
	margin-left:15%;
}
#blog-title {
	float:left;
	width:90%;
	min-height:10px;
	text-align:center;
	font-size:28px;
	line-height:26px;
	margin-left:5%;	
	margin-bottom:40px;
	font-weight:bold;	
} 
#blog-title  a {
	color:#282828;
	text-decoration: none;
	font-family: 'Cinzel', serif;
}
#blog-title a:link {  }
#blog-title  a:visited { }
#blog-title  a:hover{
	color:#263767;
	text-decoration: none;
}
#blog-box {
	float:left;		
	overflow:hidden;
	width:30%;
	min-height:10px;	
	margin-left:1.5%;
	margin-right:1.5%;	
	margin-bottom:40px;	
}
#blog-i {
	float:left;	
	width:100%;
	min-height:10px;
	text-align:center;
}
.postimg{
	width: auto;
	height:auto;
}
#blog-t {
	float:left;
	width:90%;
	min-height:10px;
	text-align:left;
	font-size:20px;
	line-height:26px;
	font-family: 'Montserrat', sans-serif;
	margin-left:5%;	
	margin-top:20px;
} 
#blog-t  a {
	color:#282828;
	text-decoration: none;
}
#blog-t a:link {  }
#blog-t  a:visited { }
#blog-t  a:hover{
	color:#282828;
	text-decoration:underline;
}
#blog-c {
	float:left;
	background: url(files/images/bk-cat.png) no-repeat center left;
	width:150px;
	min-height:10px;
	font-size:16px;
	line-height:28px;
	color:#777777;
	text-align:left;
	padding:5px 0px 5px 20px;
} 
#blog-c  a {
	color:#787979;
	text-decoration: none;
	}
#blog-c a:link {  }
#blog-c  a:visited { }
#blog-c a:hover{
	color:#4285f4;
	text-decoration:none;
}
#blog-d {
	float:right;
	background: url(files/images/bk-date.png) no-repeat center left;
	width:90px;
	min-height:10px;
	font-size:14px;
	line-height:14px;
	color:#787979;
	text-align:left;
	padding:5px 0px 5px 20px;
	margin-right:5px;
}
#blog-a {
	float:right;
	width:100%;
	margin:15px 0px;
	min-height:10px;
	text-align:right;
	font-size:14px;
} 
#blog-a  a {
	color:#777777;
	text-decoration: none;
}
#blog-a a:link {  }
#blog-a  a:visited { }
#blog-a a:hover{
	color:#4285f4;
	text-decoration:none;
}
#blog-e {
	float:left;
	width:90%;
	min-height:10px;
	font-size:16px;
	line-height:24px;
	color:#8f8f8f;
	text-align:justify;
	margin-left:5%;		
	margin-top:10px;
	padding-bottom:10px;
} 
#blog-l {
	float:left;
	width:90%;
	min-height:10px;
	text-align:justify;
	margin-left:5%;		
	margin-top:10px;
	padding-bottom:10px;
} 
#blog-l  a {
	background-color: #32ade7;
	color:#fff;
	font-size:13px;
	padding:6px 8px 6px 8px;
	text-decoration: none;
}
#blog-l a:link {  }
#blog-l  a:visited { }
#blog-l a:hover{
	background-color: #263767;	
	color:#ff;
	text-decoration:none;
}
#page-top {
	float:left;
	width:100%;
	min-height:10px;
	margin-top:20px;
}
#page-comments {
	float:left;
	width:100%;
	min-height:10px;
	margin-top:20px;
}
ol.commentlist{margin:0px 0 0;clear:both;overflow:hidden;list-style:none;}
ol.commentlist li{margin:5px 0;line-height:18px;padding:10px;}
ol.commentlist li .comment-author{font-size:15px;line-height:20px;color:#777777;text-align:left;}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{color:#4285f4;text-decoration:none;}
ol.commentlist li .comment-author .fn{color:#6C6C6C;}
cite.fn{color:#000;font-style:normal;}
ol.commentlist li .comment-author .avatar{float:left;border:1px solid #ddd;background:#fff;padding:3px;margin-right:15px;}
ol.commentlist li .comment-meta{font-size:13px;}
ol.commentlist li .comment-meta .commentmetadata{color:#000;}
ol.commentlist li .comment-meta a{color:#1D81B6;text-decoration:none}
ol.commentlist li p{margin-top:5px;font-size:18px;line-height:27px;color:#777777;text-align:justify;}
ol.commentlist li .reply{margin-top:10px;font-size:10px;}
ol.commentlist li .reply a{background:#fff;color:#6C6C6C;text-decoration:none;padding:3px 10px;border:1px solid #eaeaea;}
ol.commentlist li.odd{}
ol.commentlist li.even{}
ol.commentlist li ul.children{list-style:none;margin:1em 0 0;text-indent:0;}
ol.commentlist li ul.children li.depth-2{margin:0 0 0px 50px;}
ol.commentlist li ul.children li.depth-3{margin:0 0 0px 50px;}
ol.commentlist li ul.children li.depth-4{margin:0 0 0px 50px;}
ol.commentlist li ul.children li.depth-5{margin:0 0 0px 50px;}
.comment-nav{padding:5px;height:20px;}
.comment-nav a:link,.comment-nav a:visited{color:#222;}

#respond{margin:10px 0px;}
#respond h3{font-size:18px;line-height:23px;color:#757575;padding:10px;text-align:left;text-decoration: none;font-weight:normal;margin:20px 0px 20px 0px;border-left: 1px solid #81b636;}
#commentform{padding:10px 20px;}

#commentform label{display:block;color:#777777;}

.textarea {margin:7px 0px 10px 0px;width:90%;min-height:10px;font-size:14px;line-height:19px;color:#777777;text-align:justify;padding: 5px 10px;}
.submit{font-size:14px;margin-top:20px;cursor:pointer; background-color: #ff000a;color:#fff;padding: 5px 8px 5px 8px;letter-spacing: 2px;text-decoration:none; border: none;font-family: 'Montserrat', sans-serif;}
.submit:hover {background-color: #000000;color:#fff;}


.sidetitl-1{margin:10px 0px 10px 10px;width:95%;min-height:10px;text-align:center;font-size:19px;letter-spacing: 2px;color:#333333;text-align:left;font-weight:normal;font-family: 'Cinzel', serif;}	
.sidebox-1{float:left;margin:0px 0px 0px 0px;width:100%;color:#777777;}  
.sidebox-1 ul {margin:0px;padding: 0px 0px 5px 0px;list-style-type: none;}
.sidebox-1 li{ margin:0px;padding: 0px 0px 5px 0px; list-style-type: none;}
.sidebox-1 ul ul  {margin:0px;padding: 0px 0px 5px 0px;list-style-type:none;border:0;}
.sidebox-1 ul ul ul {margin:0px;padding: 0px 0px 5px 0px;list-style-type:none;border:0;}
.sidebox-1 ul ul ul ul {margin:0px;padding: 0px 0px 5px 0px;list-style-type:none;border:0;}	
.sidebox-1 ul li {margin:0px;padding: 0px 0px 0px 0px;width:100%;min-height:10px;line-height:18px;clear:left;list-style-type: none;font-size:13px;border:0;}	
.sidebox-1 ul li a:link, .sidebox-1 ul li a:visited {min-height:10px;text-align:left;font-size:14px;line-height:18px;color:#0397dc;text-decoration: none;display:block;padding:8px 10px 8px 10px;border-bottom: 1px solid #e8e8e8;}
.sidebox-1 ul li a:hover {min-height:10px;text-align:left;color:#282828;text-decoration:none;display:block;border-bottom: 1px solid #e8e8e8;} 
.sidebox-1 p {padding: 7px 10px; margin:0;color:#777777;}
.sidebox-1 table{width:100%; text-align:center; color:#777777; }	

#navigation { float: left; width: 100%; margin:30px 0px 30px 0px; min-height:30px; text-align:center; font-size: 17px; line-height:22px;color:#6C6C6C;}	
.wp-pagenavi a, .wp-pagenavi a:link {padding: 5px 5px 5px 5px;margin: 2px;text-decoration: none;background-color: #2e2e2e;border: 1px solid #FFF;color: #FFF;font-size: 13px;}
.wp-pagenavi a:visited {padding: 5px 5px 5px 5px;margin: 2px;text-decoration: none;background-color: #AAAAAA;border: 1px solid #FFF;color: #FFF;font-size: 14px;}
.wp-pagenavi a:hover {background-color: #1f2947;border: 1px solid #FFF;color: #ffffff;}
.wp-pagenavi a:active {padding: 5px 5px 5px 5px;margin: 2px;text-decoration: none;background-color: #d4d4d4;border: 1px solid #FFF;color: #8a8a8a;font-size: 13px;}
.wp-pagenavi span.pages {padding: 5px 5px 5px 5px;margin: 2px 2px 2px 0px;background-color: #2e2e2e;border: 1px solid #FFF;color: #FFF;font-size: 14px;}
.wp-pagenavi span.current {padding: 5px 5px 5px 5px;margin: 2px;font-weight: bold;background-color: #d4d4d4;border:1px solid #FFF;color: #8a8a8a;font-size: 13px;}
.wp-pagenavi span.extend {padding: 5px 5px 5px 5px;margin: 2px;border:1px solid #000000;color:#000000;background-color:#FFFFFF;}

/*-------------------
    Contact
---------------------*/

#contact-info {
	float:left;	
	width:30%;
	min-height:10px;
}

#contact-form {
	float:right;
	width:65%;
	min-height:10px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="select"],
.wpcf7 textarea,
.wpcf7-select {background: #fff;padding: 3px 7px;width:100%; margin: 6px 0px; box-sizing: border-box; font-size:13px;border: 1px solid #d3ced2;color:#777;}
.wpcf7-submit{
	text-decoration: none;
	background-color: #32ade7;
	color:#fff;
	font-size:13px;
	padding:6px 8px 6px 8px;
	cursor:pointer;
	border:0;
	}
.wpcf7-submit:hover {
	background-color: #263767;	
	color:#ff;
	text-decoration:none;	
}
.grecaptcha-badge {
    display: none !important;
}
#maps {
	float:left;
	width:100%;
	height:450px;
}

/*-------------------
    Footer
---------------------*/

#footer {
	float:left;
	background:#2a3f53;	
	width:100%;
	min-height:10px;
	overflow:hidden;		
}
#footer-list {
	float:left;
	width:70%;
	min-height:10px;
	margin-left:10%;
	margin-top:70px;
	margin-bottom:50px;
}
#footer-logo {
	float:left;
	width:18%;
	min-height:10px;
	text-align:center;
	margin-left:1%;
	margin-right:1%;	
	margin-top:40px;	
}
#footer-box {
	float:left;
	width:38%;
	margin-left:1%;
	margin-right:1%;
	min-height:10px;
} 
#footer-line {
	float:left;
	width:100%;
	min-height:10px;
}
#footer-icon {
	float:left;
	width:28%;
	min-height:10px;
	text-align:right;
	padding-top:8px;
}
#footer-txt {
	float:right;
	width:68%;
	min-height:10px;
	font-size: 15px;
	line-height:32px;
	color:#b3bdc7;
	text-align:left;
	padding-bottom:15px;	
}
#footer-txt  a {
	color:#b3bdc7;
	text-decoration: none;
} 
#footer-txt a:link {  }
#footer-txt  a:visited { }
#footer-txt  a:hover{
	color:#ffffff;
	text-decoration:none;
}
/*-------------------
    Project
---------------------*/

#project {
	float:left;
	background:#fff;
	min-height:10px;
	width:100%;
}
#project-list {
	float:left;
	width:90%;	
	min-height:10px;
	margin-left:5%;	
	margin-top:20px;
	margin-bottom:20px;
}
#copyright {
	float:left;
	min-height:10px;
	font-size:13px;
	color:#6c757d;
	text-align:center;
}
#created {
	float:right;
	min-height:10px;
}

/*-------------------
    Site map
---------------------*/

#site-map {
	float:left;
	width:100%;
	min-height:10px;
	margin-top:30px;
}
#site-map-box-l {
	float:left;
	width:49%;
	min-height:10px;
}
#site-map-box-r {
	float:right;
	width:49%;
	min-height:10px;
}
#site-map-title {
	float:left;
	background: #f5d302;	
	width:100%;
	min-height:10px;
	font-size:16px;
	color:#454545;	
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
	padding: 10px 0px 10px 0px;
}
#site-map-page {
	float:left;
	width:94%;
	margin-left:3%;
	margin-right:3%;	
	min-height:10px;
	font-size:15px;
	line-height:20px;
	color:#c9c9c9;
	border-bottom:1px solid #c9c9c9;		
}
#site-map-page a {
	color:#000000;
	text-decoration:none;
	padding:10px;	
	display:block;
}
#site-map-page a:link { }
#site-map-page a:visited { }
#site-map-page a:hover{
	background: #0078d7;
	color:#fff;
	text-decoration:none;
}

/*-------------------
    Display
---------------------*/

@media (min-width:2560px)
{
#page-right {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
#footer-list {
	width:70%;
	margin-left:15%
} 
}
@media (min-width:2000px) and (max-width:2559px)
{
#page-right {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
#footer-list {
	width:70%;
	margin-left:15%
}
}
@media (min-width:1800px) and (max-width:1999px)
{
#promo {
	background: url(files/promo/01/bk-2000.jpg) no-repeat center center;
	height:960px;
}	
#page-right {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
#footer-list {
	width:70%;
	margin-left:15%
}
}
@media (min-width:1600px) and (max-width:1799px)
{
#promo {
	background: url(files/promo/01/bk-1800.jpg) no-repeat center center;
	height:864px;	
}
#page-right {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
#footer-list {
	width:80%;
	margin-left:10%
}
}
@media (min-width:1400px) and (max-width:1599px)
{
#promo {
	background: url(files/promo/01/bk-1600.jpg) no-repeat center center;
	height:768px;	
}
#page-right {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
#footer-list {
	width:80%;
	margin-left:10%
}
}
@media (min-width:1200px) and (max-width:1399px)
{

#promo {
	background: url(files/promo/01/bk-1400.jpg) no-repeat center center;
	height:672px;	
}
#page-right {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
#footer-list {
	width:80%;
	margin-left:10%
}
}
@media (min-width:1000px) and (max-width:1199px)
{
#top-list {
	width:50%;
}	
#menu {
	width:60%;	
}	
#promo {
	background: url(files/promo/01/bk-1200.jpg) no-repeat center center;
	height:576px;	
}
#transport-info {	
	width:94%;	
	min-height:10px;
	margin-left:3%;
	margin-right:3%;	
}
#transport-box {
	float:left;
	width:29%;	
	margin-left:3%;
	margin-right:0%;
	margin-top:40px;		
}
#car {
	background: url(files/images/bk-car-1200.jpg) no-repeat center center;			
}
#ca {	
	background: url(files/images/bk-ca-1000.jpg) no-repeat center right;			
}
#ca-list {
	width:50%;	
	margin-top:120px;	
}
#page-right {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
#footer-list {
	width:80%;
	margin-left:10%
}
}
@media (min-width:768px) and (max-width:999px)
{
#top-list {
	width:100%;
}
#logo {
	width:60%;	
}
#call {
	width:37%;
	margin-top:57px;
}
#menu {
	width:100%;
	margin-top:10px;	
}
#menu-list {
	width:85%;	
	margin-left:15%;
}
#promo {
	background: url(files/promo/01/bk-1000.jpg) no-repeat center center;
	height:480px;
}
#about-list {
	width:70%;	
	margin-left:15%;	
}
#transport-info {	
	width:94%;	
	min-height:10px;
	margin-left:3%;
	margin-right:3%;	
}
#transport-box {
	float:left;
	width:29%;	
	margin-left:3%;
	margin-right:0%;
	margin-top:40px;		
}
#car {
	background: url(files/images/bk-car-1000.jpg) no-repeat center center;			
}
#ca {	
	background: url(files/images/bk-ca-1000.jpg) no-repeat center right;			
}
#ca-list {
	width:50%;	
	margin-top:120px;	
}
#column-sidebar {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
#footer-list {
	width:90%;
	margin-left:5%
}
}
@media (min-width:480px) and (max-width:767px)
{
#top-list {
	width:100%;
}
#logo {
	width:60%;	
}
#call {
	width:37%;
	margin-top:57px;
}
#menu {
	width:100%;
	margin-top:10px;	
}
#menu-list {
	width:85%;	
	margin-left:15%;
}	
#promo {
	background: url(files/promo/01/bk-768.jpg) no-repeat center center;
	height:369px;
}
#about-list {
	width:70%;	
	margin-left:15%;	
}
#offer-1 {
	background: url(files/images/bk-offer-1-768.jpg) no-repeat center right;
	width:98%;	
} 
#offer-2 {
	background: url(files/images/bk-offer-2-768.jpg) no-repeat center right;
	width:98%;
}
#transport-info {	
	width:94%;	
	min-height:10px;
	margin-left:3%;
	margin-right:1%;	
}
#transport-box {
	float:left;
	width:94%;	
	margin-left:3%;
	margin-right:3%;
	margin-top:40px;	
}
#deck-info {	
	width:94%;	
	margin-top:40px;	
}
#deck-img {
	background: url(files/images/bk-deck-768.jpg) no-repeat center center;	
	width:94%;	
}
#car {
	background: url(files/images/bk-car-768.jpg) no-repeat center center;			
}
#ca {	
	background: url(files/images/bk-ca-768.jpg) no-repeat center center;		
	height:300px;	
}
#ca-list {
	width:80%;	
	margin-top:80px;	
}

#page-list {
	width:80%;
	margin-left:10%
}
#page-left {
	width:100%;
}
#page-right {
	width:95%;
	margin-top:30px;
	margin-left:5%;
}
#blog-box {
	width:85%;
	margin-left:7.5%;
	min-height:10px;
}
#contact-info {
	width:100%;
}
#contact-form {
	width:100%;
	margin-top:30px;
}
#maps {
	height:300px;
	margin-top:30px;
}
#footer-list {
	width:85%;
	margin-left:7.5%
}
#footer-logo {
	width:98%;	
	margin-top:0px;	
}
#footer-box {
	width:48%;
	margin-top:40px;	
} 
}
@media (min-width:300px) and (max-width:479px)
{
#top-list {
	width:100%;
}
#top-sm {
	width:45%;	
}
#top-ca {
	width:52%;
}
#top-ca a {	
	font-size:16px;	
	padding:15px 30px 15px 5px;
}
#logo {
	width:100%;	
}
#call {
	width:70%;
	margin-top:0px;
}
#menu {
	width:100%;	
	margin-top:20px;	
}
#menu-list {
	width:94%;
	font-size:15px;		
	margin-left:6%;
}	
#promo {
	background: url(files/promo/01/bk-480.jpg) no-repeat center center;
	height:300px;
}
#about-list {
	width:80%;	
	margin-left:10%;	
}
#offer-1 {
	background: url(files/images/bk-offer-1-480.jpg) no-repeat center right;
	width:98%;	
} 
#offer-2 {
	background: url(files/images/bk-offer-2-480.jpg) no-repeat center right;
	width:98%;
}
#transport-info {	
	width:94%;	
	min-height:10px;
	margin-left:3%;
	margin-right:1%;	
}
#transport-box {
	float:left;
	width:94%;	
	margin-left:3%;
	margin-right:3%;
	margin-top:40px;	
}
#deck-info {	
	width:94%;	
	margin-top:40px;	
}
#deck-img {
	background: url(files/images/bk-deck-480.jpg) no-repeat center center;	
	width:94%;	
}
#car {
	background: url(files/images/bk-car-480.jpg) no-repeat center center;			
}
#ca {	
	background: url(files/images/bk-ca-480.jpg) no-repeat center center;		
	height:300px;	
}
#ca-list {
	width:80%;	
	margin-top:40px;	
}

#page-list {
	width:80%;
	margin-left:10%
}
#page-left {
	width:100%;
}
#page-right {
	width:100%;
	margin-top:30px
}
#contact-info {
	width:100%;
}
#contact-form {
	width:100%;
	margin-top:30px;
}
#maps {
	height:300px;
	margin-top:30px;
}
#blog-box {
	width:85%;
	margin-left:7.5%;
	min-height:10px;
}
#footer-list {
	width:85%;
	margin-left:7.5%
}
#footer-logo {
	width:98%;	
	margin-top:0px;	
}
#footer-box {
	width:98%;
	margin-top:40px;	
}
}