/*******************************************************************************************************
COLORS

White:#fff;
Brown:#603c2f;
Black:#231f20;
Blue:#215670;
Turquoise:#69c9ca;

FONTS
Body Font
font-family: 'Libre Baskerville', serif;
Serif Headers
font-family: 'Vollkorn', serif;
Sans Serif Headers
font-family: 'Karla', sans-serif;
********************************************************************************************************/

/*********************************************************************************
Typography
*********************************************************************************/
h1
{
font-family: 'Karla', sans-serif;
font-size: 72px;
letter-spacing: 5px;
font-weight: 500;
text-transform: uppercase;
}
h2
{
font-family: 'Karla', sans-serif;
color:#603c2f;
font-size:34px;
letter-spacing:1.2px;
font-weight:600;
}
h3
{
font-family: 'Vollkorn', serif;
font-weight:600;
font-size:30px;
font-style: italic;
letter-spacing: 1.2px;
}
h4
{
font-size: 29px;
font-weight: 400;
margin: 26px 0 26px;
font-family: 'Karla', sans-serif;
}
h5
{
font-size: 24px;
font-weight: 600;
margin: 13px 0;
font-family: 'Karla', sans-serif;
}
h6
{
}
a
{
text-decoration:none;
cursor:pointer;
}
ul li
{
}
ol li
{
}
div, span
{
}
p
{
padding:0;
width:100%;
height:auto;
font-size:16px;
letter-spacing:0.5px;
margin:0 0 30px 0;
line-height:24px;
}
/*********************************************************************************
Main Body Dimensions
*********************************************************************************/
body
{
display:block;
float:none;
width:100%;
height:100%;
margin:0;
padding:0;
background:url(../images/Paisley-Overlay6.png) repeat;
background-color:#fff;
background-position:50%;
background-size: 260px;
font-family: 'Libre Baskerville', serif;
text-align:center;
color:#231f20;
}
div.inner-wrap-wide
{
display:inline-block;
float:none;
width:1446px;
height:auto;
margin:0;
padding:0;
text-align:left;
background:#fff;
}
div.inner-wrap
{
display:inline-block;
float:none;
width:89.4%;
height:auto;
margin:0px 5.3% 70px;
text-align:left;
background:#fff;
}
div.inner-wrap.home-top
{
margin:0px 5.3% 10px;
}
/*********************************************************************************
Header Section
*********************************************************************************/
div.header
{
display:inline-block;
width:100%;
height:90px;
background:#fff;
margin:0;
padding:0;
position:fixed;
top:0;
left:0;
right:0;
z-index:10000;
}
div.header div.inner-wrap-wide
{
text-align: center;
width: auto;
}
div.header ul
{
width:100%;
text-align:center;
max-width:1248px;
float:none;
margin:30px 0;
padding:0;
height:auto;
list-style-type:none;
}
div.header ul li
{
width:100%;
text-align:center;
float:none;
margin:0;
padding:0 12px 0 12px;
height:30px;
width:auto;
float:left;
line-height:30px;
list-style-type:none;
text-transform:uppercase;
font-family: 'Karla', sans-serif;
border-right:solid 1px #69c9ca;
font-weight:700;
letter-spacing:1px;
}
div.header ul li a
{
width:auto;
height:100%;
display:block;
margin:0;
color:#215670;
padding:0px;
}
div.header ul li a:hover
{
color:#69c9ca;
}
div.header ul li.menu-item-660
{
width:79px;
}
div.header ul li.menu-item-661
{
width:113px;
}
div.header ul li.menu-item-795
{
width:211px;
}
div.header ul li.menu-item-656
{
width:156px;
}
div.header ul li.menu-item-810
{
width:190px;
}
div.header ul li.menu-item-811
{
width:152px;
}
div.header ul li.menu-item-658
{
width:133px;
}
div.header ul li.menu-item-663
{
width:138px;
}
div.header ul li ul
{
max-width: 400px;
text-align: left;
margin: 0;
padding: 30px 16px 16px;
height: auto;
width: 100%;
float: left;
line-height: 30px;
list-style-type: none;
font-family: 'Karla', sans-serif;
border-bottom: solid 0px #fff;
letter-spacing: 1.2px;
display: none;
background: #fff;
}
div.header ul li.menu-item-795 ul
{
width: 112%;
}
div.header ul li.menu-item-656 ul
{
width: 156%;
}
div.header ul li.menu-item-810 ul
{
width: 128%;
}
div.header ul li.menu-item-811 ul
{
width: 156%;
}
div.header ul li:hover ul
{
display:block;;
}
div.header ul li ul li
{
width: 100%;
height: auto;
display: inline-block;
margin: 0;
color: #215670;
padding: 0px;
text-transform: initial;
text-align: left;
border-right: solid 0px #fff;
border-bottom: solid 1px #69c9ca;
}
div.header ul li.menu-item-798, div.header ul li.menu-item-803, div.header ul li.menu-item-806, div.header ul li.menu-item-809
{
border-bottom: solid 1px #fff;
}
div.header ul li ul li:hover
{
border-bottom: solid 1px #69c9ca;
}
div.header ul li ul li a
{
padding:14px 0;
}
div.header ul li ul li:hover a
{
color:#69c9ca !important;
}


