/*
Theme Name: CDL-theme
Theme URI: http://suburbancdl.com/
Author: Lavack Design
Author URI: http://lavackdesign.com/
Description: CDL theme by Lavack Design is a modern, fully responsive, theme based on the WordPress standard starter theme (_S) and the Twitter Bootstrap CSS framework.
Version: 1.8
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Text Domain: flat-bootstrap
Domain Path: /languages/
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background
CDL Bootstrap WordPress theme, Copyright (C) 2016 
/*
** THEME-SPECIFIC STYLES HERE TO OVERRIDE BOOTSTRAP, THEME-BASE, AND THEME-FLAT CSS
*/
@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff2') format('woff2'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneuebold';
    src: url('fonts/helveticaneue-bold-webfont.eot');
    src: url('fonts/helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-bold-webfont.woff') format('woff'),
         url('fonts/helveticaneue-bold-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-bold-webfont.svg#helveticaneuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo300';
    src: url('fonts/museo300-regular-webfont.eot');
    src: url('fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo300-regular-webfont.woff2') format('woff2'),
         url('fonts/museo300-regular-webfont.woff') format('woff'),
         url('fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('fonts/museo300-regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo500';
    src: url('fonts/museo500-regular-webfont.eot');
    src: url('fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo500-regular-webfont.woff2') format('woff2'),
         url('fonts/museo500-regular-webfont.woff') format('woff'),
         url('fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('fonts/museo500-regular-webfont.svg#museo500') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo700';
    src: url('fonts/museo700-regular-webfont.eot');
    src: url('fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo700-regular-webfont.woff2') format('woff2'),
         url('fonts/museo700-regular-webfont.woff') format('woff'),
         url('fonts/museo700-regular-webfont.ttf') format('truetype'),
         url('fonts/museo700-regular-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Set page header to dark blue */
.content-header {
	background-color: #441C6A;
    font-family: 'museo700';
	color: #fff;
}
.content-header .page-title{
    font-family: 'museo700';
}
.content-header h1, 
.content-header h2, 
.content-header h3 {
	color: #fff;
}
/* Set initial image background so light text is readable before image loads */
.content-header-image {
	background-color: #e7e7e7;
}
/* Set our footer to "almost" black */
.sidebar-footer {
	color: white;
}
.sidebar-footer h1, 
.sidebar-footer h2, 
.sidebar-footer h3 {
	color: #fff;
}
/* Set link colors to off white and text to gray for footer */
.sidebar-footer,
.footer-nav-menu {
	color: #95a5a6;
}
.sidebar-footer a:not(.btn),
.footer-nav-menu a:not(.btn) {
	/*color: #95a5a6;*/
	color: #f2f2f2;
}
.sidebar-footer a:hover:not(.btn), 
.sidebar-footer a:focus:not(.btn), 
.footer-nav-menu a:hover:not(.btn),
.footer-nav-menu a:focus:not(.btn) {
	/*color: #c0392b;*/
	color: #3bc492;
}
.entry-meta,
.comment-edit-link {
	font-size: 16px;
}
/* Set our site credits to "not quite" black */
.after-footer {
	background: #222222;
	color: white;
	font-size: 16px;
}
/*
 * STYLE SOME COMMON WORDPRESS WIDGETS AND PLUGINS
 */
/* Get WordPress Jetpack Popular Posts Widget to look like other thumbnail posts */
.widgets-list-layout-links {
	float: left !important;
	margin-left: 15px !important;
	/*margin-left: 1.625em !important;*/
}
/* Hide JetPack's sharing module from pages with posts */
.page-posts .sharedaddy {
	display: none;
}
form.contact-form textarea {
	height: 108px;
}
/*****************************/
body{
   font-family: 'museo300';
   font-size: 16px;
   line-height: 22px; 
}
#main .container{
    max-width: 1740px;
    width: 100%;
}
header#masthead #site-branding{
    background: url('images/header-background_01.jpg') no-repeat top left;
    background-size: 100%;
    float: left;
    width: 100%;
}
header#masthead .site-branding{
    padding: 0px;
}
header#masthead #site-branding .brand-logo{
    max-width: 12.5%;
}
header#masthead #site-branding .brand-logo a{
    width: 100%;
}
header#masthead #site-branding .brand-logo img{
    float: left;
    width: 100%;
}
header#masthead .container{
    margin: 0px auto;
    max-width: 1845px;
    width: 100%;
}
.brand-logo {
    float: left;
    margin: 0px;
}
.brand-logo a{
    float: left;
    display: block;
    text-indent: -999px;
}
.site-sologan{
    display: none;
}
.site-phone-number{
    float: right;
}
.site-phone-number{
    color: #fff !important;
    font-family: 'bebas_neueregular';
    padding-top: 200px;
    text-align: right;
}
.site-phone-number h2{
    color: #fff !important;
    font-size: 75px;
    font-family: 'bebas_neueregular';
    line-height: 80px;
    margin: 0px;
    text-shadow: 2px 5px 3px #210c45;
}
.site-phone-number h3{
    color: #fff !important;
    font-size: 31px;
    font-family: 'bebas_neueregular';
    line-height: 31px;
    margin: 0px;
    text-shadow: 2px 1px 3px #210c45;
}
.site-phone-number a {
    color: #fff !important;
}
.site-phone-number a:hover {
    color: #ec9c60 !important;
}
/***  Main menu  ***/
#site-navigation{
    float: left;
    width: 100%;
}
#site-navigation .navbar-collapse{
    margin: 0px !important;
}
#site-navigation .navbar-default{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
#site-navigation .navbar-nav > li{
    border-left: 1px solid #646a6d;
}
#site-navigation .navbar-nav > li:first-child{
    border-left: none !important;
}
#site-navigation .menu-main-menu-container ul li a{
    color: #fff;
    font-size: 21px;
    font-family: 'helveticaneuebold';
}
#site-navigation .menu-main-menu-container ul li a:hover{
    color: #662d91;
}
#site-navigation .menu-main-menu-container ul li.current-menu-item,
#site-navigation .menu-main-menu-container ul li.current-menu-item > a,
#site-navigation .menu-main-menu-container ul li.open > a,
#site-navigation .navbar-default .navbar-nav > .active > a,
#site-navigation  .navbar-default .navbar-nav > .active > a:hover, 
#site-navigation .navbar-default .navbar-nav > .active > a:focus{
    background-color: rgba(0,0,0,0) !important;
    color: #662d91 !important;
}
#site-navigation .menu-main-menu-container ul li .dropdown-menu{
    background: #242528;
    display: block;
    opacity: 0;
    top: 75%;
    transition: all 0.2s ease-in-out 0s;
    visibility: hidden;
    transition: all 0.2s ease-in-out 0s;
}
.navbar .nav > li > .dropdown-menu::before {
    border-bottom: 7px solid #242528;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}
.navbar .nav > li > .dropdown-menu::after {
    border-bottom: 6px solid #242528;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}
#site-navigation .menu-main-menu-container ul li:hover .dropdown-menu{
    opacity: 1;
    top: 95%;
    visibility: visible;
}
#site-navigation .navbar-nav > li > a {
    padding: 25px 35px;
}
#site-navigation .navbar-nav > li:first-child > a{
    padding-left: 0px !important;
}
#site-navigation .navbar-nav > li:last-child > a{
    padding-right: 0px !important;
}
.navbar-toggle {
    transition-duration: 0.15s;
    transition-property: border, background, color;
    transition-timing-function: ease-in-out;
}
.navbar-toggle.nav-is-visible .icon-bar {
    background-color: #441C6A;
    height: 3px !important;
}
.navbar-toggle.nav-is-visible .icon-bar:nth-child(1), 
.navbar-toggle.nav-is-visible .icon-bar:nth-child(1) {
    transform: translate(0px, 4px) rotate(-45deg) scaleX(1.5);
}
.navbar-toggle.nav-is-visible .icon-bar:nth-child(2), 
.navbar-toggle.nav-is-visible .icon-bar:nth-child(2) {
    height: 0 !important;
    transition: all 0.05s linear 0s;
}
.navbar-toggle.nav-is-visible .icon-bar:nth-child(3), 
.navbar-toggle.nav-is-visible .icon-bar:nth-child(3) {
    transform: translate(0px, -3px) rotate(45deg) scaleX(1.5);
}
/*****************************/
div#out-of-state-banner {
    margin-bottom: -35px !important;
}

