/* Chinstrap by Robert Bavington */

/*--------
++Global++
---------*/

* { margin: 0; padding: 0; }

body { font-family: lato; }

h1 { font-weight: 300; font-size: 24px; color:#2a4b6f; margin: 0 0 10px; }

h2 { font-weight: 300; font-size: 24px; color:#2a4b6f; margin: 0 0 10px; }

h3 { font-weight: 300; font-size: 20px; color:#2a4b6f; margin: 0 0 10px; }

h4 { }

h5 { }

img { max-width: 100%; display: block; }

p { margin-bottom: 10px; font-size: 12px; }

a { color:#5378a0; text-decoration: none; }

div { box-sizing: border-box; }

/*--------
++Elements++
---------*/

.wrap { width: 100%; overflow: hidden; clear:both; }

.wrap2 { width: 100%; }

.wrap-inner { max-width: 990px; margin: 0 auto; } /* Change to site width on desktop */

.wrap-inner2 { max-width: 1010px; margin: 0 auto; } /* Change to site width on desktop */


/*--------
++Colums++
---------*/

.two-col { width: 50%; float: left; }

.two-col2 { width: 49%; float: left; }

.two-col3 { width: 48%; float: left; }

.three-col { width: 33%; float: left; }

.three-col2 { width: 32.65%; float: left; }

.three-col3 { width: 31%; float: left; }

.four-col { width: 25%; float: left; }

.four-col2 { width: 24%; float: left; }

.four-col3 { width: 23%; float: left; }

.five-col { width: 20%; float: left }

.five-col2 { width: 19%; float: left; }

.five-col3  { width: 18%; float: left; }

.two-thirds {  width: 66%; float: left; }

.two-thirds2 { width: 65%; float: left; }

.two-thirds3 { width :64%; float: left; }

.three-quarters { width: 75%; float: leftl }

.three-quarters2 { width: 74%; float: left; }

.three-quarters3 {  width: 73%; float: left; }

.three-quarters4 {  width: 70%; float: left; }


/*--------
++Margins++
---------*/

.m0 { margin:0!important; }

.m1 { margin: 1%; }

.mr1 { margin-right: 1%; }

.mr2 { margin-right: 2%; }

.mr3 { margin-right: 3%; }

.mr4 { margin-right: 4%; }

.mr5 { margin-right: 5%; }

.ml1 { margin-left: 1%; }

.ml2 { margin-left: 2%; }

.ml3 { margin-left: 3%; }

.ml4 { margin-left: 4%; }

.ml5 { margin-left: 5%; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

/*--------
++Padding++
---------*/

.padd0 { padding: 0!important; }

.padd3 { padding: 3px; }

.padd10 { padding: 10px; }

.padd20 { padding: 20px; }

.padd30 { padding: 30px; }

.padd40 { padding: 40px; }

.padd50 { padding: 50px; }

.padd-top10 { padding-top: 10px; }

.padd-top20 { padding-top: 20px; }

.padd-top30 { padding-top: 30px; }

.padd-top40 { padding-top: 40px; }

.padd-top50 { padding-top: 50px; }

.padd-bottom10 { padding-bottom: 10px; }

.padd-bottom20 { padding-bottom: 20px; }

.padd-bottom30 { padding-bottom: 30px; }

.padd-bottom40 { padding-bottom: 40px; }

.padd-bottom50 { padding-bottom: 50px; }

.new-padd { padding: 0 30px; }

/*--------
++Resets++
---------*/

.right { float: right!important; }

.align-right { text-align: right!important; }

.align-right * { text-align: right!important; }

.border-radius { border-radius: 10px; }

.center { text-align: center!important; }

.center * { text-align: center!important; }


/*--------
++Website Specific++
---------*/

.blue { background: #2a4b6f; }

.blue p { color:#fff; }

.title { font-size: 20px; margin: 0; font-weight: 300; line-height: 17px; }

.small { font-size: 12px; }

.blue-padd { padding: 12px 12px 7px 12px; }

.header {  position: relative; }

.main-navigation a { color:#2a4b6f; padding: 5px 8px 3px; font-size: 14px; }


.main-navigation ul { float: right; }

.grey { background:#eee; }

.white { background:#fff; }

.banner img { width: 100%; }


.blue-title { background: #4e75a0; text-align: center; }

.blue-title p { font-size: 16px; padding: 10px; margin: 0!important; }


.cta p { font-size: 13px;  }

.button { background:#4e75a0; border-radius: 6px; text-align: center; padding: 10px; display: block; color:#fff; }

.fr { float: right; }

.fl { float: left; }

.cta .title { font-size: 20px; margin: 5px 0; font-weight: 300; line-height: 17px; }

.cta .title2 { font-size: 16px; margin: 0; font-weight: 300; line-height: 17px; }

.cta .small { margin: 0; }

.height200 { height: 200px; }

.heading { font-weight: 300; font-size: 24px; color:#2a4b6f; margin-bottom: 10px; }

.heading2 { font-weight: 300; font-size: 34px; color:#2a4b6f;  }


.partners { padding: 20px; }

.partners-text p { line-height: 14px; }

.hp-prod-name { margin-top: 10px; color:#2a4b6f; font-size: 18px; font-weight: 400; }

.width100 { width: 100%; }

.footer .main-navigation ul { float: none; clear:both; margin-bottom: 10px; }

.footer .main-navigation ul li { float: none; display: inline; }
.footer .main-navigation a { display: inline-block; }

.footer img { display: inline; margin: 0 5px 5px; }

.sidebar { background: #fff; padding: 20px; }

.sidebar ul li { list-style-position: inside;  list-style: none; font-size: 12px; }

.sidebar ul li a { color:#5378a0; }

.sidebar h1 { font-size: 21px; margin-bottom: 10px; }

.absolute-title { position: absolute; left: 10%; width: 50%; padding: 20px; background:#fff; top: 30%; }

.relative { position: relative; }

.content p { font-size: 14px; color:#666; }

.content h1 { font-size: 28px; }

.content ul { list-style-position: inside; margin-left: 10px; }

.content ul  li { font-size: 12px; margin-bottom: 10px;   text-indent: -10px; }

.light-grey { background: #f6f6f6; }

.page-header h1 { font-size: 30px; }

.page-header { margin: 0; }

.type-post { background: #fff; padding: 20px; margin-bottom: 20px; overflow: hidden; }

.page-content, .entry-content, .entry-summary { margin: 10px 0!important; }

input { max-width: 100%!important; }

.social img { float: left; }

.social span { float: left; margin-left: 20px; margin-top: 12px; }

.oh { overflow: hidden; }

.partner .button { background: #2a4b6f; color:#fff; padding: 10px 20px; float: left; }

.partner h2 { font-size: 30px; }

.width70 { width:70%!important; }

.sub-menu { padding: 10px; background:#fff; }

.main-navigation { margin-bottom: 10px; }

.blue-title p { color:#fff!important; }

.content .blue-title p  { text-align: left; }

.repeater-product h2 { text-align: left; }

.button3 {
background: #2a4b6f;
color: #fff;
padding: 5px 20px;
float: left;
border-radius: 6px;
}


.button4 {
background: #2a4b6f;
color: #fff;
padding: 5px 20px;
border-radius: 6px;
}

.product-title { font-size: 40px!important; }

.carousel-control.left { background: none; }

.carousel-control.right { background: none; }

.carousel-control { width: 6%; }

#carousel-partners .carousel-indicators { display: none; }

.header-social { float: right; margin-right: 30px; margin-top: 15px }

.header-social img { display: inline; margin-left: 8px; }

.main-navigation ul ul { top:27px!important; }

.main-navigation ul ul ul { top:0px!important; }

.footer .sub-menu { display: none; }

#carousel-testi .carousel-indicators { bottom: -30px; }

.footer .main-navigation { margin: 0; }

.footer { background:#eee; }

.border-right { border-right: 1px solid #ddd; }
.pr20 { padding-right: 20px; }

.hp-post { overflow: hidden; }

.hp-post h2 { color:#666; font-weight: bold; font-size: 16px; margin: 0; }

.hp-post .small { margin-bottom: 5px; font-size: 9px; }

.login_wid { padding: 20px; background:#f6f6f6; float: left; width: 50%; }

.login_wid li { list-style: none!important; }

button, input[type="button"], input[type="reset"], input[type="submit"] { font-size: 14px!important; }

.post-type-archive-downloads .three-quarters4 {  float: left!important; width: auto!important; padding: 20px; }

.padd-20 { padding: 0 20px; }

.social a { font-size: 16px; }

.panel-default>.panel-heading { background: #4e75a0; color:#fff; }

.mediumwhitebg { max-height:1000px!important; font-size: 24px!important; line-height: 24px!important; }

.tp-caption.largewhitebg, .largewhitebg { background: rgba(74,103,133,0.9)!important; color:#fff!important; }

.tp-caption.mediumwhitebg, .mediumwhitebg { background: rgba(74,103,133,0.9)!important; color:#fff!important; padding: 40px; }

.so-img { margin: 0 auto 15px; }

.so-text { }

.so-download { }

.recommendations-box .carousel-indicators {
  bottom: -30px;
}

.db-new { display: block; margin: 0 auto; float: none!important; margin-top: 10px!important; font-size: 14px; }

.single-wpdmpro .three-quarters2  { float: none; width: 100%; padding: 20px; background:#fff; }

.single-wpdmpro .sidebar { display: none; }

@media screen and (max-width: 990px) { 

.header .four-col img { display: block; margin: 0 auto; }

.main-navigation ul { float: none; }

.main-navigation ul li { text-align: center; }

.header .blue-padd { width: 75%; text-align:center; }

.header .blue-padd p {text-align:center!important; float: none; }


}


@media screen and (max-width: 880px) {
	
.two-col, .two-col2, two-col3, .three-col, .three-col2, .three-col3, .three-col4, .four-col,  four-col3, .five-col, .five-col2, five-col3, .sixty, .forty, .footer-links ul, .header-number, .hp-cta-wrap .hp-cta, .three-quarters2, .three-quarters, .two-thirds, .two-thirds2, .six-col, .two-col3, .two-thirds3, .four-col3, .four-col2, .four-col  { float: none; clear:both; margin-bottom: 20px; width: 100%;
}

.right { float: none!important; }

.header .blue-padd { width: 100%; text-align:center; }

.main-navigation { width: 100%; }

.menu-toggle, .main-navigation.toggled .nav-menu { width: 100%; text-align: center; margin-top: 5px; }

.header-social { float: none; width: 30%; margin: 0 auto; display: block; }

.pr20 { padding: 0; }

.height200 { height: auto; }

.the-slider { display: none!important; }

.width70 { width: 100%!important; }



}