div.header ul li#menu-item-663
{
border-right:solid 0px #fff;
}
/*********************************************************************************
Main Content Section
*********************************************************************************/
div.main-content-section
{
width:100%;
height:auto;
display:inline-block;
margin:0;
padding:0px;
float:none;
margin-top: 38px;
}
div.main-content-image
{
width:100%;
height:400px;
display:inline-block;
margin:0;
padding:0px;
float:none;
background:url(../images/Page-Header.png) no-repeat;
background-position:50%;
background-size:cover;
text-align:center;
background-color:#283f67cc;
background-blend-mode: multiply;
}
div.main-content-image:hover
{
background-color:#603c2f;
}
div.main-content-image h1
{
color: #fff;
margin-top: 112px;
margin-bottom: 26px;
}
div.Main-Content-WP-Loop.default-page-style
{
display:inline-block;
width:80%;
height:auto;
margin:0 10%;
padding:0;
float:none;
}
div.main-content-wrap h2
{
text-align:center;
width:60%;
margin:0 20% 60px;
}
div.Main-Content-WP-Loop h2
{
text-align:center;
width:100%;
margin:10px 0% 30px;
}
div.main-content-image h3
{
color:#fff;
margin-top:0;
width:900px;
text-align:center;
display:inline-block;
margin:0 150px 0 150px;
}
div.Main-Content-WP-Loop ul, div.Main-Content-WP-Loop ol
{
margin: 30px 0 30px;
padding:0 5%;
}
div.Main-Content-WP-Loop ul li, div.Main-Content-WP-Loop ol li
{
line-height: 1.5em;
margin-bottom: 15px;
}
div.main-content-section a
{
color:#69c9ca;
}
div.main-content-section a:hover
{
color:#215670;
}
div.main-content-image a
{
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
div.main-content-wrap img
{
display:inline-block;
width:80%;
padding:0;
margin:0 10% 60px;
float:none;
height:auto;
}
div.main-content-wrap img.initial
{
width: initial !important;
margin-left: 0;
margin-top: 30px;
display: block;
}
table.paragraph-table
{
width:100%;
border:0;
border-collapse: collapse;
margin:0 0 50px 0;
padding:0;
}
tr.header-row
{
padding:0;
margin:0;
background:#c0c0c0;
color:#515a63;
}
tr.header-row th
{
padding:16px 8px;
margin:0;
font-weight:600;
text-align:left;
vertical-align:top;
font-size: 16px;
letter-spacing: 0.8px;
font-family: 'Karla', sans-serif;
}
tr.table-row.odd
{
}
tr.table-row.even
{
background:#e3e2e2;
}
tr.table-row td
{
padding:16px 8px;
vertical-align:top;
font-size: 16px;
letter-spacing: 0.8px;
font-family: 'Karla', sans-serif;
}
/*********************************************************************************
Home Page Specific
*********************************************************************************/
body.home div.main-content-image
{
height: 467px;
background: url(../images/Home-Page-Header.png) no-repeat;
background-position: 50%;
background-size: cover;
background-color: #283f67cc;
background-blend-mode: multiply;
}
body.home div.main-content-image:hover
{
background-color:#603c2f;
}
body.home div.main-content-image div.logo
{
height: 260px;
background: url(../images/Paisley-Pillars-Logo-Transparent.png) no-repeat;
background-position: 50%;
width:800px;
float: none;
display: inline-block;
margin-top: 80px;
}
body.home div.main-content-image a:hover
{
display:block;
width:100%;
height:100%;
padding:0;
margin:0;
}
body.home div.main-content-image a:hover
{
opacity:0.9;
}
div.home-page-row
{
width:100%;
display:inline-block;
float:left;
padding:0;
margin:0;
}
div.home-page-left
{
width:30%;
display:inline-block;
float:left;
padding:0;
margin:0 5% 0 0;
}
div.home-page-right
{
width:65%;
display:inline-block;
float:left;
padding:0;
margin:0;
}
div.home-page-row h2
{
color: #215670;
margin: 0;
padding: 0;
text-align: left;
width: 100%;
}
span.the-pike
{
width:100%;
display:inline-block;
float:left;
padding:0;
margin:0;
background: url(../images/Paisley-Pike-Two-Tone.png) no-repeat;
background-position:50%;
height:auto;
min-height:110px
}
span#keep-reading, span#why-paisley-pike
{
display: inline-block;
position: relative;
top: -120px;
height: 1px;
}
/*********************************************************************************
Callout Widget Section
*********************************************************************************/
div.callout-widget
{
display: inline-block;
width: 100%;
margin: 0 0 0 0px;
text-align: center;
height:auto;
max-width:114%;
min-height:268px;
}
div#why-you-need-us.callout-widget
{
background: url(../images/When-You-Need-Us.png) no-repeat;
background-size: cover;
background-position: 50%;
background-color:#4e8aa7;
}
div#why-you-need-us.callout-widget a
{
display:block;
width:100%;
height:100%;
padding:0;
margin:0;
}
div#why-you-need-us.callout-widget:hover
{
background-blend-mode: multiply;
}
div.callout-widget h3
{
color: #fff;
margin-top: 110px;
font-size: 40px;
display: inline-block;
}
/*********************************************************************************
Home Page Widgets
*********************************************************************************/
div.home-bottom-widgets
{
width:100%;
display:inline-block;
float:left;
padding:0;
margin:0;
}
div.widget-left-col, div.widget-right-col
{
display:inline-block;
float:left;
padding:0;
margin:0;
height:auto;
}
div.home-bottom-widgets.upper
{
margin-top: 0px;
height: auto;
margin-bottom:10px;
width:90%;
margin-left:5%;
margin-right:5%;
}
div.home-bottom-widgets.upper div.textwidget
{
width: 93.11%;
height: auto;
margin: 0px 3.44% 20px 3.44%;
display: inline-block;
min-height: 210px;
padding-bottom:6px;
}
div.We-offer
{
display:inline-block;
width:90%;
height:auto;
min-height:100px;
margin-left:5%;
margin-right:5%;
}
div.Not-offer h2
{
text-align: center;
width: 60%;
margin: 0 20% 40px;
}
div.home-bottom-widgets.upper div.widget-left-col
{
width:47.5%;
margin-right:5%
}
div.home-bottom-widgets.upper div.widget-left-col p
{
width:100%;
}
div.home-bottom-widgets.upper div.widget-right-col
{
width:47.5%;
}
div.home-bottom-widgets.upper div.widget-right-col
{
text-align:right;
}
div.home-bottom-widgets h2
{
margin: 0;
padding: 0;
text-align: center;
width: 100%;
color: #082644;
line-height:50px;
font-size:30px;
}
div.home-bottom-widgets.three-col
{
height: 318px;
width: 102%;
display: inline-block;
margin-left:4%;
}
div.home-bottom-widgets.three-col div.textwidget
{
border: 1px solid #fff;
display: inline-block;
margin: 11px 1.2% 11px 1.2%;
width: 93.2%;
height: auto;
min-height: 192px;
padding-top: 34px;
}
div.home-bottom-widgets.three-col div.three-col-left p
{
width: 80%;
margin: 4px 10%;
font-size: 16px;
color: #fff;
}
div.three-col-left
{
display: inline-block;
float: left;
width: 28%;
margin: 0 1% 0 1%;
padding: 0;
text-align: center;
font-family: 'Karla', sans-serif;
height: auto;
background-color: #082644;
min-height: 250px;
}
div.three-col-left a
{
display:block;
float:left;
height:100%;
width:100%;
margin:0;
padding:0;
color:#fff;
background-position:50%;
background-size:cover;
background-color:#69c9ca;
}
div.three-col-center
{
display:inline-block;
float:left;
width:28%;
margin:0 1% 0 1%;
padding:0;
text-align:center;
font-family: 'Karla', sans-serif;
height: auto;
background-color: #082644;
min-height: 250px;
}
div.home-bottom-widgets.three-col div.three-col-center p
{
width:80%;
margin:4px 10%;
font-size:16px;
color:#fff;
}
div.three-col-center a
{
display:block;
float:left;
height:100%;
width:100%;
margin:0;
padding:0;
color:#fff;
background-position:50%;
background-size:cover;
background-color:#69c9ca;
}
div.three-col-right
{
display:inline-block;
float:left;
width:28%;
margin:0 1% 0 1%;
padding:0;
text-align:center;
font-family: 'Karla', sans-serif;
height: auto;
background-color: #082644;
min-height: 250px;
}
div.home-bottom-widgets.three-col div.three-col-right p
{
width:80%;
margin:4px 10%;
font-size:16px;
color:#fff;
}
div.three-col-right a
{
display:block;
float:left;
height:100%;
width:100%;
margin:0;
padding:0;
color:#fff;
background-position:50%;
background-size:cover;
background-color:#69c9ca;
}
div.home-bottom-widgets.three-col a:hover
{
background-blend-mode: multiply;
color:#fff !important;
}
div.Not-offer
{
display: inline-block;
width: 90%;
height: auto;
min-height: 80px;
margin-left: 5%;
margin-right: 5%;
}
div.Not-offer h2
{
text-align: center;
width: 60%;
margin: 0 20% 40px;
}
div.home-bottom-widgets.two-col
{
display:inline-block;
width:90%;
height:auto;
margin:0 5% 0px 5%;
padding:0;
min-height:350px;
}
div.two-col-left
{
border: 2px solid #1e4d6b;
display:inline-block;
float:left;
width:44%;
height:auto;
margin:30px 1% 30px 1%;
padding:0;
min-height:280px;
}
div.two-col-left p, div.two-col-right p
{
background: url(../images/Turq-arrow.png) no-repeat;
padding-left: 25px;
background-position: 0 4px;
margin:8px 0px 0px 1px;
}
div.two-col-left div.textwidget
{
display: inline-block;
margin: 46px 40px 30px 40px;
padding:0;
color:#082644;
}
div.two-col-right
{
border: 2px solid #082644;
display:inline-block;
float:left;
width:44%;
height:auto;
margin:30px 1% 30px 1%;
padding:0;
min-height:280px;
}
div.two-col-right div.textwidget
{
display: inline-block;
margin: 45px 40px 30px 40px;
padding:0;
color:#082644;
}
div#why-you-need-us.callout-widget
{
display: inline-block;
margin: 0 0 0 0px;
}
/*********************************************************************************
Newsletter Widget
*********************************************************************************/


/*********************************************************************************
About Us Page Specific
*********************************************************************************/

body.page-id-8 div.main-content-image
{
width:100%;
height:400px;
display:inline-block;
margin:0;
padding:0px;
float:none;
background:url(../images/Pillars-About-Us-Header.jpg) no-repeat;
background-position:50%;
background-size:cover;
text-align:center;
background-color:#283f67cc;
background-blend-mode: multiply;
}

body.page-id-8 div.main-content-image:hover 
{
background-color: #603c2f;
}
div.list-three-col-about-us-one
{
height:auto;
width:102%;
display:inline-block;
margin:0;
min-height:200px;
}
div.list-three-col-about-us-two
{
height:auto;
width:102%;
display:inline-block;
margin:0;
min-height:190px;
}
div.list-col-left
{
display:inline-block;
float:left;
width:31%;
margin:0 1% 0 1%;
padding:0;
height:320px;
}
div.list-col-center
{
display:inline-block;
float:left;
width:31%;
margin:0 1% 0 1%;
padding:0;
height:320px;
}
div.list-col-right
{
display:inline-block;
float:left;
width:31%;
margin:0 1% 0 1%;
padding:0;
height:320px;
}

/*********************************************************************************
About You Page Specific
*********************************************************************************/

div.list-three-col-about-you-one
{
height:auto;
width:102%;
display:inline-block;
margin:0;min-height:150px;
}
div.list-three-col-about-you-two
{
height:auto;
width:102%;
display:inline-block;
margin:0;
min-height:200px;
}
div.list-three-col-about-you-three
{
height:auto;
width:102%;
display:inline-block;
margin:0;
min-height:174px;
}
div.list-col-left
{
display:inline-block;
float:left;
width:31%;
margin:0 1% 0 1%;
padding:0;
height:320px;
}
div.list-col-center
{
display:inline-block;
float:left;
width:31%;
margin:0 1% 0 1%;
padding:0;
height:auto;
min-height:320px;
}
div.list-col-right
{
display:inline-block;
float:left;
width:31%;
margin:0 1% 0 1%;
padding:0;
height:auto;
min-height:320px;
}

/*********************************************************************************
Services Page Specific
*********************************************************************************/

body.page-id-12 div.main-content-image
{
width:100%;
height:400px;
display:inline-block;
margin:0;
padding:0px;
float:none;
background:url(../images/Services-Header.jpg) no-repeat;
background-position:50%;
background-size:cover;
text-align:center;
background-color:#283f67cc;
background-blend-mode: multiply;
}

body.page-id-12 div.main-content-image:hover 
{
background-color: #603c2f;
}
div.list-three-col-services-one
{
height:auto;
width:102%;
display:inline-block;
margin:0;
min-height:310px;
}
div.list-col-left
{
display:inline-block;
float:left;
width:31%;
margin:0 1% 0 1%;
padding:0;
height:auto;
min-height:170px;
}
div.list-col-center
{
display:inline-block;
float:left;
width:31%;
margin:0 1% 0 1%;
padding:0;
height:auto;
min-height:170px;
}
div.list-col-right
{
display:inline-block;
float:left;
width:31%;
margin:0 1% 0 1%;
padding:0;
height:auto;
min-height:170px;
}


/*********************************************************************************
Contact Page Specific
*********************************************************************************/

body.page-id-14 div.main-content-image
{
width:100%;
height:400px;
display:inline-block;
margin:0;
padding:0px;
float:none;
background:url(../images/Contact-Header.jpg) no-repeat;
background-position:50%;
background-size:cover;
text-align:center;
background-color:#283f67cc;
background-blend-mode: multiply;
}

body.page-id-14 div.main-content-image:hover 
{
background-color: #603c2f;
}


/*********************************************************************************
Footer Section
*********************************************************************************/
div.footer-section
{
display:inline-block;
float:none;
text-align:center;
width:100%;
min-height:436px;
margin:0;
padding:0;
background:url(../images/Paisley-Overlay4.png) repeat;
background-color:#603c2f;
background-size: 260px;
border-top: 6px solid #fff;
}
div.footer-section div.inner-wrap
{
background:transparent;
margin-top:70px;
}
div.footer-section div.inner-wrap-wide
{
background:transparent;
}
div.footer-section a, div.footer-section p
{
color:#fff;
font-family: 'Karla', sans-serif;
}
div.footer-left
{
width:25.5%;
display:inline-block;
padding:0;
margin:0;
float:left;
}
div.footer-left a
{
width: 100%;
display: inline-block;
padding: 0;
margin: 0;
float: left;
height: 110px;
background: url(../images/Paisley-Pillars-Footer-Logo-Transparent.png) no-repeat;
background-position: 0px -8px;
overflow: visible;
position: relative;
left: -40px;
}
div.footer-left a:hover
{
opacity:0.7;
color:#fff !important;
}
div.footer-section a:hover
{
color:#fff !important;
opacity:0.7;
}
div.footer-right
{
width:70%;
display:inline-block;
padding:0;
margin:0;
float:right;
}
div.footer-col-left
{
width: 18%;
display: inline-block;
padding: 0;
margin: 0;
float: left;
}
div.footer-col-middle-left
{
width: 22%;
display: inline-block;
padding: 0;
margin: 0;
float: left;
}
div.footer-col-middle-right
{
width:36%;
display: inline-block;
padding: 0;
margin: 0;
float: left;
}
div.footer-col-middle-right p
{
line-height: 30px;
}
div.footer-col-right
{
width: 24%;
display: inline-block;
padding: 0;
margin: 0;
float: left;
}
div.footer-col-right a
{
width:auto;
display:block;
padding: 0;
margin:0;
line-height: 30px;
}
div.footer-right ul
{
width:auto;
display:inline-block;
padding:0;
margin:0;
float:left;
list-style-type:none;
margin-top: -4px;
}
div.footer-right ul li
{
width:100%;
display:inline-block;
padding:0;
margin:0;
float:left;
list-style-type:none;
line-height:38px;
}
div.footer-right-bottom
{
display:inline-block;
width:100%;
margin:50px 0 0 0;
padding:0;
}
p.fine-print
{
font-size:12px;
line-height:16px;
}
/*********************************************************************************
Callout Button
*********************************************************************************/
a.callout-button
{
color: #215670 !important;
text-align: center;
width: 412px;
margin: 0;
padding: 12px 0;
height: auto;
line-height: 30px;
list-style-type: none;
text-transform: uppercase;
font-family: 'Karla', sans-serif;
font-weight: 700;
letter-spacing: 1.2px;
border:solid 1px #215670;
display: inline-block;
}
a.callout-button:hover
{
color: #fff !important;
background:#69c9ca;
border:solid 1px #69c9ca;
}
/*********************************************************************************
Scroll Up Button
*********************************************************************************/
div.fade
{
height:62px;
width:86px;
display:inline-block;
position:fixed;
z-index:9999;
bottom:0px;
right:0;
background: url(../images/When-You-Need-Us.png) no-repeat;
opacity: 0;
}
div.fade:hover
{
background:#215670;
opacity: 1 !important;
}
div.fade a:hover
{
color:#fff !important;
}
div.fade a
{
width: 100%;
height: 100%;
display: block;
padding: 36px 0px 0 0px;
margin: 0;
color: #fff;
font-size: 10px;
background: url(../images/Up-Chevron-White.png) no-repeat;
background-position: 48% 10px;
font-family: 'Karla', sans-serif;
}
div#top-of-page
{
display: inline-block;
position: relative;
top: -120px;
height: 1px;
}

/********************************************************************************************************
*********************************************************************************************************
Mobile Responsiveness
*********************************************************************************************************
********************************************************************************************************/

/********************************************************************************************************
Default Screen 1400px +
********************************************************************************************************/

/*********************************************************************************
Show/Hide
*********************************************************************************/
div.mobile-menu-toggle, div#mobile-menu
{
display:none;
}
/********************************************************************************************************
Max Width 1466px 
********************************************************************************************************/
@media(max-width:1466px){

body
{
background:#fff;
}
div.inner-wrap-wide
{
width:100%;
overflow: hidden;
}
div.header div.inner-wrap-wide
{
width: auto;
overflow: visible;
text-align: center;
float: none;
}
span.the-pike
{
height:80px;
}
}

/********************************************************************************************************
Max Width 1400px 
********************************************************************************************************/
@media(max-width:1400px){

div.header ul li a
{
padding: 0 12px;
}
h1
{
font-size: 66px;
}
div.header ul li.menu-item-795
{
width:215px;
}
div.main-content-image
{
height: 360px;
}
div.inner-wrap
{
width:91.4%
}
div.home-bottom-widgets.upper a 
{
display: inline-block;
min-height: 326px;
width: 100%;
height:100%;
}
div.home-bottom-widgets.upper h2 
{
margin: 0px 0 0px 0px;
}
div.home-bottom-widgets.upper h3 
{
margin: 25px 15% 0 15%;
font-size: 23px;
letter-spacing: 2.5px;
}

div.footer-left
{
width: 30%;
}
div.footer-left a
{
background-size: contain;
}
}

/********************************************************************************************************
Max Width 1240px 
********************************************************************************************************/
@media(max-width:1240px){
div.header
{
height: 80px;
}
div.header ul li a
{
padding: 0px;
font-size: 15px;
}
div.header ul li.menu-item-660
{
width:65px;
}
div.header ul li.menu-item-661
{
width:99px;
}
div.header ul li.menu-item-795
{
width:197px;
}
div.header ul li.menu-item-656
{
width:142px;
}
div.header ul li.menu-item-810
{
width:176px;
}
div.header ul li.menu-item-811
{
width:138px;
}
div.header ul li.menu-item-658
{
width:119px;
}
div.header ul li.menu-item-663
{
width:128px;
}
div.main-content-section
{
margin-top: 28px;
}
div.main-content-image
{
height: 340px;
}
body.home div.main-content-image div.logo
{
margin-top: 70px;
}
div.main-content-image h3
{
margin-top: 20px;
width:90%;
margin:20px 5% 0;
}
body.home div.main-content-image
{
height: 444px;
} 
body.home div.main-content-image div.logo
{
height: 250px;
background-size: cover;
}
h1
{
font-size: 60px;
}
div#why-you-need-us.callout-widget
{
max-width: 114%;
}
div.newsletter-sign-up div.widget-left-col
{
width: 31.3%;
}
div.home-bottom-widgets.upper div.widget-right-col
{
width: 31.3%;
float:right;
}
div.newsletter-sign-up div.widget-left-col a.callout-button, div.home-bottom-widgets.upper div.widget-right-col a.callout-button
{
width: 100%;
}
div.newsletter-sign-up div.widget-right-col
{
width: 50%;
float: right;
}
div.you-may-left 
{
width: 30%;
height: auto;
min-height: 280px;
margin: 0px 0px 0px 88px;
padding: 0;
}
div.you-may-right 
{
width: 30%;
height: 280px;
margin: 0px 10px 0px 10px;
padding: 0;
}
} 

/********************************************************************************************************
Max Width 1200px 
********************************************************************************************************/
@media(max-width:1200px){

div.Main-Content-WP-Loop.default-page-style
{
width: 90%;
margin: 0 5%;
}
div.home-bottom-widgets.three-col h4
{
text-align: center;
color: #fff;
margin: 26px 10%;
max-width: 90%;
}
}

/********************************************************************************************************
Max Width 1180px 
********************************************************************************************************/
@media(max-width:1180px){
div.header
{
height: 70px;
}
div.header ul
{
margin: 20px 0;
}
div.header ul li a
{
padding: 0px;
font-size: 14px;
}
div.main-content-section
{
margin-top: 18px;
}
div.main-content-image
{
height: 330px;
}
h1
{
font-size: 58px;
}

}

/********************************************************************************************************
Max Width 1100px 
********************************************************************************************************/
@media(max-width:1100px){

div.header ul li.menu-item-660
{
width:61px;
}
div.header ul li.menu-item-661
{
width:95px;
}
div.header ul li.menu-item-795
{
width:193px;
}
div.header ul li.menu-item-656
{
width:138px;
}
div.header ul li.menu-item-810
{
width:172px;
}
div.header ul li.menu-item-811
{
width:134px;
}
div.header ul li.menu-item-658
{
width:115px;
}
div.header ul li.menu-item-663
{
width:124px;
}
span.the-pike
{
height:75px;
}
}

/********************************************************************************************************
Max Width 1080px 
********************************************************************************************************/
@media(max-width:1080px){

h1
{
font-size: 56px;
}
div.Main-Content-WP-Loop.default-page-style
{
width: 100%;
margin: 0 0%;
}
body.home div.main-content-image div.logo
{
margin-top: 60px;
}
div.table-wrap
{
display: inline-block;
padding: 0;
margin: 0;
overflow: auto;
width: 100%;
}
div.header ul li.menu-item-660
{
width:60px;
}
div.header ul li.menu-item-661
{
width:90px;
}
div.header ul li.menu-item-795
{
width:190px;
}
div.header ul li.menu-item-656
{
width:135px;
}
div.header ul li.menu-item-810
{
width:168px;
}
div.header ul li.menu-item-811
{
width:130px;
}
div.header ul li.menu-item-658
{
width:108px;
}
div.header ul li.menu-item-663
{
width:120px;
}
div.header ul li.menu-item-811 ul
{
width: 166%;
}
div.main-content-section
{
margin-top: 28px;
}
div.home-bottom-widgets.upper 
{
height: auto;
width: 98%;
margin-left: 0%;
margin-right: 0%;
}
div.home-bottom-widgets.centre
{
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
div.home-bottom-widgets.centre div.textwidget
{
margin: 15px 3% 30px 3%;
}
div.home-bottom-widgets.three-col h2
{
text-align: center;
color: #fff;
margin: 32px 7% 12px 7%;
font-size: 20px;
letter-spacing: 1.9px;
line-height: 30px;
width: 86%;
}
div.home-bottom-widgets.three-col div.textwidget 
{
border: 1px solid #fff;
display: inline-block;
margin: 11px 1.2% 11px 1.2%;
width: 93.2%;
height: auto;
min-height: 192px;
padding-top: 34px;
padding-bottom: 24px;
}
div.Routine-callout
{
margin: 0 5% 0 5%;
}
div.Routine-callout h2
{
font-size: 24px;
line-height: 36.5px;
}
}

/********************************************************************************************************
Max Width 1024px 
********************************************************************************************************/
@media(max-width:1024px){
div.header-menu ul, div.header-menu ul li ul
{
display:none !important;
}
div.header ul li:hover ul
{
display:initial !important;
}
body.home div.main-content-section
{
margin-top: 8px;
}
div.header
{
background: url(../images/Paisley-Overlay6.png) repeat;
background-color: #fff;
background-position: 50%;
background-size: 260px;
height: 60px;
}
div.header-menu
{
display:none;
}
div#mobile-menu.mobile-menu
{
display: inline-block !important;
background: url(../images/Paisley-Overlay4.png) repeat;
background-color: #603c2f;
background-size: 260px;
border-top: 2px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
float: right;
max-height: 600px;
max-width: 400px;
overflow-x: auto;
}
div#mobile-menu.mobile-menu ul
{
width:100%;
margin: 0;
}
div#mobile-menu.mobile-menu ul li
{
width:100%;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
border-bottom: 1px solid #fff;
padding:0;
height:auto;
}
div#mobile-menu.mobile-menu ul li a
 {
display: block;
width: 100%;
height: 100%;
color: #fff;
padding: 0;
line-height: 60px;
}
div#mobile-menu ul li ul
{
display: inline-block;
background: transparent;
padding: 0;
margin: 0;
height: auto;
width: 100%;
text-align: center;
} 
div#mobile-menu ul li ul li
{
background:url(../images/transparent.png) repeat;
}
div#mobile-menu ul li.menu-item-795, div#mobile-menu ul li.menu-item-656, div#mobile-menu ul li.menu-item-810, div#mobile-menu ul li.menu-item-811
{
border-bottom: solid 0px #fff;
}
div#mobile-menu ul li ul li.menu-item-796, div#mobile-menu ul li ul li.menu-item-801, div#mobile-menu ul li ul li.menu-item-804, div#mobile-menu ul li ul li.menu-item-807
{
border-top: solid 1px #fff;
}
div#mobile-menuul li:hover ul
{
display: inline-block !important;
}
div#mobile-menu ul li ul li
{
text-align: center;
}
div.header ul li ul li:hover a
{
color: #fff !important;
}
body.home div.main-content-image
{
height: 424px;
}
body.home div.main-content-image div.logo
{
height: 240px;
background-size: cover;
}
div.header div.inner-wrap-wide
{
text-align: center;
width: 100%;
background: transparent;
}
div.mobile-header-wrap
{
display:inline-block;
width:100%;
margin:0;
padding:0;
float:left;
height:100%;
}
div.mobile-header-left
{
display:inline-block;
width:50%;
margin:0;
padding:0;
float:left;
height:100%;
}
div.mobile-header-left a
{
display: inline-block;
width: 42px;
height: 42px;
background: url(../images/paisley-favicon-blue.png) no-repeat;
background-position: 50%;
margin-left: 10%;
margin-top: 9px;
background-size: 42px;
float: left;
}
div.mobile-header-left a:hover
{
background: url(../images/paisley-favicon-turqouise.png) no-repeat;
background-position: 50%;
background-size: 42px;
}
div.mobile-header-right
{
display:inline-block;
width:50%;
margin:0;
padding:0;
float:left;
text-align:right;
height:100%; 
}
div.mobile-menu-toggle
{
display: inline-block;
width: 42px;
height: 42px;
background:url(../images/Menu-Icon-Blue.png) no-repeat;
background-position:50%;
margin-right:10%;
margin-top:10px;
}
div.mobile-menu-toggle:hover
{
background:url(../images/Menu-Icon.png) no-repeat;
background-position:50%;
}
h1
{
font-size: 52px;
}
div#why-you-need-us.callout-widget
{
max-width: 100%;
padding: 0;
}
div.callout-widget h3
{
margin-top: 84px;
}
div.Main-Content-WP-Loop.default-page-style
{
width: 100%;
margin: 0 0%;
}
div.footer-section div.inner-wrap
{
background: transparent;
margin-top: 60px;
}
div.footer-left
{
width: 100%;
background-size: initial;
margin-bottom: 10px;
}
div.footer-left a
{
background-position: -11px -8px;
left: 0;
}
div.footer-right
{
width: 100%;
float:left;
}
}

/********************************************************************************************************
Max Width 960px 
********************************************************************************************************/
@media(max-width:960px){
div.main-content-image h1
{
margin-top: 80px;
width:90%;
margin-left:5%;
margin-right:5%;
}
div.footer-col-left
{
width: 18%;
}
div.footer-col-middle-left
{
width: 22%;
}
div.footer-col-middle-right
{
width:36%;
}
div.footer-col-right
{
width: 24%;
}


}

/********************************************************************************************************
Max Width 900px 
********************************************************************************************************/
@media(max-width:900px){
body.home div.main-content-image div.logo
{
height: 180px;
background-size: contain;
width: 90%;
}

div.bottom-widgets.upper div.widget-right-col
{
width: 40%;
float: right;
}
div.home-bottom-widgets.three-col
{
height: auto;
width: 100%;
display: inline-block;
margin-left: 0;
}
div.three-col-left
{
width: 100%;
margin: 0 0 30px;
height: auto;
min-height: 150px;
}
div.three-col-center
{
width: 100%;
margin: 0 0 30px;
height: auto;
min-height: 150px;
}
div.three-col-right
{
width: 100%;
margin: 0 0 30px;
height: auto;
min-height: 150px;
}
div.home-bottom-widgets.three-col div.textwidget {
border: 1px solid #fff;
display: inline-block;
margin: 11px 1.2% 11px 1.2%;
width: 93.2%;
height: auto;
min-height:90px;
padding-bottom: 30px;
}
div.three-col-right h2 
{
margin-top: 58px;
}
div.home-bottom-widgets.two-col
{
height: auto;
width: 100%;
display: inline-block;
margin-left: 0;
}
div.two-col-left
{
width: 100%;
margin: 0 0 30px;
height: auto;
min-height: 202px;
}
div.two-col-right
{
width: 100%;
margin: 0 0 30px;
height: auto;
min-height:208px;
}
div.newsletter-sign-up div.widget-left-col
{
width: 40%;
}
div.home-bottom-widgets.upper div.widget-right-col a.callout-button
{
width: 100%;
}
div.newsletter-sign-up div.widget-left-col a.callout-button
{
width: 80%;
}
span.the-pike
{
background: url(../images/Paisley-Pike-Two-Tone-Medium.png) no-repeat;
background-position: 50%;
height: 120px;
}
div.you-may-left
{
width: 26%;
margin:0 0 0 58px;
}
}

/********************************************************************************************************
Max Width 768px 
********************************************************************************************************/
@media(max-width:768px){
body.home div.main-content-section
{
margin-top: -4px;
}
div.main-content-section
{
margin-top: 0;
}
div.main-content-wrap img
{
width: 100%;
margin: 0 0% 28px;
}
div.Main-Content-WP-Loop h2 {
margin: 10px 0% 20px;
font-size: 30px;
}
div.home-page-left
{
width: 100%;
margin: 0 0 0 0;
}
div.home-page-left h2
{
text-align:center;
margin-bottom: 50px;
margin-top: 20px;
line-height: 1.4em;
}
div.home-page-right
{
width: 100%;
margin: 0 0 0 0;
}
div.home-page-right h2
{
text-align:center;
margin-bottom: 50px;
margin-top: 20px;
}
div.home-bottom-widgets.upper 
{
height: auto;
min-height:198px;
margin-top:0;
padding-bottom:0px;
}
div.home-bottom-widgets.upper div.textwidget 
{
padding-bottom: 0px;
width:97%;
margin:0px 1.5% 0px 1.5%;
min-height:198px;
}
div.home-bottom-widgets.upper h2
{
margin: 0px 0 0px 0px;
font-size:24px;
line-height:40px;
}
div#why-you-need-us.callout-widget
{
max-width: 100%;
padding: 0;
position: relative;
left: 0%;
}
div.callout-widget h3
{
margin-top: 60px;
}
div.Routine-callout
{
width: 100%;
margin: 0 0% 0 0%;
}
div.Routine-callout h2 {
font-size: 20px;
line-height: 32.5px;
}
div.home-bottom-widgets.centre h2 {
font-size: 30px;
margin: 50px 0 0 0px;
}
div.home-bottom-widgets.centre h3 {
font-size: 18px;
line-height: 32.5px;
}
div.We-offer
{
height:auto;
min-height:70px;
}
div.We-offer h2
{
text-align: center;
width: 80%;
margin: 0 10% 40px;
font-size: 28px;
}
div.home-bottom-widgets.upper div.widget-left-col
{
width: 100%;
margin: 0% 0 50px;
}
div.home-bottom-widgets.upper div.widget-right-col
{
width: 100%;
margin: 0% 0 50px;
}
div.home-bottom-widgets.lower div.widget-left-col
{
width: 100%;
margin: 0% 0 0px;
}
div.Not-offer
{
height:auto;
min-height:70px;
}
div.Not-offer h2
{
text-align: center;
width: 80%;
margin: 0 10% 40px;
font-size: 28px;
}
div.home-bottom-widgets.lower div.widget-right-col
{
width: 100%;
margin: 0;
}
div.home-bottom-widgets h2
{
text-align: center;
}
div.home-bottom-widgets.three-col h2
{
margin-top: 58px;
}
div.list-three-col-about-us-one div.list-col-left 
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-about-us-one div.list-col-center 
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-about-us-one div.list-col-right 
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-about-us-two div.list-col-left 
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-about-us-two div.list-col-center 
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 40px;
}
div.list-three-col-about-us-two div.list-col-right 
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}

div.list-three-col-about-you-one div.list-col-left
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-about-you-one div.list-col-center
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-about-you-one div.list-col-right
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-about-you-two div.list-col-left
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-about-you-two div.list-col-center
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-about-you-two div.list-col-right
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-about-you-three div.list-col-left
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-about-you-three div.list-col-center
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-about-you-three div.list-col-right
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-services-one div.list-col-left
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-services-one div.list-col-center
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-three-col-services-one div.list-col-right
{
display: inline-block;
float: left;
width: 98%;
margin: 0 1% 0 1%;
padding: 0;
height: auto;
min-height: 80px;
}
div.list-col-right  ul li
{
line-height: 1.5em;
margin-bottom: 15px;
}
div.Main-Content-WP-Loop ul, div.Main-Content-WP-Loop ol 
{
margin: 0 0 0;
padding: 0 5%;
}
div.footer-left a
{
background-position: 60% -8px;
left: 0;
}
div.footer-right-top
{
display:inline-block;
float:left;
margin:0;
padding:0;
width:100%;
height:auto;
}
div.footer-mobile-left
{
display: inline-block;
margin:0;
padding:0;
width:100%;
height:auto;
margin-bottom:50px;
}
div.footer-mobile-right
{
display: inline-block;
margin:0;
padding:0;
width:100%;
height:auto;
margin-bottom:0px;
}
div.footer-col-left
{
width: 45%;
padding-right:5%;
}
div.footer-col-middle-left
{
width: 50%;
}
div.footer-col-middle-right
{
width: 45%;
padding-right:5%;
padding-bottom:0px;
}
div.footer-col-right
{
width: 50%;
padding-bottom: 0px;
}
div.footer-section a, div.footer-section p
{
margin-bottom: 0;
}
span.the-pike
{
background: url(../images/Paisley-Pike-Two-Tone-Small.png) no-repeat;
background-position: 50%;
height: auto;
min-height:80px;
}
div.you-may-left 
{
width: 22%;
margin: 0px 0px 0px 66px;
}
}