.site-content{  
    float: left;
    width: 100%;
}
.site-content .home-main-content{
    background: url('images/site-content-bg_02.jpg') no-repeat top center;
    background-size: cover;  
    padding-top: 62px;
    padding-bottom: 25px;
}
.home-main-content ul{}
.home-main-content ul li{
    list-style: none;
    float: left;
    width: 100%;
}
.home-page-list-group li{
    margin-bottom: 45px;
}
.home-page-list-group li .content-info{
    padding-left: 0px !important;
}
.home-page-list-group li .content-info .main-content-info{
    max-width: 680px;
}
.home-page-list-group li .content-info p{
    line-height: 24px !important;
    font-size: 19px;
}
.home-page-list-group li .content-info .group-title{
    background-color: #441c6a;
    padding: 25px 70px 25px 20px;
    position: relative;
}
.home-page-list-group li .content-info .group-title::after {
    background: url('images/title-right.jpg') no-repeat top left;
    content: "";
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    width: 29px;
}
.home-page-list-group li .content-info .group-title a{
    color: #fff;
}
.home-page-list-group li .content-info .group-title a:hover{
    color: #636363;
}
.home-main-content .group-title{
    font-family: 'museo700';
    margin-top: 0px !important;
}
.homepage-sidebar ul{
    float:  left;
    padding-top: 55px;
    padding-left: 30px;
}
.homepage-sidebar ul li{
    margin-bottom: 40px;
}
.homepage-sidebar .group-title{
    color: #636363;
    font-size:  43px;
    background: url('images/home-siderbar-border.png') repeat-x bottom left;
    padding-bottom: 10px;
}
.homepage-sidebar .group-title span{
    color: #662d91;
}
.homepage-sidebar ul li p{
    color: #000000;
    font-size: 19px;
}
/****   Sidebar   ****/
#secondary{}
#secondary .widget .widget-title{
    font-family: 'museo700';
    margin-top: 0px !important;
}
/****   Footer   ****/
#sidebar-pagebottom{}
footer#colophon{
    background: url('images/CDL-footer-bg.jpg') no-repeat top center;
    background-size: cover;
    float: left;
    width: 100%;
}
footer#colophon .container{
    max-width: 1740px;
    width: 100%;
}
footer#colophon .sidebar-footer{
    padding: 0px;
}
footer#colophon .widget_custom_cf7{
    float: left;
    width: 65%;
}
footer#colophon .widget_custom_cf7 .widget-title{
    background: url('images/footer-contact-bg.png') no-repeat left center;
    /*background: #662D91;*/
    color: #fff;
    font-family: 'museo700';
    font-size: 57px;
    padding-top: 15px;
    padding-left: 50px;
}
footer#colophon .widget_custom_cf7 .clearfix{
    float: left;
    width: 100%;   
}
footer#colophon .widget_custom_cf7 .wpcf7-form{
    max-width: 1024px;
}
footer#colophon .widget_custom_cf7 p{
    margin-bottom: 15px;
}
footer#colophon .widget_custom_cf7 label{
    color: #fff;
    font-family: 'museo700';
    font-size: 27px;
}
footer#colophon .widget_custom_cf7 input[type="text"]{
    height: 45px;
    width: 100%;
}
footer#colophon .widget_custom_cf7 textarea{
    height: 90px;
    width: 100%;
}
footer#colophon .widget_custom_cf7 input[type="submit"] {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#562487+0,481d6f+47,391758+100 */
    background: #562487; /* Old browsers */
    background: -moz-linear-gradient(top,  #562487 0%, #481d6f 47%, #391758 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #562487 0%,#481d6f 47%,#391758 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #562487 0%,#481d6f 47%,#391758 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#562487', endColorstr='#391758',GradientType=0 ); /* IE6-9 */ 
    border: 1px solid #fff;
    float: right;
    font-size: 21px;
    font-family: 'helveticaneuebold';
    padding: 10px 30px;
    text-transform: uppercase;
}
footer#colophon .widget_text{
    float: left;
    padding-top: 35px;
    width: 50%;
}
footer#colophon .widget_text h2{
    background: #441c6a;
    display: block;
    font-family: 'museo300';
    font-size: 54px;
    float: left;
    line-height: 100% !important;
    margin: 0px;
    padding: 10px 30px;
    font-weight: bold;
}
footer#colophon .widget_text h2.text-first{
    color: #ffffff;
    margin-bottom: 15px;
}
footer#colophon .widget_text h2.text-second{
    background: #946db2;
    font-size: 98px;
}
footer#colophon .widget_text h2.text-third{
    background: #441c6a;
    font-size: 98px;
}
footer#colophon .widget_text  .site-info{
    float: left;
}
footer#colophon .widget_text  .site-info h2{
    background: none;
    font-size: 72px;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
