/*
Theme Name: DDS
Theme URI: http://digitaldealershipsolutions.ca/
Description: Landing Page
Author: Levon
Author URI: http://digitaldealershipsolutions.ca/
Template: dds
Version: 1.0
.
General comments/License Statement if any.
.
*/

html, body, span, applet, object, iframe,
 blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}




/* Main global 'theme' and typographic styles */
body {
	background: #fff;
}
body,
textarea {
	color: #616161;
	font-size: 13px;
	line-height: 18px;
font-family: tahoma;
}

h2 {
	font-size: 20px;
	text-align: center;
	padding-bottom: 15px;
color: #e85c00;

}




/* =Header
-------------------------------------------------------------- */

#header {
height: 80px;
width: 100%;
display: block;
float: left;
border-bottom: 3px solid #f55f00;
background: url(images/head.jpg) left repeat-x;

}

#header-center {
margin: 0 auto;
width: 960px;
height: 80px;
}


#logo {
padding-top: 10px;
width: 205px;
float: left;
}


#phone {
width: 240px;
height: 40px;
padding-top: 30px;
padding-left: 30px;
float: right;
font-size: 26px;
font-weight: bold;
color: #fff;
}


#phone a {
color: #fff;
}







/* =Slider
-------------------------------------------------------------- */




#slider {
float: left;
display: block;
padding-top: 50px;
width: 100%;
background: url(images/greyzz.png) left repeat;
height: 376px;
border-bottom: 1px solid #e8e8e8;
}

#slide {
margin: 0 auto;
width: 960px;
height: 336px;
background: url(images/adwords-header2.jpg) left no-repeat;
}



#mainimg {
float: left;
width: 368px;
padding-top: 70px;
height: 247px;
background: url(images/mainimg.png) left no-repeat;
}




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

#offer {
float: left;
display: block;
width: 100%;
height: 600px;
padding-bottom: 50px;
}

#offer-center {
width: 900px;
height: 600px;

margin: 0 auto;
background: url(images/offer.jpg) left no-repeat;
}








/* =Icons 
-------------------------------------------------------------- */






#icons-wrap {
float:left;
width: 100%;
margin-top:15px;
}

#icons {
margin: 0 auto;
width: 960px;
height: 160px;
}



#iconz {
float: left;
width: 970px;
text-align: center;
}

#icons img{
    border: 0px solid #ccc;
    float: left;
    margin: 10px;
    -webkit-transition: margin 0.2s ease-out;
    -moz-transition: margin 0.2s ease-out;
    -o-transition: margin 0.2s ease-out;
}
 
#icons img:hover {
    margin-top: 1px;
}



#icon1 {
float: left;
background: url(images/icons/icon1.png) left no-repeat;
width: 230px;
height: 140px;
margin-left: 4px;
margin-right: 4px;
}
#icon1:hover {
background: url(images/icons/icon1-hover.png) left no-repeat;
}

#icon2 {
float: left;
background: url(images/icons/icon2.png) left no-repeat;
width: 230px;
height: 140px;
margin-left: 4px;
margin-right: 4px;
}

#icon2:hover {
background: url(images/icons/icon2-hover.png) left no-repeat;
}

#icon3 {
float: left;
background: url(images/icons/icon3.png) left no-repeat;
width: 230px;
height: 140px;
margin-left: 4px;
margin-right: 4px;
}

#icon3:hover {
background: url(images/icons/icon3-hover.png) left no-repeat;
}

#icon4 {
float: left;
background: url(images/icons/icon4.png) left no-repeat;
width: 230px;
height: 140px;
margin-left: 4px;
margin-right: 4px;
}

#icon4:hover {
background: url(images/icons/icon4-hover.png) left no-repeat;
}

#icontext {
margin-top: 84px;
font-size: 11px;
color: #737373;
padding-left: 15px;
padding-right: 10px;
line-height: 14px;
}



/* =Maintext
-------------------------------------------------------------- */



#maintext-wrap {
float:left;
width: 100%;
margin-top:15px;
}

#maintext {
margin: 0 auto;
width: 900px;
}


 #maintext ul,li {
    list-style-type: none;
}

 #maintext ul li {
padding-left: 24px;
font-size: 14px;

 background: url(images/li.png) left no-repeat;
}

#video {
padding-top: 10px;
margin: 0 auto;
}

#description {
padding-top: 30px;
padding-bottom: 50px;
float: left;
line-height: 22px;
}





/* =Promo
-------------------------------------------------------------- */




#promo-wrap  {
float: left;
display: block;
width: 100%;
background: url(images/bg2.jpg) left repeat;
height: 500px;
margin-bottom: 20px;
border-bottom: 1px solid #cbcbcb;
}

#promo {
margin: 0 auto;
width: 960px;
}

#promo-left-wrap {
float: left;
width: 500px;

}

#promo-left {
text-align: center;
padding-top: 180px;
width: 400px;
height: 300px;
background: url(http://marketing.digitaldealershipsolutions.ca/wp-content/uploads/2017/01/promoph.png) left no-repeat;
}

#promo-phone {
text-align: center;
padding-top: 45px;
color: #ff8808;
font-size: 45px;
text-shadow: 2px 1px 0px #9b3604;
font-weight: bold;
}

#promo-phone a {
color: #ff8808;
}


#promo-right-wrap {
float: right;
width: 460px;
}


#promo-right {
text-align: center;
padding-top: 60px;
}


#form {
float: left;
padding-left: 30px;
width: 442px;
height: 386px;
background: url(images/form-bg.png) left no-repeat;
}



#formz {
float: left;
width: 390px;
padding-top: 40px;
}

#banners {
float: left;
margin-left: 0px;
margin-top: 30px;
width: 550px;
height: 275px;
background: url(images/banners.png) left no-repeat;
}