/********************************************************************************************************
Max Width 640px 
********************************************************************************************************/
@media(max-width:640px){
body.home div.main-content-image
{
height: 344px;
}
body.home div.main-content-image div.logo
{
height: 160px;
background-size: contain;
width: 90%;
}
div.main-content-image h3
{
margin-top: 20px;
width: 90%;
margin: 0px 5% 0;
font-size: 30px;
}
div.main-content-image
 {
min-height: 330px;
height: max-content;
display: block;
padding: 0 0 60px 0;
}
div.main-content-image a
{
display: inline-block;
}
div.main-content-image h1
{
font-size: 50px;
letter-spacing: 3px;
}
}
/********************************************************************************************************
Max Width 600px 
********************************************************************************************************/
@media(max-width:600px){

div#mobile-menu.mobile-menu
{
width:100%;
background-size: 260px;
border-left: 0px solid #fff;
max-width: 100%;
}
div.header ul li ul
{
max-width: 100%;
}
div.main-content-image h1
{
font-size: 48px;
letter-spacing: 3px;
padding-top:0px;
}
div.callout-widget h3
{
margin-top: 50px;
font-size: 30px;
}
div.three-col-left
{
height: 240px;
}
div.three-col-center
{
height: 240px;
}
div.three-col-right
{
height: 240px;
}
}