footer#colophon .widget_text  .site-info h3{
    display: block;
    float: left;
    font-family: 'bebas_neueregular';
    font-size: 31px;
}
footer#colophon .after-footer{
}
#site-credits {
    color: gray;
}
.credits-copyright a, .credits-theme a {
    color: gray;
}
.credits-copyright a:hover, .credits-theme a:hover {
    color: white;
}
.footer-nav-menu a:hover {
    color: #A36CD8 !important;
}

/* Out of State */
.out-of-state-grid {
    background-color: white;
    border: 5px solid #424242;
	padding: 2px !important;
    border-radius: 15px;
    -webkit-box-shadow: 5px 5px 8px 1px #7B7B7B;
    box-shadow: 5px 5px 8px 1px #7B7B7B;
}

/******
    Home Style 2
********/
.home-style-2{}
.home-style-2 ul li{
    list-style: none;
}
.home-style-2 .three-box-section{
    padding-top: 60px;
    padding-bottom: 40px;
}
.three-box-section ul.list-group{
    float: left;
    width: 100%;
}
@media (min-width: 890px) {
    .view {
       float: left;
       overflow: hidden;
       position: relative;
       text-align: center;
       margin-bottom: 20px;
       cursor: default;
       background: url(images/bgimg.jpg) no-repeat center center;
    }
    .view .mask,.view .content {
       width: 100%;
       height: 100%;
       position: absolute;
       overflow: hidden;
       top: 0;
       left: 0;
    }
    .view img {
       display: block;
       position: relative;
    }
    .view h2 {
       text-transform: uppercase;
       color: #000;
       font-size:  18px;
       text-align: center;
       position: relative;
       font-size: 17px;
       padding: 10px;
       margin: 5% 0 0 0;
    }
    .view h2 a{
        font-size: 18px;
        font-weight: 600;
    }
    .view p {
       font-style: italic;
       font-size: 12px;
       line-height: 20px;
       position: relative;
       color: #fff;
       padding: 10px 20px 20px;
       text-align: center;
    }
    .view a.info {
       display: inline-block;
       text-decoration: none;
       padding: 7px 14px;
       background: #000;
       color: #fff;
       text-transform: uppercase;
       -webkit-box-shadow: 0 0 1px #000;
       -moz-box-shadow: 0 0 1px #000;
       box-shadow: 0 0 1px #000;
    }
    .view a.info: hover {
       -webkit-box-shadow: 0 0 5px #000;
       -moz-box-shadow: 0 0 5px #000;
       box-shadow: 0 0 5px #000;
    }
}
.apply-now-box .sidebar-footer{
    padding: 0px !important;
}
.apply-now-box .widget_custom_cf7{
    float: left;
    width: 65%;
}
.apply-now-box .widget_custom_cf7 .widget-title{
    background: url('images/footer-contact-bg.png') no-repeat left center;
    /*background: #662D91;*/
    color: #fff;
    font-family: 'museo700';
    font-size: 57px;
    padding-top: 15px;
    padding-left: 50px;
}
.apply-now-box .widget_custom_cf7 .clearfix{
    float: left;
    width: 100%;   
}
.apply-now-box .widget_custom_cf7 .wpcf7-form{
    max-width: 1024px;
}
.apply-now-box .widget_custom_cf7 p{
    margin-bottom: 15px;
}
.apply-now-box .widget_custom_cf7 label{
    color: #fff;
    font-family: 'museo700';
    font-size: 27px;
}
.apply-now-box .widget_custom_cf7 input[type="text"]{
    height: 45px;
    width: 100%;
}
.apply-now-box .widget_custom_cf7 textarea{
    height: 90px;
    width: 100%;
}
.apply-now-box .widget_custom_cf7 input[type="submit"] {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#562487+0,481d6f+47,391758+100 */
    background: #562487; /* Old browsers */
    background: -moz-linear-gradient(top,  #562487 0%, #481d6f 47%, #391758 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #562487 0%,#481d6f 47%,#391758 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #562487 0%,#481d6f 47%,#391758 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#562487', endColorstr='#391758',GradientType=0 ); /* IE6-9 */ 
    border: 1px solid #fff;
    float: right;
    font-size: 21px;
    font-family: 'helveticaneuebold';
    padding: 10px 30px;
    text-transform: uppercase;
}
.apply-now-box .widget_text{
    float: left;
    padding-top: 35px;
    width: 50%;
}
.apply-now-box .widget_text h2{
    background: #441c6a;
    display: block;
    font-family: "museo700";
    font-size: 54px;
    float: left;
    line-height: 100% !important;
    margin: 0px;
    padding: 10px 30px;
}
.apply-now-box .widget_text h2.text-first{
    color: #f1f1f1;
    margin-bottom: 15px;
}
.apply-now-box .widget_text h2.text-second{
    background: #946db2;
    font-size: 98px;
}
.apply-now-box .widget_text h2.text-third{
    background: #441c6a;
    font-size: 98px;
}
.apply-now-box .widget_text  .site-info{
    float: left;
}
.apply-now-box .widget_text  .site-info h2{
    background: none;
    font-size: 72px;
    padding-left: 0px !important;
    padding-top: .75em !important;
   /*  padding-bottom: 0px !important;*/
}
.apply-now-box .widget_text  .site-info h3{
    display: block;
   /*  float: left;*/
    font-family: 'bebas_neueregular';
    font-size: 31px;
}
.homepage-bottom-widget{
    float: left;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
}
.homepage-bottom-widget .group-title {
    background: rgba(0, 0, 0, 0) url("images/home-siderbar-border.png") repeat-x scroll left bottom;
    color: #636363;
    font-size: 43px;
    font-family: "museo700";
    margin-top: 0 !important;
    padding-bottom: 10px;
}
.homepage-bottom-widget .group-title span {
    color: #662d91;
}


/* Testimonials */

.review-student {
	border: 1px solid #662c90;
	clear: none;
	padding-top: 15px;
	background-color: white;
}
.review-fb {
	border: 1px solid #5471d2;
	clear: none;
	padding-top: 15px;
	background-color: white;
}
.review-google {
	border: 1px solid #dc3232;
	clear: none;
	padding-top: 15px;
	background-color: white;
}

/* COUNT DOWN TIMER */
.eapps-countdown-timer-has-background {
    padding: 15px 15px 0px 15px !important;
}

/**********************************/
/**********************************/
/**********************************/
@media (max-width: 1920px){
    header#masthead #site-branding .brand-logo{
        float: left;
        width: 12.5% !important;
    }
    header#masthead #site-branding .brand-logo a{
        width: 100% !important;
        height: auto !important;
    }
}
@media (max-width: 1800px) {
    header#masthead{
        background-size: cover;
        background-position: top center;
    }
    .brand-logo{}
    #site-navigation .navbar-nav > li > a{
        padding: 25px;
    }
    footer#colophon .widget_text h2,
    .apply-now-box .widget_text h2{
        font-size: 60px
    }
    footer#colophon .widget_text h2.text-second ,
    footer#colophon .widget_text h2.text-third,
    .apply-now-box .widget_text h2.text-first,
    .apply-now-box .widget_text h2.text-second,
    .apply-now-box .widget_text h2.text-third{
        font-size: 72px;
    }
}
@media (max-width: 1650px) {
    #site-navigation .navbar-nav > li > a{
        padding: 25px 20px;
    }
    .brand-logo{
        margin-top: 20px;
    }
    .site-phone-number {
        padding-bottom: 20px;
        padding-top: 140px;
    }
    .site-phone-number h2{
        font-size: 60px;
        line-height: 100%;
    }
    .site-phone-number h3{
        font-size: 26px;
    }
    .apply-now-box .widget_text h2.text-first{
        font-size: 52px
    }
    .apply-now-box .widget_text h2.text-second,
    .apply-now-box .widget_text h2.text-third{
        font-size: 62px;
    }
    .apply-now-box .widget_text  .site-info h2{
        font-size: 72px;
    }
}
@media (max-width: 1560px) {
    .brand-logo{
        margin-top: 10px;
    }
    .site-phone-number {
        padding-bottom: 20px;
        padding-top: 70px;
    }
    #site-navigation .navbar-nav  li  a{
        font-size: 18px !important;
        padding: 25px 20px;
    }
}
@media (max-width: 1360px) {
    .site-phone-number h2 {
        font-size: 45px;
        line-height: 100%;
    }
    .site-phone-number h3 {
        font-size: 20px;
    }
    #site-navigation .navbar-nav  li  a{
        font-size: 16px !important;
        padding: 20px 15px;
    }
}
@media (max-width: 1200px) {
    .flip-container .back p {
        line-height: 20px !important;
    }
}
@media (max-width: 1170px) {
    .navbar-default .navbar-header{
        float: left !important;
        width: 100% !important;
    }
    .navbar-default .navbar-toggle {
        display: block !important;
    }
    .navbar-default .collapse {
        display: none !important;
        visibility: hidden !important;
    }
    .navbar-default .collapse.in {
        display: block !important;
        visibility: visible !important;
    }
    .navbar-default .collapse{
        float: left;
        width: 100%;
    }
    #site-navigation .navbar-nav{
        margin-bottom: 20px!important;
    }
    #site-navigation .navbar-nav > li:first-child{
        border-left: 1px solid #e9e9e9 !important;
    }
    #site-navigation .navbar-nav > li{
        border: 1px solid #e9e9e9 !important;
        display: block;
        line-height: 20px;
        text-align: center;
        width: 50% !important;
    }
    #site-navigation .navbar-nav > li > a{
        padding: 20px 15px 20px 15px !important;
    }
    .back-title {
        font-size: 1.3em !important;
    }
  footer#colophon .widget_custom_cf7 .widget-title{
    background: rgba(0, 0, 0, 0) url("images/footer-contact-bg.png") no-repeat scroll left center / 100% auto;
    font-size: 30px;
  }
}
@media (max-width: 990px) {
    header#masthead #site-branding .brand-logo{
        min-width: 110px !important;
    }
    .site-phone-number h2 {
        font-size: 36px;
        line-height: 100%;
    }
    .site-phone-number h3 {
        font-size: 18px;
    }
    .homepage-sidebar ul{
        padding-left: 0px;
    }
}
@media (max-width: 900px) {
    header#masthead #site-branding{
        background: rgba(0, 0, 0, 0) url("images/CDL-footer-bg.jpg") no-repeat scroll center top / cover ;
        position: relative;
    }
    .site-sologan{
        display: block;
        visibility: visible;
        padding-top: 30px;
        position: absolute;
        top: 0px;
        text-align: center;
        width: 100%;
    }
    .site-sologan h1,
    .site-sologan h2{
        color: #fff;
        font-family: "bebas_neueregular";
        font-size: 35px;
        line-height: 100%;
        margin: 0;
        text-shadow: 2px 5px 3px #210c45;
    }
    .site-sologan h3{
        color: #fff;
        font-family: "bebas_neueregular";
        font-size: 24px;
        line-height: 100%;
        margin: 0;
        text-shadow: 2px 5px 3px #210c45;
    }
    .site-phone-number {
        padding-bottom: 20px;
        padding-top: 30px;
    }
    .three-box-section{
        float: left;
        width: 100%;
    }
    .three-box-section ul.list-group{
        margin: 0px auto;
        max-width: 600px;
        width: 100%;
    }
    .three-box-section ul.list-group li{
        float: left;
        margin-bottom: 30px;
        width: 100%;
    }
    .three-box-section ul.list-group li img{
        max-width: 100%;
        width: 100%;
    }
    .homepage-bottom-widget{}
    .homepage-bottom-widget .map-image{
        margin-bottom: 15px;
    }
}
@media (min-width: 900px) {
    .view-first img {
       -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
       -o-transition: all 0.2s linear;
       -ms-transition: all 0.2s linear;
       transition: all 0.2s linear;
    }
    .view-first .mask {
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
       background-color: rgba(219,127,8, 0.7);
       -webkit-transition: all 0.4s ease-in-out;
       -moz-transition: all 0.4s ease-in-out;
       -o-transition: all 0.4s ease-in-out;
       -ms-transition: all 0.4s ease-in-out;
       transition: all 0.4s ease-in-out;
    }
    .view-first h2 {
       -webkit-transform: translateY(-100px);
       -moz-transform: translateY(-100px);
       -o-transform: translateY(-100px);
       -ms-transform: translateY(-100px);
       transform: translateY(-100px);
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
       -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
       -ms-transition: all 0.2s ease-in-out;
       transition: all 0.2s ease-in-out;
    }
    .view-first p {
       -webkit-transform: translateY(100px);
       -moz-transform: translateY(100px);
       -o-transform: translateY(100px);

       -ms-transform: translateY(100px);
       transform: translateY(100px);
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
       -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
       -o-transition: all 0.2s linear;
       -ms-transition: all 0.2s linear;
       transition: all 0.2s linear;
    }
    .view-first:hover img {
       -webkit-transform: scale(1.1,1.1);
       -moz-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
       -ms-transform: scale(1.1,1.1);
       transform: scale(1.1,1.1);
    }
    .view-first a.info {
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
       -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
       -ms-transition: all 0.2s ease-in-out;
       transition: all 0.2s ease-in-out;
    }
    .view-first:hover .mask {
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
       filter: alpha(opacity=100);
       opacity: 1;
    }
    .view-first:hover h2,
    .view-first:hover p,
    .view-first:hover a.info {
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
       filter: alpha(opacity=100);
       opacity: 1;
       -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
       -o-transform: translateY(0px);
       -ms-transform: translateY(0px);
       transform: translateY(0px);
    }
    .view-first:hover p {
       -webkit-transition-delay: 0.1s;
       -moz-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
       -ms-transition-delay: 0.1s;
       transition-delay: 0.1s;
    }
    .view-first:hover a.info {
       -webkit-transition-delay: 0.2s;
       -moz-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
       -ms-transition-delay: 0.2s;
       transition-delay: 0.2s;
    }

/*****
    New effect here.
*****/

    .flip-container {
      -webkit-perspective: 1000;
      -moz-perspective: 1000;
      -o-perspective: 1000;
      perspective: 1000;
      margin-bottom: 25px;
    }
    .flip-container:hover .flipper,  
    .flip-container.hover .flipper {
    		-webkit-transform: rotateY(180deg);
    		-moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
    		transform: rotateY(180deg);
    	}
    .flip-container, .front, .back {
    	height: 365px;
    }
    .flip-container .front{
        overflow: hidden;
        text-align: center;
    }
    .flip-container .front img{
        max-height: 100%;
        height: 100%;
        width: auto;
    }
    .flip-container .front,
    .flip-container .back{
        width: 100%;
    }
    .flip-container:hover .front{
        visibility: hidden;
    }
    .flipper {
    	-webkit-transition: 0.6s;
    	-webkit-transform-style: preserve-3d;
    	-moz-transition: 0.6s;
    	-moz-transform-style: preserve-3d;
      -o-transition: 0.6s;
    	-o-transform-style: preserve-3d;
    	transition: 0.6s;
    	transform-style: preserve-3d;
    	position: relative;
    }
    .front, .back {
    	-webkit-backface-visibility: hidden;
    	-moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
    	backface-visibility: hidden;
    	position: absolute;
    	top: 0;
    	left: 0;
    }
    .front {
    	z-index: 2;
    }
    .back {
    	-webkit-transform: rotateY(180deg);
    	-moz-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
    	transform: rotateY(180deg);
    	background: #f8f8f8;
    }
    .front .name {
    	font-size: 2em;
    	display: inline-block;
    	background: rgba(33, 33, 33, 0.9);
    	color: #f8f8f8;
    	font-family: Courier;
    	padding: 5px 10px;
    	border-radius: 5px;
    	bottom: 60px;
    	left: 25%;
    	position: absolute;
    	text-shadow: 0.1em 0.1em 0.05em #333;
    	-webkit-transform: rotate(-20deg);
    	-moz-transform: rotate(-20deg);
      -o-transform: rotate(-20deg);
    	transform: rotate(-20deg);
    }
    .flip-container .back{
        padding: 25px 10px 10px;
    }
    .back-title {
    	font-weight: bold;
    	color: #00304a;
        margin-bottom: 10px;
    	text-align: center;
    	text-shadow: 0.1em 0.1em 0.05em #acd7e5;
    	font-family: "museo700";
    	font-size: 2em;
        line-height: 100%;
    }
    .flip-container .back p {
    	text-align: center;
    	padding: 0 20px;
      font-family: arial;
      line-height: 2em;
    }
}
@media (max-width: 800px){
    .flip-container{
        margin-bottom: 20px
    }
    .back-title {
    	font-weight: bold;
    	color: #00304a;
        margin-top: 20px;
        margin-bottom: 10px;
    	text-align: center;
    	text-shadow: 0.1em 0.1em 0.05em #acd7e5;
    	font-family: "museo700";
    	font-size: 2em;
        line-height: 100%;
    }
}
@media (max-width: 768px) { 
    .site-sologan h1,
    .site-sologan h2{
        font-size: 30px;
    }
    .site-sologan h3{
        font-size: 18px;
    }
    .site-phone-number h2 {
        font-size: 30px;
        line-height: 100%;
    }
    #site-navigation .navbar-collapse{
        float: left;
        width: 100%;
    }
    #site-navigation .navbar-nav > li{
        float: left;
    }
    .home-page-list-group{
        float: left;
        padding: 0px !important;
        width: 100%;
    }
    .home-page-list-group li .content-info .group-title {
        padding: 25px 25px 25px 20px;
    }
    .homepage-sidebar{
        float: left;
    }
    .homepage-bottom-widget .group-title,
    .homepage-sidebar .group-title{        
        font-size:  30px;
    }
    
    .apply-now-box .widget_custom_cf7,
    footer#colophon .widget_custom_cf7{
        width: 100%;
    }
    .apply-now-box .widget_custom_cf7 .widget-title,
    footer#colophon .widget_custom_cf7 .widget-title{        
        padding-left: 15px ;
    }
    .apply-now-box  .widget_custom_cf7 label,
    footer#colophon .widget_custom_cf7 label{
        font-size: 18px;
    }
    .apply-now-box .widget_text,
    footer#colophon .widget_text {
        width: 100%;
    }
    footer#colophon .widget_text .site-info {
        float: left;
        width: 100%;
    }
    footer#colophon .widget_text h2,
    footer#colophon .widget_text .site-info h2{
        font-size: 40px;
        clear: both;
    }
    footer#colophon .widget_text h2, 
    footer#colophon .widget_text .site-info h2,
    footer#colophon .widget_text .site-info h3{
        clear: both;
        float: none;
        text-align: center;
    }
    footer#colophon .widget_text h2.text-second,
    footer#colophon .widget_text h2.text-third{
        font-size: 52px;
    }
    .apply-now-box .widget_text h2, 
    .apply-now-box .widget_text .site-info h2,
    .apply-now-box .widget_text .site-info h3{
        clear: both;
        float: none;
        text-align: center;
    }
    .apply-now-box .widget_text h2.text-first{
        font-size: 40px;
    }
    .apply-now-box .widget_text h2.text-second,
    .apply-now-box .widget_text h2.text-third{
        font-size: 52px;
    }
    .apply-now-box .widget_text  .site-info h2{
        font-size: 42px;
    }
}

