@charset "utf-8";
/* CSS Document */
body { overflow-x:hidden;}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none !important;
}

@font-face {
    font-family: 'VAGRoundedStdBold';
    src: url('../fonts/vagroundedstd-bold.eot');
    src: url('../fonts/vagroundedstd-bold.eot') format('embedded-opentype'),
         url('../fonts/vagroundedstd-bold.woff') format('woff'),
         url('../fonts/vagroundedstd-bold.ttf') format('truetype'),
         url('../fonts/vagroundedstd-bold.svg#VAGRoundedStdBold') format('svg');
}

@font-face {
    font-family: 'VAGRoundedStdLight';
    src: url('../fonts/vagroundedstd-light.eot');
    src: url('../fonts/vagroundedstd-light.eot') format('embedded-opentype'),
         url('../fonts/vagroundedstd-light.woff') format('woff'),
         url('../fonts/vagroundedstd-light.ttf') format('truetype'),
         url('../fonts/vagroundedstd-light.svg#VAGRoundedStdLight') format('svg');
}


.navbar-nav { float:right; padding: 25px 0; font-family:"VAGRoundedStdBold", Arial, sans-serif; font-size:20px;}
.nav>li {border-bottom:2px #fff solid;}

.navbar-brand{float:left; text-align:center; height:50px;padding:0 20px; margin-left:20%; font-size:18px;line-height:20px}
.navbar-brand img { width:100% !important;}
.nav>li>a { margin:8px 0;}

/*mobile nav icon*/
.navbar-header i.fa-bars { color:#fff; font-size:25px; padding-top:3px; padding-left:3px;}
.navbar-header .btn-round i { color:#fff; font-size:25px; padding:8px 0 0 8px; }
.navbar-header .btn-round {width:45px; height:45px; border-radius:50%; border:2px #fff solid; line-height:45px; margin-top:3px; z-index:99; position:relative;}
.navbar-header .btn-round:hover,.navbar-header .btn-round:focus,.navbar-header .btn-round .active { border:2px #4dc4d3 solid !important; background:#4dc4d3;}

/*navi round icon*/
.nav>li.btn-round {width:45px; height:45px; border-radius:50%; border:2px #fff solid; font-size:20px; line-height:45px;}
.btn-round:hover,.btn-round:focus,.btn-round .active { border:2px #4dc4d3 solid !important; background:#4dc4d3;}
.nav>li.no-info, .nav>li.no-info:hover { opacity:.5; border:2px #fff solid !important; background:transparent !important;} /*add this class when no notification*/
.nav>li.btn-round>a { margin:0; padding:10px 10px;}
.selfcaredrop .mobiledrop {padding:18px 0 5px; color:#BDBDBD; font-size:18px;}
.selfcaredrop .mobilesubdrop { padding-left:10px;}

.search-mob { margin-top:100px; border-bottom:none !important;}
.search-mob div { padding:0;}
.search-mob form{color:#fff; font-family:"VAGRoundedStdBold", Arial, sans-serif; font-size:18px;}
.search-mob input { height:40px; border-radius: 0; border:0; border-bottom:2px #fff solid; font-size:18px; background:transparent !important;}
/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon i {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

.right-addon i { right: 0px;}
.right-addon input { padding-right: 30px; }

@media (min-width: 768px) {
.nav>li {border-bottom:none;}
.navbar-nav { font-size:16px;}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{border-bottom:2px #fff solid;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{border-bottom:2px #fff solid;}
.navbar-inverse .navbar-nav>li.btn-round>a:focus,.navbar-inverse .navbar-nav>li.btn-round>a:hover{border-bottom:none;}
.navbar-inverse .navbar-nav>li.btn-special>a:focus,.navbar-inverse .navbar-nav>li.btn-special>a:hover{border-bottom:none;}

.navbar-brand{float:left;height:50px;padding:25px 15px;font-size:18px;line-height:20px}
.nav>li>a { margin:0 2px; padding:10px 10px;}

/*navi round icon*/
.nav>li.btn-round {width:35px; height:35px; border-radius:50%; border:2px #fff solid; font-size:16px; line-height:35px; margin:5px 5px;}
.btn-round:hover,.btn-round:focus,.btn-round .active { border:2px #4dc4d3 solid !important; background:#4dc4d3;}
.nav>li.btn-round>a { margin:0; padding:6px 8px;}

/*navi special icon*/
.nav>li.btn-special {border:2px #4dc4d3 solid; text-transform:capitalize; padding:0 0; margin-right:5px;}
.btn-special:hover,.btn-special:focus,.btn-special .active { background:#4dc4d3;}
.nav>li.btn-special>a { margin:0; padding:10px 13px;}


/*navi selfcaredropdown*/
.selfcaredrop { text-align:left;}
.selfcaredrop a.small{ font-size:14px;color:#fff; font-family:"VAGRoundedStdLight", Arial, sans-serif;}
.selfcaredrop a.small:hover {color:#4dc4d3; text-decoration:none;}
.selfcaredrop .big{ font-size:16px; color:#fff;}
.selfcaredrop .big a {color:#fff;}
.selfcaredrop .big a:hover {color:#4dc4d3; text-decoration:underline;}


.nav-noti { line-height:20px; color:#fff; font-family:"VAGRoundedStdLight", Arial, sans-serif;}
.nav-noti a { color:#fff;}
.nav-noti b {color:#4dc4d3; font-family:"VAGRoundedStdBold", Arial, sans-serif; margin-right:5px;}
.nav-noti a span {color:#4dc4d3; text-decoration:underline;}

.nav-search form{color:#fff; font-family:"VAGRoundedStdBold", Arial, sans-serif; font-size:16px;}
.nav-search input { height:40px; border-radius: 0; font-size:14px;}

}

@media (min-width: 992px) {
.navbar-brand img { width:100%;}
.navbar-header { width:150px !important;}
.navbar-nav>li{float:left; margin:0 8px;}
.navbar-nav>li.nohover{float:left; margin:0;}
.navbar-nav { font-size:18px;}
.nav>li>a { margin:0; padding:10px 10px;}
.navbar-brand{float:left;height:50px;padding:18px 15px;font-size:18px;line-height:20px}

/*navi round icon*/
.nav>li.btn-round {width:45px; height:45px; border-radius:50%; border:2px #fff solid; font-size:20px; line-height:45px; margin:0 5px;}
.btn-round:hover,.btn-round:focus,.btn-round .active { border:2px #4dc4d3 solid !important; background:#4dc4d3;}
.nav>li.btn-round>a { margin:0; padding:10px 10px;}

/*navi special icon*/
.nav>li.btn-special {border:2px #4dc4d3 solid; text-transform:capitalize; padding:0 10px; margin-right:20px;}

/*navi search*/
.nav-search form{color:#fff; font-family:"VAGRoundedStdBold", Arial, sans-serif; font-size:20px;}
.nav-search input { height:40px; border-radius: 0; font-size:16px;}


/*navi selfcaredropdown*/
.selfcaredrop a.small{ font-size:16px;color:#fff; font-family:"VAGRoundedStdLight", Arial, sans-serif;}
.selfcaredrop .big{ font-size:20px; color:#fff;}

.nav-noti { line-height:25px; color:#fff; font-family:"VAGRoundedStdLight", Arial, sans-serif;}


}


@media (min-width: 768px) and (max-width: 991px) {
.navbar-header { width:95px;}
}


@media (min-width: 1201px) {
.navbar-nav { font-size:20px;}
.nav>li>a { margin:0; padding:10px 15px;}
}


/* adjust body when menu is open */
body.slide-active {
    overflow-x: hidden;
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px!important
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    padding-top: 70px;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0 !important;
	margin-top:-20px;
}



/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 10px 0 0 0;
    border: 0;
	z-index:99;
    background: transparent;
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: #fff;
}
.navbar-header {
    position: relative
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}
.nav > li.dropdown.open .dropdown-menu { text-transform:capitalize;}
.nav > li.dropdown.open .dropdown-menu .text-center, .nav > li.dropdown.open .dropdown-menu .text-right { text-align:left;}
@media (min-width: 768px) {
 
.nav > li.dropdown.open {
	position:static;
}

.nav > li.dropdown.open .dropdown-menu { display:inline-block; width: 100%; text-align: center; min-height:60px; padding:20px 30px; text-transform:capitalize; font-size:14px; background:#1c1d21; border-radius:0;}
.nav > li.dropdown.open .dropdown-menu .container ul { margin-left:-40px;}
.nav > li.dropdown.open .dropdown-menu .container ul li a { padding:0 10px; color:#fff; text-decoration:none;}
.nav > li.dropdown.open .dropdown-menu .container ul li a:hover { color:#4dc4d3; text-decoration:none;}
.nav > li.dropdown.open .dropdown-menu .text-center { text-align:center;}
.nav > li.dropdown.open .dropdown-menu .text-right { text-align:right;}

.dropdown-menu .container >ul>li {
    display: inline-block;
}

#page-content {
    position: relative;
    padding-top: 90px;
    left: 0;
}
}

@media (min-width: 992px) {
.nav > li.dropdown.open .dropdown-menu {font-size:16px;}
.nav > li.dropdown.open .dropdown-menu .container ul li a { padding:0 20px; color:#fff; text-decoration:none;}
}

/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
@media (max-width:767px) { 
	#slide-nav .container {
	    margin: 0!important;
	    padding: 0!important;
      height:100%;
	}
	#slide-nav .navbar-header {
	    margin: 0 auto;
	    padding: 10px 15px;
	}
	#slide-nav .navbar.slide-active {
	    position: absolute;
	    width: 80%;
	    top: -1px;
	    z-index: 1000;
	}
	#slide-nav #slidemenu {
	    background: #f7f7f7;
	    left: -100%;
	    width: 80%;
	    min-width: 0;
	    position: absolute;
	    padding-left: 0;
	    z-index: 2;
	    top: -8px;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav {
	    min-width: 0;
	    width: 100%;
	    margin: 0;
		padding:20px;
	}
	#slide-nav #slidemenu .navbar-nav .dropdown-menu .container ul { list-style:none; padding-left:25px; margin:-15px auto 15px; }
	#slide-nav #slidemenu .navbar-nav .dropdown-menu .container ul li { margin-top:15px;}
	#slide-nav #slidemenu .navbar-nav .dropdown-menu .container ul li a {
	    min-width: 0;
	    /*width: 80%;*/
	    white-space: normal;
		font-size:18px;
		color:#fff;
		text-decoration:none;
		
	}
	
	#slide-nav #slidemenu .navbar-nav .dropdown-menu .container ul li a:hover {
	    min-width: 0;
	    /*width: 80%;*/
	    white-space: normal;
		color:#4dc4d3; 
		text-decoration:none;
		padding:5px 0;
	}

	#slide-nav {
	    border-top: 0
	}
	#slide-nav.navbar-inverse #slidemenu {
	    background: #1c1d21;
	}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#navbar-height-col {
	    position: fixed;
	    top: 0;
	    height: 100%;
      bottom:0;
	    width: 80%;
	    left: -80%;
	    background: #f7f7f7;
	}
	#navbar-height-col.inverse {
	    background: #1c1d21;
	    z-index: 1;
	    border: 0;
	}
	#slide-nav .navbar-form {
	    width: 100%;
	    margin: 8px 0;
	    text-align: center;
	    overflow: hidden;
	    /*fast clearfixer*/
	}
	#slide-nav .navbar-form .form-control {
	    text-align: center
	}
	#slide-nav .navbar-form .btn {
	    width: 100%
	}
}
@media (min-width:768px) { 
	#page-content {
	    left: 0!important
	}
	.navbar.navbar-fixed-top.slide-active {
	    position: fixed
	}
	.navbar-header {
	    left: 0!important
	}
}


.title {color:#fff; font-family:"VAGRoundedStdBold", Arial, sans-serif; font-size:25px; text-align:center; margin-bottom:25px; margin-top:30px;}

.mpromotions { padding:60px 0 40px; background: url(../images/escheresque_ste.jpg) repeat;/* Background pattern from subtlepatterns.com */}
.mpromotions .responsive img { cursor:pointer;}
.mpromotions .ctabutton { margin-top:70px; display:inline;}
.mpromotions .ctabutton .btn { border:3px #fff solid ; color:#fff; text-align:center; padding:10px 0 !important; font-family:"VAGRoundedStdBold", Arial, sans-serif; font-size:18px; margin-bottom:20px;}
.mpromotions .ctabutton .btn:hover {background:#4dc4d3; border:3px #4dc4d3 solid ;}
.mpromotions .ctabutton .btn i { padding-left:15px; font-size:14px;}

@media (min-width:640px) { 
.title {color:#fff; font-family:"VAGRoundedStdBold", Arial, sans-serif; font-size:30px; text-align:center; margin-bottom:30px; margin-top:30px;}
}


@media (min-width:767px) { 
.title {color:#fff; font-family:"VAGRoundedStdBold", Arial, sans-serif; font-size:35px; text-align:center; margin-bottom:35px; margin-top:0;}

}


@media (min-width:992px) { 
.mpromotions { padding:60px; background: url(../images/escheresque_ste.jpg) repeat;/* Background pattern from subtlepatterns.com */}
.mpromotions .ctabutton { margin-top:100px; display:inline;}
.mpromotions .ctabutton .btn { border:3px #fff solid ; color:#fff; text-align:center; padding:10px 0 !important; font-family:"VAGRoundedStdBold", Arial, sans-serif; font-size:22px;}
.mpromotions .ctabutton .btn i { padding-left:15px; font-size:17px;}

}

@media (min-width:992px) and (max-width:1280px) { 
.mpromotions .container {padding:0; margin:0; width:100%;}
}



.article {background: linear-gradient(to right, #f5f6fa 0%,#f5f6fa 50%,#f5f6fa 50%,#e0e7ed 50%,#e0e7ed 100%)}
.article .leftcol,.article .righcol,.article .leftbgcol,.article .rightbgcol {padding:60px 45px;}
.article .leftcol { background:#f5f6fa;}
.article .righcol { background:#e0e7ed;}



.article .date { width:auto; display:inline;padding:8px 20px; color:#fff; font-family:"VAGRoundedStdBold", Arial, sans-serif; font-size:14px; background:#4dc4d3;}
.article h1, .article h2 {color:#333; font-family:"VAGRoundedStdBold", Arial, sans-serif; font-size:23px; margin:0 auto; margin-bottom:20px; margin-top:30px; min-height:55px;}
.article .desc {color:#696969; font-size:16px; font-family:"VAGRoundedStdLight", Arial, sans-serif; margin-bottom:20px;}

.article .btn-round i { color:#4dc4d3; font-size:30px; padding:8px 0 0 3px;}
.article .btn-round {width:50px; height:50px; border-radius:50%; border:2px #4dc4d3 solid; text-align:center; line-height:50px; margin:0 auto;}
.article .btn-round:hover,.article .abtn-round:focus,.article .abtn-round .active,.article .btn-round:hover i,.article .abtn-round:focus i,.article .abtn-round .active i { border:2px #4dc4d3 solid !important; background:#4dc4d3; color:#fff;}

/*BG CSS*/
.article .leftbgcol {color:#fff !important; background:url(../images/example-1.jpg) center top; }
.article .rightbgcol {color:#fff !important; background:url(../images/example-2.jpg) center top; }
.article .darkbg h1, .article .darkbg h2, .article .darkbg .desc{ color:#fff !important; text-shadow:3px 2px 4px rgba(0, 0, 0, .8);}
.article .darkbg .btn-round i { color:#fff; font-size:30px; padding:8px 0 0 3px;}
.article .darkbg .btn-round {width:50px; height:50px; border-radius:50%; border:2px #4dc4d3 solid; background:#4dc4d3; text-align:center; line-height:50px; margin:0 auto;}
.article .darkbg .btn-round:hover,.article .darkbg .btn-round:focus,.article .darkbg .btn-round:hover i,.article .darkbg .btn-round:focus i{ border:2px #fff solid !important; background:#fff; color:#4dc4d3;}

@media (min-width:1024px) { 
.article {background: linear-gradient(to right, #f5f6fa 0%,#f5f6fa 50%,#f5f6fa 50%,#e0e7ed 50%,#e0e7ed 100%)}
.article h1, .article h2 {font-size:23px;}
}


@media (min-width:1280px) { 
.article h1, .article h2 {font-size:25px;}
}

@media (max-width:992px) {
	.article {background: transparent; padding:0; margin:0;}
	.article .container {padding:0; margin:0; width:100%;}
	.article .leftcol,.article .righcol {padding:60px 25px;}
	.article .leftcol { background:#f5f6fa; width:100%; margin-left:0!important; margin-right:0!important; }
	.article .righcol { background:url(../images/30467951.jpg); width:100%; margin-left:0!important; margin-right:0!important; }
}



.customerservice {background:linear-gradient(to right, #1ca1aa 0%,#1ca1aa 25%,#1ca1aa 25%,#4dc4d3 25%,#4dc4d3 100%); color:#fff;}
.customerservice .leftcol,.customerservice .righcol {padding:30px 10px 25px;}
.customerservice .leftcol { background: url(../images/crissxcross.jpg) repeat;/* Background pattern from subtlepatterns.com */ font-family:"VAGRoundedStdLight", Arial, sans-serif; text-align:left;}
.customerservice .leftcol { background: url(../images/crissxcross.jpg) repeat;/* Background pattern from subtlepatterns.com */ font-family:"VAGRoundedStdLight", Arial, sans-serif; font-size:35px; line-height:40px;}
.customerservice .leftcol b { font-size:41px; display:block; font-family:"VAGRoundedStdBold", Arial, sans-serif;}
.customerservice .righcol { background:#4dc4d3; font-size:18px; line-height:20px; font-family:"VAGRoundedStdLight", Arial, sans-serif;}
.customerservice .righcol b {font-family:"VAGRoundedStdBold", Arial, sans-serif; display:block; text-transform:uppercase;}
.customerservice .righcol h3 {font-family:"VAGRoundedStdBold", Arial, sans-serif; margin:0 auto; margin-top:8px; font-size:30px;}
.customerservice .righcol .borderight {border-right:3px dotted #fff;}


@media (min-width:1024px) { 
.customerservice {background: url(../images/crissxcross-big.jpg) no-repeat, linear-gradient(to right, #1ca1aa 0%,#1ca1aa 25%,#1ca1aa 25%,#4dc4d3 25%,#4dc4d3 100%);}

}

@media (min-width:992px) and (max-width:1240px) {
	.customerservice .righcol { background:#4dc4d3; font-size:16px; line-height:20px; font-family:"VAGRoundedStdLight", Arial, sans-serif;}
	.customerservice .righcol h3 {font-family:"VAGRoundedStdBold", Arial, sans-serif; margin:0 auto; margin-top:8px; font-size:28px;}
}



@media (max-width:992px) {
	.customerservice {background: transparent; padding:0; margin:0;}
	.customerservice .container {padding:0; margin:0; width:100%;}
	.customerservice .leftcol,.customerservice .righcol {padding:30px 25px 25px;}
	.customerservice .leftcol {background: url(../images/crissxcross.jpg) repeat;/* Background pattern from subtlepatterns.com */ width:100%; margin-left:0!important; margin-right:0!important; text-align:center; }
	.customerservice .righcol { background:#4dc4d3; width:100%; padding:0 100px; margin-left:0!important; margin-right:0!important; }
	.customerservice .righcol > div { padding:25px 0;}
	.customerservice .righcol .borderight {border-bottom:3px dotted #fff; border-right:hidden;}
}

@media (max-width:480px) {
	.customerservice .righcol { background:#4dc4d3; width:100%; padding:0 40px; margin-left:0!important; margin-right:0!important; }
	.customerservice .leftcol { background: url(../images/crissxcross.jpg) repeat;/* Background pattern from subtlepatterns.com */ font-family:"VAGRoundedStdLight", Arial, sans-serif; font-size:30px; line-height:33px;}
.customerservice .leftcol b { font-size:35px; display:block; font-family:"VAGRoundedStdBold", Arial, sans-serif;}
	.customerservice .righcol { background:#4dc4d3; font-size:16px; line-height:20px; font-family:"VAGRoundedStdLight", Arial, sans-serif;}
	.customerservice .righcol h3 {font-family:"VAGRoundedStdBold", Arial, sans-serif; margin:0 auto; margin-top:8px; font-size:25px;}
}



.newsleter { padding:35px 0 38px; background: url(../images/escheresque_ste.jpg) repeat;/* Background pattern from subtlepatterns.com */ color:#fff; font-family:"VAGRoundedStdBold", Arial, sans-serif; text-align:center;}
.newsleter .leftcol { font-size:25px; font-family:"VAGRoundedStdLight", Arial, sans-serif; line-height:43px; text-align:left; vertical-align:middle; margin-bottom:20px;}
.newsleter .col-lg-12 { padding:0;}
.newsleter .leftcol b{font-family:"VAGRoundedStdBold", Arial, sans-serif;}
.newsleter .input-group input{ border-radius:0; height:43px;}
.newsleter .input-group button { text-transform:uppercase;}
.newsleter .input-group .btn-danger { background:#e7282b; border-radius:0; border-bottom:3px solid #b31d23; padding:10px 25px;}
.newsleter .input-group .btn-danger:hover {background:#b31d23;}

@media (min-width:992px) { 
.newsleter {padding:35px 0 15px; background: url(../images/escheresque_ste.jpg) repeat;/* Background pattern from subtlepatterns.com */ color:#fff; font-family:"VAGRoundedStdBold", Arial, sans-serif; text-align:center;}
.newsleter .leftcol { font-size:25px; font-family:"VAGRoundedStdLight", Arial, sans-serif; line-height:43px; vertical-align:middle; text-align:center;}
}
@media (min-width:1000px) {.newsleter .leftcol {text-align:left;}}
@media (max-width:992px){
.newsleter .container {padding:0; margin:0; width:100%; height:auto;}
.newsleter .leftcol { text-align:center;}
}
@media (max-width:480px) {
	.newsleter .leftcol { font-size:21px; font-family:"VAGRoundedStdLight", Arial, sans-serif; line-height:25px; padding:0; vertical-align:middle; margin-bottom:20px; text-align:center;}
	.newsleter .col-lg-12 { padding:0; margin:0;}
	.newsleter .leftcol b{font-family:"VAGRoundedStdBold", Arial, sans-serif;}
	
	.newsleter .input-group{ width:100%;}
	.newsleter .input-group .btn-danger { width:100%;}
	.newsleter .input-group input{ border-radius:0; height:43px; text-align:center;}
	.newsleter .input-group-btn { display:block; clear:both; width:100%; float:right; margin:0; padding:0;}
}

footer { background:#000; padding:18px 0; color:#fff; font-size:14px; font-family:"VAGRoundedStdLight", Arial, sans-serif;}

.footer { padding:40px 0; background: #000; color:#fff; font-family:"VAGRoundedStdBold", Arial, sans-serif; text-align:center;}
.footer .footitle { font-size:20px; line-height:23px;  margin-bottom:10px; min-height:30px; }
.footer .foocfm { font-size:13px; font-family:"VAGRoundedStdLight", Arial, sans-serif; color:#fff; line-height:15px;}
.footer .foocfm a{ font-size:13px; font-family:"VAGRoundedStdLight", Arial, sans-serif; color:#fff;}
.footer .foocfm a:hover{ color:#4dc4d3; text-decoration:none;}
.footer .foocfm img { margin-top:15px; width:60%; display:block;}
.footer .foosubtitle a{ font-size:16px; font-family:"VAGRoundedStdLight", Arial, sans-serif; color:#fff;}
.footer .foosubtitle a:hover{ color:#4dc4d3; text-decoration:none;}
.footer .foosubtitle ul { margin-left:-40px; list-style:none;}
.footer .foosubtitle ul li{margin-bottom:8px;}
.footer .foosubtitle ul li i{ padding-right:3px;}
.footer .foocover { text-align:center; min-height:auto !important; margin-bottom:50px !important;}
.footer .foocfm img { width:70%; margin:0 auto; margin-top:15px;}


.footer .btn-round i { color:#fff; font-size:20px; padding:3px 0 0 0;}
.footer .btn-round {width:45px; height:45px; border-radius:50%; display:inline-block; border:2px #fff solid; text-align:center; line-height:45px; margin:0 auto; margin-right:10px;}
.footer .btn-round:hover, .footer .btn-round:focus { border:2px #4dc4d3 solid !important; background:#4dc4d3; color:#fff;}
@media (min-width:767px) { 
.footer .foocover { float:left; text-align:left; min-height:190px !important; }
.footer .foocfm img { width:70%; display:block; margin-left:0; margin-top:15px;}
.footer .foosubtitle ul li{margin-bottom:5px;}
}
@media (max-width:922px){
	.footer .footitle { font-size:21px; line-height:23px;  margin-bottom:10px; min-height:30px; }
	.footer .foocfm img { width:50%; display:block; margin:0 auto; margin-top:15px;}
}
@media (max-width:1170px){
	.footer .foocfm img { width:50%; display:block; margin-top:15px;}
}