/********************************************************************************************************
Max Width 540px 
********************************************************************************************************/
@media(max-width:540px){
body.home div.main-content-image div.logo
{
height: 160px;
background-size: contain;
width: 90%;
margin-top: 40px;
}

div.footer-col-left
{
width: 45%;
padding-right:5%;
}
div.footer-col-middle-left
{
width: 50%;
}
div.three-col-center 
{
height: 240px;
}
div.home-bottom-widgets.three-col div.textwidget 
{
padding-bottom: 0px;
min-height: 182px;
}
div.three-col-right 
{
height: 240px;
}

}
/********************************************************************************************************
Max Width 486px 
********************************************************************************************************/
@media(max-width:486px){
body.home div.main-content-image div.logo
{
margin-top: 20px;
}
body.home div.main-content-section
{
margin-top: 40px;
}
div.main-content-image h3
{
font-size: 18px;
}
div#why-you-need-us.callout-widget
{
max-width: 80%;
padding: 0 20%;
position: relative;
left: 0%;
}
div.callout-widget h3
{
margin-top: 50px;
}
span.the-pike
{
height: 76px;
}
}

/********************************************************************************************************
Max Width 440px 
********************************************************************************************************/
@media(max-width:440px){

div#why-you-need-us.callout-widget {
    max-width: 80%;
    padding: 0 10%;
    position: relative;
    left: 0%;
}

}