@media (max-width: 680px){
    .site-branding-text{
        float: left;
        width: 100%;
    }
    header#masthead #site-branding .brand-logo {
        float: none;
        margin: 0 auto !important;
        min-width: 110px !important;
    }
    .site-phone-number {
        float: left;
        padding-bottom: 20px;
        padding-top: 30px;
        width: 40%;
    }
    .site-sologan {
        display: block !important;
        float: left;
        padding-bottom: 20px;
        padding-top: 30px;
        position: inherit !important;
        text-align: center;
        width: 60%;
    }
}
@media (max-width: 540px) { 
    #site-navigation .navbar-nav > li{
        width: 100% !important;
    }
    .home-page-list-group li .feature-image,
    .home-page-list-group li .content-info{
        float: left;
        width: 100% !important;
    }
    .homepage-sidebar img.home-sidebar-map{
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width: 480px) {
    .site-sologan h1, .site-sologan h2 {
        font-size: 30px;
    }
    .site-phone-number {
        float: left;
        padding-bottom: 5px;
        padding-top: 10px;
        text-align: center;
        width: 100%;
    }
    .site-sologan {
        float: left;
        padding-bottom: 10px;
        padding-top: 5px;
        text-align: center;
        width: 100%;
    }
    .apply-now-box .widget_custom_cf7 label,
    footer#colophon .widget_custom_cf7 label{
        font-size: 16px;
    }
}