#phone-bottom {
float: left;
margin-left: 20px;
margin-top: 30px;
width: 426px;
height: 100px;
background: url(images/phone-bottom.png) left no-repeat;
}


#form-title {
float: left;
font-size: 18px;
font-weight: bold;
text-align: center;
 color: #fff;
}



/* =Promo
-------------------------------------------------------------- */



#results-wrap {
float:left;
width: 100%;
margin-top:15px;
}

#results {
margin: 0 auto;
width: 960px;
height: 315px;
}

#result {
float: left;
width: 220px;
margin-left: 6px;
margin-right: 6px;
}






/* =Clients
-------------------------------------------------------------- */




#clients-wrap {
float:left;
width: 100%;
margin-top:1px;
background: #f3f3f3;
height: 160px;
}

#clients {
margin: 0 auto;
width: 900px;

}

#client {
float: left;
width: 150px;
margin-left: 15px;
margin-right: 15px;
}



#clients-wrap h2 {
padding-bottom: 0px;
}



#copyright {
float: left;
width: 100%;
display: block;
background: #434343;
}

#copyright2 {
margin: 0 auto;
width: 960px;
font-size: 12px;
text-align: center;
color: #a0a0a0;

}




/* =End
-------------------------------------------------------------- */





#space {
float:left;
width: 100%;
margin-top:1px;
background: #fff;
height: 100px;
}





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

#footer {
float:left;
width: 100%;
margin-top:1px;
border-top: 8px solid #a0a0a0;
background: #5c5c5c;
height: 160px;
}

#foot-left {
float:left;
width: 50%;

}

#footer-logo {
margin-left: 40px;
margin-top: 45px;
background: url(images/footer-logo.png) left top no-repeat;
width: 277px;
height: 78px;
}

#footer-logo:hover {
background: url(images/footer-logo2.png) left top no-repeat;

}


#foot-right {
float:right;
width: 50%;
}

#footer-center {
margin: 0 auto;
width: 960px;

}


#foot-contacts {
color: #d0d0d0;
float: right;
margin-top: 30px;
text-align: right;
font-size: 14px;
}


#foot-contacts a {
color: #d0d0d0;

}

.route{
        margin-bottom:0px;
	overflow:hidden;
        -moz-transition: all 0.3s 0.01s ease;
        -o-transition: all 0.3s 0.01s ease;
        -webkit-transition: all 0.7s 0.01s ease;
        }

.route:hover{
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
        }

		
#form-name {
height: 44px;
width: 100%;
display: block;
float: left;
padding-left: 49px;
margin-top: 6px;
background: url(images/formicons/name.png) left top no-repeat;
}


#fomail  {
height: 44px;
width: 100%;
display: block;
float: left;
padding-left: 49px;
margin-top: 6px;
background: url(images/formicons/email.png) left top no-repeat;
}


#form-phone {
height: 44px;
width: 100%;
display: block;
float: left;
padding-left: 49px;
margin-top: 6px;
background: url(images/formicons/phone.png) left top no-repeat;
}


#form-mes {
height: 92px;
width: 100%;
display: block;
float: left;
padding-left: 49px;
margin-top: 6px;
background: url(images/formicons/mes.png) left top no-repeat;
}

#form-send {
width: 100%;
display: block;
float: right;
}


.wpcf7-submit {
border-radius: 4px;
width: 115px;
height: 35px;
float: right;
font-size: 14px;
color: #fff;
border: 1px solid #fa9b36;
background: #f48e21;
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
}


.wpcf7-submit:hover {
border-radius: 4px;
width: 115px;
height: 35px;
float: right;
font-size: 14px;
color: #fff;
border: 1px solid #fa9b36;
background: #e96901;

}


.wpcf7-submit:focus {
  outline: none;
}


#form-name input[type="text"] {
  display: block;
  margin: 0;
  width: 326px;
margin-top: 1px;
  font-family: sans-serif;
  font-size: 12px;
  appearance: none;
padding-left: 10px;

color: #484848;
  box-shadow: none;
border: 0px solid #fff;
border-radius: 0px 3px 3px 0px;
height: 40px;
}

#fomail input[type="email"] {
  display: block;
  margin: 0;
  width: 326px;
  font-family: sans-serif;
  font-size: 12px;
  appearance: none;
padding-left: 10px;
margin-top: 1px;
color: #484848;
  box-shadow: none;
border: 0px solid #fff;
border-radius: 0px 3px 3px 0px;
height: 40px;
}


#form-phone input[type="text"] {
  display: block;
  margin: 0;
  width: 326px;
margin-top: 1px;
  font-family: sans-serif;
  font-size: 12px;
  appearance: none;
padding-left: 10px;
color: #484848;
  box-shadow: none;
border: 0px solid #fff;
border-radius: 0px 3px 3px 0px;
height: 40px;
}

#form-mes textarea {
  display: block;
  margin: 0;
float: left;
  width: 326px;
  font-family: sans-serif;
  font-size: 12px;
  appearance: none;
margin-top: 1px;
padding-left: 10px;
color: #484848;
  box-shadow: none;
border: 0px solid #fff;
border-radius: 0px 3px 3px 0px;
height: 80px;
}


input[type="text"]:focus {
  outline: none;
}

div.wpcf7-validation-errors {
    border: 0px solid #f7e700 !important;
}
	

div.wpcf7-response-output {
    margin: 0em 0em 0em !important;
color: #fff;
}	

.wpcf7-not-valid-tip {
display: none !important;
}

div.wpcf7-mail-sent-ok {
    border: 0px solid #398f14 !important;
}

div.wpcf7-mail-sent-ng {
    border: 0px solid #ff0000 !important;
}