/********************************************************************************************************
Max Width 400px 
********************************************************************************************************/
@media(max-width:400px){
body.home div.main-content-image div.logo
{
margin-top: 0px;
}
div.home-bottom-widgets.upper 
{
min-height: 160px;
}
div.home-bottom-widgets.upper div.textwidget 
{
margin: 0px .5% 0px .5%;
width: 99%;
}
div.home-bottom-widgets.upper h2 
{
font-size: 18px;
line-height: 28px;
}
div.home-bottom-widgets.three-col h2
{
margin-top: 40px;
}
div.home-bottom-widgets.three-col h4
{
font-size: 24px;
}
div.home-bottom-widgets.three-col p
{
width: 90%;
margin: 0 5%;
font-size: 18px;
}
div.three-col-left div.textwidget 
{
padding-bottom: 0px;
min-height: 240px;
}
div.three-col-center div.textwidget 
{
padding-bottom: 0px;
min-height: 268px;
}
div.three-col-center 
{
height: 240px;
}
div.three-col-right div.textwidget 
{
padding-bottom: 0px;
min-height: 260px;
}
div.two-col-left div.textwidget 
{
margin: 46px 22px 30px 22px;
}
div.two-col-right div.textwidget 
{
margin: 46px 22px 30px 22px;
}
div.footer-col-right 
{
width: 40%;
}

}

/********************************************************************************************************
Max Width 366px 
********************************************************************************************************/
@media(max-width:366px){
div.main-content-image h1
{
font-size: 42px;
}
div.main-content-image h3
{
font-size: 26px;
}

}