/*-- MASTER CSS FILE (it combines app.css, style.css and  custom.css, and site.css)
/*Reset Styles
------------------------------------*/
body[data-ng-cloak] [data-ng-if] {
visibility: hidden !important;
}
#nav {
margin-bottom: 15px;
}
ul.nav li a.logotype {
padding: 0 20px;
}
ul.nav li a.logotype img {
height: 50px;
width: auto;
}
ul.nav li ul {
list-style-type: none;
}
#main > img {
margin: 0 15px;
}
.part {
margin-bottom: 15px;
}
.carousel-caption a {
color: #fff;
text-shadow: 1px 1px 3px #000;
}
.contentlink h3 a {
color: #333;
}
.contentlink .img {
float: left;
margin: 20px 10px 10px 0;
}
.carousel .part {
margin-bottom: 0;
}
.carousel .contentlink .img {
margin: 0;
}
td {
vertical-align: top;
}
div[uib-datepicker-popup-wrap] {
display: inline-block;
}
#footer ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#featureImage img {
width: 100%;
}
body {
color: #333;
font-size: 13px;
line-height: 1.6;
}
p, li, li a {
color: #555;
}
a, a:focus, a:hover, a:active, button, button:hover {
outline: 0 !important;
}
a {
color: #72c02c;
text-decoration: none;
}
a:focus {
text-decoration: none;
}
a:hover {
color: #72c02c;
text-decoration: underline;
}
hr {
margin: 30px 0;
}
hr.hr-md {
margin: 20px 0;
}
.wrapper {
background: #fff;
}
.boxed-layout {
padding: 0;
box-shadow: 0 0 5px #ccc;
margin-left: auto !important;
margin-right: auto !important;
background: url("/Dinamico/Themes/Default/img/patterns/15.png") repeat;
}
/*Headings*/
h1 {
font-size: 28px;
line-height: 35px;
}
h2 {
font-size: 24px;
line-height: 33px;
}
h3 {
font-size: 20px;
line-height: 27px;
}
h4 {
line-height: 25px;
}
h5 {
line-height: 20px;
}
h6 {
line-height: 18px;
}
h1, h2, h3, h4, h5, h6 {
color: #585f69;
margin-top: 5px;
text-shadow: none;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
margin-right: 5px;
}
/*Block Headline*/
.headline {
display: block;
margin: 10px 0 25px 0;
border-bottom: 1px dotted #e4e9f0;
}
.headline h2 {
font-size: 22px;
}
.headline h2, .headline h3, .headline h4 {
margin: 0 0 -2px 0;
padding-bottom: 5px;
display: inline-block;
border-bottom: 2px solid #72c02c;
}
.headline-md {
margin-bottom: 15px;
}
.headline-md h2 {
font-size: 21px;
}
/*Heading Options*/
.heading {
text-align: center;
}
.heading h2 {
padding: 0 12px;
position: relative;
display: inline-block;
line-height: 34px !important; /*For Tagline Boxes*/
}
.heading h2:before, .heading h2:after {
content: ' ';
width: 70%;
position: absolute;
border-width: 1px;
border-color: #bbb;
}
.heading h2:before {
right: 100%;
}
.heading h2:after {
left: 100%;
}

@media (max-width: 768px) {
.heading h2:before, .heading h2:after {
width: 20%;
}
}
/*Headline v1*/
.heading-v1 h2:before, .heading-v1 h2:after {
top: 15px;
height: 6px;
border-top-style: solid;
border-bottom-style: solid;
}
/*Headline v4*/
.heading-v4 h2:before, .heading-v4 h2:after {
top: 17px;
border-bottom-style: solid;
}
/*Heading Sizes*/
h2.heading-md {
font-size: 20px;
line-height: 24px;
}
h2.heading-sm, h3.heading-md {
font-size: 18px;
line-height: 24px;
}
h3.heading-md {
line-height: 22px;
}
h3.heading-sm {
font-size: 16px;
line-height: 20px;
}
h2.heading-xs {
font-size: 16px;
line-height: 22px;
}
h3.heading-xs {
font-size: 14px;
margin-bottom: 0;
}
/*remove padding from "Col-"*/
.no-space {
padding: 0;
}
.no-space-left {
padding-left: 0;
padding-right: 15px !important;
}
.no-space-right {
padding-right: 0;
padding-left: 15px !important;
}
/*Tables
------------------------------------*/
/*Basic Tables*/
.table thead > tr > th {
border-bottom: none;
}

@media (max-width: 768px) {
.table th.hidden-sm, .table td.hidden-sm {
display: none !important;
}
}
/*Forms
------------------------------------*/
.form-control {
box-shadow: none;
}
.form-control:focus {
border-color: #bbb;
box-shadow: 0 0 2px #c9c9c9;
}
/*Form Spacing*/
.form-spacing .form-control {
margin-bottom: 15px;
}
/*Form Icons*/
.input-group-addon {
color: #b3b3b3;
font-size: 14px;
background: #fff;
}
.form-page input, .form-page select {
margin-bottom: 10px;
}
/*Carousel v1
------------------------------------*/
.carousel-v1 .carousel-caption {
left: 0;
right: 0;
bottom: 0;
padding: 7px 15px;
background: rgba(0, 0, 0, 0.7);
}
.carousel-v1 .carousel-caption p {
color: #fff;
margin-bottom: 0;
}
.carousel-v1 .carousel-arrow a.carousel-control {
opacity: 1;
font-size: 30px;
height: inherit;
width: inherit;
background: none;
text-shadow: none;
position: inherit;
}
.carousel-v1 .carousel-arrow a i {
top: 50%;
opacity: 0.6;
background: #000;
margin-top: -18px;
padding: 2px 12px;
position: absolute;
}
.carousel-v1 .carousel-arrow a i:hover {
opacity: 0.8;
}
.carousel-v1 .carousel-arrow a.left i {
left: 0;
}
.carousel-v1 .carousel-arrow a.right i {
right: 0;
}
/*Carousel v2
------------------------------------*/
.carousel-v2 .carousel-control, .carousel-v2 .carousel-control:hover {
opacity: 1;
text-shadow: none;
}
.carousel-v2 .carousel-control.left, .carousel-v2 .carousel-control.right {
top: 50%;
z-index: 5;
color: #eee;
width: 45px;
height: 45px;
font-size: 30px;
margin-top: -22px;
position: absolute;
text-align: center;
display: inline-block;
border: 2px solid #eee;
background: rgba(0,0,0,0.1);
}
.carousel-v2 .carousel-control:hover {
background: rgba(0,0,0,0.3);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.carousel-v2 .carousel-control.left {
left: 20px;
}
.carousel-v2 .carousel-control.right {
right: 20px;
}
.carousel-v2 .carousel-control .arrow-prev, .carousel-v2 .carousel-control .arrow-next {
top: -5px;
position: relative;
}
.carousel-v2 .carousel-control .arrow-next {
right: -2px;
}

@media (min-width: 768px) {
.carousel-indicators {
bottom: 10px;
}
}
/*Tabs
------------------------------------*/

/*Tabs v1*/
.tab-v1 .nav-tabs {
border: none;
background: none;
border-bottom: solid 2px #72c02c;
}
.tab-v1 .nav-tabs a {
font-size: 14px;
padding: 5px 15px;
}
.tab-v1 .nav-tabs > li > a.active, .tab-v1 .nav-tabs > li > a.active:hover, .tab-v1 .nav-tabs > li > a.active:focus {
color: #fff;
border: none;
background: #72c02c;
}
.tab-v1 .nav-tabs > li > a {
border: none;
}
.tab-v1 .nav-tabs > li > a:hover {
color: #fff;
background: #72c02c;
}
.tab-v1 .tab-content {
padding: 10px 0;
}
.tab-v1 .tab-content img {
margin-top: 4px;
margin-bottom: 15px;
}
.tab-v1 .tab-content img.img-tab-space {
margin-top: 7px;
}
/*Tabs v2*/
.tab-v2 .nav-tabs {
border-bottom: none;
}
.tab-v2 .nav-tabs li a {
padding: 9px 16px;
background: none;
border: none;
}
.tab-v2 .nav-tabs li a.active {
background: #fff;
padding: 7px 15px 9px;
border: solid 1px #eee;
border-top: solid 2px #72c02c;
border-bottom: none !important;
}
.tab-v2 .tab-content {
padding: 10px 16px;
border: solid 1px #eee;
}
/*Tabs v3*/
.tab-v3 .nav-pills li a {
color: #777;
font-size: 17px;
padding: 4px 8px;
margin-bottom: 3px;
background: #fafafa;
border: solid 1px #eee;
}
.tab-v3 .nav-pills li a:hover, .tab-v3 .nav-pills li a.active {
color: #fff;
background: #72c02c;
border: solid 1px #68af28;
}
.tab-v3 .nav-pills li i {
width: 1.25em;
margin-right: 5px;
text-align: center;
display: inline-block;
}
.tab-v3 .tab-content {
padding: 15px;
background: #fafafa;
border: solid 1px #eee;
}

.ccid-fees  .nav-tabs>li a{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}


.ccid-fees .nav-tabs > li > a.active {
background-color: #e5f1f8;
}
.ccid-fees.tab-v3 .tab-content{
background-color: #e5f1f8;
}

.ccid-fees .table{
background-color:#fff;
}


/*Accordions
------------------------------------*/
/*Accordion v1*/
.acc-v1 .panel-heading {
padding: 0;
box-shadow: none;
}
.acc-v1 .panel-heading a {
display: block;
font-size: 14px;
padding: 5px 15px;
background: #fefefe;
}
.acc-icon a.accordion-toggle i {
color: #585f69;
margin-right: 8px;
}
.acc-icon a.accordion-toggle:hover i {
color: #39414c;
}
/*Navigation
------------------------------------*/
/*Pegination*/
.pagination li a {
color: #777;
padding: 5px 15px;
}
.pagination li a:hover {
color: #fff;
background: #5fb611;
border-color: #5fb611;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
border-color: #72c02c;
background-color: #72c02c;
}
/*Pagination Without Space*/
.pagination-no-space .pagination {
margin: 0;
}
/*Pager*/
.pager li > a:hover, .pager li > a:focus {
color: #fff;
background: #5fb611;
border-color: #5fb611;
}
/*Sidebar Menu
------------------------------------*/
/*Sidebar Menu v1*/
.sidebar-nav-v1 li {
padding: 0;
}
.sidebar-nav-v1 li a {
display: block;
padding: 8px 30px 8px 10px;
}
.sidebar-nav-v1 li a:hover {
text-decoration: none;
}
.sidebar-nav-v1 > li.active, .sidebar-nav-v1 > li.active:hover {
background: #717984;
}
.sidebar-nav-v1 > li.active, .sidebar-nav-v1 > li.active:hover, .sidebar-nav-v1 > li.active:focus {
border-color: #ddd;
}
.sidebar-nav-v1 > li.active > a {
color: #fff;
}
/*Sidebar Sub Navigation*/
.sidebar-nav-v1 li ul {
padding: 0;
list-style: none;
}
.sidebar-nav-v1 li ul, .sidebar-nav-v1 li.active ul a {
background: #f8f8f8;
}
.sidebar-nav-v1 li ul a {
color: #585f69;
font-size: 12px;
border-top: solid 1px #ddd;
padding: 6px 30px 6px 17px;
}
.sidebar-nav-v1 ul li:hover a, .sidebar-nav-v1 ul li.active a {
color: #72c02c;
}
/*Sidebar Badges*/
.list-group-item li > .badge {
float: right;
}
.sidebar-nav-v1 span.badge {
margin-top: 8px;
margin-right: 10px;
}
.sidebar-nav-v1 .list-toggle > span.badge {
margin-right: 25px;
}
.sidebar-nav-v1 ul li span.badge {
margin-top: 8px;
font-size: 11px;
padding: 3px 5px;
margin-right: 10px;
}
/*Sidebar List Toggle*/
.list-toggle:after {
top: 7px;
right: 10px;
color: #777;
font-size: 14px;
content: "\f105";
position: absolute;
font-weight: normal;
display: inline-block;
font-family: FontAwesome;
}
.list-toggle.active:after {
color: #fff;
content: "\f107";
}
/*Button Styles
------------------------------------*/
.btn {
box-shadow: none;
}
.btn-u {
border: 0;
color: #fff;
font-size: 14px;
cursor: pointer;
font-weight: 400;
padding: 6px 13px;
position: relative;
background: #72c02c;
white-space: nowrap;
display: inline-block;
text-decoration: none;
}
.btn-u:hover {
color: #fff;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn-u.btn-block {
text-align: center;
}
.btn-u-sm, a.btn-u-sm {
padding: 3px 12px;
}
.btn-u-lg, a.btn-u-lg {
font-size: 18px;
padding: 10px 25px;
}
.btn-u-xs, a.btn-u-xs {
font-size: 12px;
padding: 2px 12px;
line-height: 18px;
}
/*Button Groups*/
.btn-group .dropdown-menu > li > a {
padding: 3px 13px;
}
.btn-group > .btn-u, .btn-group-vertical > .btn-u {
float: left;
position: relative;
}
.btn-group > .btn-u:first-child {
margin-left: 0;
}
/*Buttons Color*/
.btn-u:hover, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u {
background: #5fb611;
}
.btn-u-split.dropdown-toggle {
border-left: solid 1px #5fb611;
}
.btn-u.btn-u-blue {
background: #3498db;
}
.btn-u.btn-u-blue:hover, .btn-u.btn-u-blue:focus, .btn-u.btn-u-blue:active, .btn-u.btn-u-blue.active, .open .dropdown-toggle.btn-u.btn-u-blue {
background: #2980b9;
}
.btn-u.btn-u-split-blue.dropdown-toggle {
border-left: solid 1px #2980b9;
}
.btn-u.btn-u-green {
background: #2ecc71;
}
.btn-u.btn-u-green:hover, .btn-u.btn-u-green:focus, .btn-u.btn-u-green:active, .btn-u.btn-u-green.active, .open .dropdown-toggle.btn-u.btn-u-green {
background: #27ae60;
}
.btn-u.btn-u-split-green.dropdown-toggle {
border-left: solid 1px #27ae60;
}
.btn-u.btn-u-default {
background: #95a5a6;
}
.btn-u.btn-u-default:hover, .btn-u.btn-u-default:focus, .btn-u.btn-u-default:active, .btn-u.btn-u-default.active, .open .dropdown-toggle.btn-u.btn-u-default {
background: #7f8c8d;
}
.btn-u.btn-u-split-default.dropdown-toggle {
border-left: solid 1px #7f8c8d;
}
.btn-u.btn-u-light-grey {
background: #585f69;
}
.btn-u.btn-u-light-grey:hover, .btn-u.btn-u-light-grey:focus, .btn-u.btn-u-light-grey:active, .btn-u.btn-u-light-grey.active, .open .dropdown-toggle.btn-u.btn-u-light-grey {
background: #484f58;
}
.btn-u.btn-u-split-light-grey.dropdown-toggle {
border-left: solid 1px #484f58;
}
/*Badges and Labels
------------------------------------*/
/*Labels*/
span.label {
font-size: 11px;
font-weight: 400;
padding: 4px 7px;
}
/*Badges*/
span.badge {
font-weight: 400;
padding: 4px 7px;
}
span.label-u, span.badge-u {
background: #72c02c;
}
span.label-blue, span.badge-blue {
background: #3498db;
}
span.label-red, span.badge-red {
background: #e74c3c;
}
span.label-green, span.badge-green {
background: #2ecc71;
}
span.label-sea, span.badge-sea {
background: #1abc9c;
}
span.label-orange, span.badge-orange {
background: #e67e22;
}
span.label-yellow, span.badge-yellow {
background: #f1c40f;
}
span.label-purple, span.badge-purple {
background: #9b6bcc;
}
span.label-aqua, span.badge-aqua {
background: #27d7e7;
}
span.label-brown, span.badge-brown {
background: #9c8061;
}
span.label-dark-blue, span.badge-dark-blue {
background: #4765a0;
}
span.label-light-green, span.badge-light-green {
background: #79d5b3;
}
span.label-light, span.badge-light {
color: #777;
background: #ecf0f1;
}
span.label-dark, span.badge-dark {
background: #555;
}
/*Labels and Badges Page
------------------------------------*/
ul.labels-demo {
margin: 5px 0;
}
ul.labels-demo li {
list-style: none;
display: inline-block;
margin: 0 5px 2px 0;
}
.badge-sidebar {
border-left: solid 1px #eee;
}

@media (max-width: 991px) {
.badge-sidebar {
border-left: none;
}
}
/*Icons
------------------------------------*/
/*Social Icons*/
.social-icons {
margin: 5px 0 0 0;
padding: 0;
}
.social-icons li {
list-style: none;
margin: 0;
text-indent: -9999px;
display: inline-block;
}
.social-icons li a, a.social-icon {
width: 28px;
height: 28px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin: 0 3px;
}
.social-icons li:hover a {
background-position: 0 -38px;
}
.social-icons-color li a {
opacity: 0.7;
background-position: 0 -38px !important;
-webkit-backface-visibility: hidden; /*For Chrome*/
}
.social-icons-color li a:hover {
opacity: 1;
}
.social_facebook {
background: url("/Dinamico/Themes/Default/img/icons/social/facebook.png") no-repeat;
}
.social_linkedin {
background: url("/Dinamico/Themes/Default/img/icons/social/linkedin.png") no-repeat;
}
.social_pintrest {
background: url("/Dinamico/Themes/Default/img/icons/social/pintrest.png") no-repeat;
}
.social_rss {
background: url("/Dinamico/Themes/Default/img/icons/social/rss.png") no-repeat;
}
.social_twitter {
background: url("/Dinamico/Themes/Default/img/icons/social/twitter.png") no-repeat;
}
.social_vimeo {
background: url("/Dinamico/Themes/Default/img/icons/social/vimeo.png") no-repeat;
}
.social_youtube {
background: url("/Dinamico/Themes/Default/img/icons/social/youtube.png") no-repeat;
}
.social_instagram {
background: url("/Dinamico/Themes/Default/img/icons/social/instagram.png") no-repeat;
}
/*Font Awesome Icon Styles*/
i.icon-custom {
color: #555;
width: 40px;
height: 40px;
font-size: 20px;
line-height: 40px;
margin-bottom: 5px;
text-align: center;
display: inline-block;
border: solid 1px #555;
}
i.icon-sm {
width: 35px;
height: 35px;
font-size: 16px;
line-height: 35px;
}
i.icon-md {
width: 55px;
height: 55px;
font-size: 22px;
line-height: 55px;
}
i.icon-lg {
width: 60px;
height: 60px;
font-size: 31px;
line-height: 60px;
margin-bottom: 10px;
}
i.icon-2x {
font-size: 30px;
}
i.icon-3x {
font-size: 40px;
}
i.icon-4x {
font-size: 50px;
}
/*Line Icons*/
i.icon-line {
font-size: 17px;
}
i.icon-sm.icon-line {
font-size: 14px;
}
i.icon-md.icon-line {
font-size: 22px;
}
i.icon-lg.icon-line {
font-size: 28px;
}
i.icon-2x.icon-line {
font-size: 27px;
}
i.icon-3x.icon-line {
font-size: 36px;
}
i.icon-4x.icon-line {
font-size: 47px;
}
/*Icon Styles For Links*/
.link-icon, .link-bg-icon {
color: #555;
}
.link-icon:hover, .link-bg-icon:hover {
border: none;
text-decoration: none;
}
.link-icon:hover i {
color: #72c02c;
background: none;
border: solid 1px #72c02c;
}
.link-bg-icon:hover i {
background: #72c02c;
border-color: #72c02c;
color: #fff !important;
}
/*Icons Color*/
i.icon-color-u, i.icon-color-red, i.icon-color-sea, i.icon-color-dark, i.icon-color-grey, i.icon-color-blue, i.icon-color-green, i.icon-color-yellow, i.icon-color-orange, i.icon-color-purple, i.icon-color-aqua, i.icon-color-brown, i.icon-color-dark-blue, i.icon-color-light-grey, i.icon-color-light-green {
background: none;
}
i.icon-color-u {
color: #72c02c;
border: solid 1px #72c02c;
}
i.icon-color-blue {
color: #3498db;
border: solid 1px #3498db;
}
i.icon-color-red {
color: #e74c3c;
border: solid 1px #e74c3c;
}
i.icon-color-sea {
color: #1abc9c;
border: solid 1px #1abc9c;
}
i.icon-color-green {
color: #2ecc71;
border: solid 1px #2ecc71;
}
i.icon-color-yellow {
color: #f1c40f;
border: solid 1px #f1c40f;
}
i.icon-color-orange {
color: #e67e22;
border: solid 1px #e67e22;
}
i.icon-color-grey {
color: #95a5a6;
border: solid 1px #95a5a6;
}
i.icon-color-purple {
color: #9b6bcc;
border: solid 1px #9b6bcc;
}
i.icon-color-aqua {
color: #27d7e7;
border: solid 1px #27d7e7;
}
i.icon-color-brown {
color: #9c8061;
border: solid 1px #9c8061;
}
i.icon-color-dark-blue {
color: #4765a0;
border: solid 1px #4765a0;
}
i.icon-color-light-green {
color: #79d5b3;
border: solid 1px #79d5b3;
}
i.icon-color-light {
color: #fff;
border: solid 1px #fff;
}
i.icon-color-light-grey {
color: #585f69;
border: solid 1px #585f69;
}
/*Icons Backgroun Color*/
i.icon-bg-u, i.icon-bg-red, i.icon-bg-sea, i.icon-bg-dark, i.icon-bg-darker, i.icon-bg-grey, i.icon-bg-blue, i.icon-bg-green, i.icon-bg-yellow, i.icon-bg-orange, i.icon-bg-purple, i.icon-bg-aqua, i.icon-bg-brown, i.icon-bg-dark-blue, i.icon-bg-light-grey, i.icon-bg-light-green {
color: #fff;
border-color: transparent;
}
i.icon-bg-u {
background: #72c02c;
}
i.icon-bg-blue {
background: #3498db;
}
i.icon-bg-red {
background: #e74c3c;
}
i.icon-bg-sea {
background: #1abc9c;
}
i.icon-bg-green {
background: #2ecc71;
}
i.icon-bg-yellow {
background: #f1c40f;
}
i.icon-bg-orange {
background: #e67e22;
}
i.icon-bg-grey {
background: #95a5a6;
}
i.icon-bg-dark {
background: #555;
}
i.icon-bg-darker {
background: #333;
}
i.icon-bg-purple {
background: #9b6bcc;
}
i.icon-bg-aqua {
background: #27d7e7;
}
i.icon-bg-brown {
background: #9c8061;
}
i.icon-bg-dark-blue {
background: #4765a0;
}
i.icon-bg-light-green {
background: #79d5b3;
}
i.icon-bg-light {
background: #fff;
border-color: transparent;
}
i.icon-bg-light-grey {
background: #585f69;
border-color: transparent;
}
/* Make Font Awesome icons fixed width */
.fa-fixed [class^="fa"], .fa-fixed [class*=" fa"] {
width: 1.25em;
text-align: center;
display: inline-block;
}
.fa-fixed [class^="fa"].fa-lg, .fa-fixed [class*=" fa"].fa-lg {
/* increased font size for fa-lg */
width: 1.5625em;
}
/**/
/* lib/plugins/sky-forms/version-2.0.1/css/skyforms.css */
/**/
.sky-form {
margin: 0;
outline: none;
font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
color: #666;
}
.sky-form header {
display: block;
padding: 20px 30px;
border-bottom: 1px solid rgba(0,0,0,.1);
background: rgba(248,248,248,.9);
font-size: 25px;
font-weight: 300;
color: #232323;
}
.sky-form fieldset {
display: block;
padding: 25px 30px 5px;
border: none;
background: rgba(255,255,255,.9);
}
.sky-form fieldset + fieldset {
border-top: 1px solid rgba(0,0,0,.1);
}
.sky-form section {
margin-bottom: 20px;
}
.sky-form footer {
display: block;
padding: 15px 30px 25px;
border-top: 1px solid rgba(0,0,0,.1);
background: rgba(248,248,248,.9);
}
.sky-form footer:after {
content: '';
display: table;
clear: both;
}
.sky-form a {
color: #2da5da;
}
.sky-form .label {
display: block;
margin-bottom: 6px;
line-height: 19px;
font-weight: 400;
}
.sky-form .label.col {
margin: 0;
padding-top: 10px;
}
.sky-form .note {
margin-top: 6px;
padding: 0 1px;
font-size: 11px;
line-height: 15px;
color: #999;
}
.sky-form .input, .sky-form .select, .sky-form .textarea, .sky-form .radio, .sky-form .checkbox, .sky-form .toggle, .sky-form .button {
position: relative;
display: block;
}


.sky-form .lets-connect .checkbox-list .checkbox{
font-size:15px;
}
.sky-form .lets-connect .checkbox-list .checkbox i{
top:5px;
}

.sky-form .lets-connect .checkbox input{
font-size:16px;
}
.sky-form .lets-connect .radio i{
width:17px;
height:17px;
border-color:#555;
}
.sky-form .lets-connect .radio input:checked + i{
border-color:#555;
}
.sky-form .lets-connect .radio-list .radio{
margin-top:5px;
}

.sky-form .lets-connect .checkbox-list .checkbox input + i::after{
top: -5px;
left: 0px;
}

.sky-form .lets-connect .radio input + i:after{
background-color:#555;
}
.sky-form .lets-connect .radio input + i:after{
top: 3px;
left: 3px;
width: 9px;
height: 9px;
}


.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 39px;
padding: 8px 10px;
outline: none;
border-width: 2px;
border-style: solid;
border-radius: 0;
background: #fff;
font: 15px/19px 'Open Sans', Helvetica, Arial, sans-serif;
color: #404040;
appearance: normal;
-moz-appearance: none;
-webkit-appearance: none;
}
.sky-form .progress {
float: right;
margin-top: 10px;
line-height: 39px;
color: #232323;
}
/**/
/* captcha inputs */
/**/
.sky-form .input-captcha img {
position: absolute;
top: 2px;
right: 2px;
border-left: 1px solid #e5e5e5;
}
/**/
/* file inputs */
/**/
.sky-form .input-file .button {
position: absolute;
top: 4px;
right: 4px;
float: none;
height: 31px;
margin: 0;
padding: 0 20px;
font-size: 13px;
line-height: 31px;
}
.sky-form .input-file .button:hover {
box-shadow: none;
}
.sky-form .input-file .button input {
position: absolute;
top: 0;
right: 0;
padding: 0;
font-size: 30px;
cursor: pointer;
opacity: 0;
}
/**/
/* selects */
/**/
.sky-form .select i {
position: absolute;
top: 14px;
right: 14px;
width: 8px;
height: 11px;
background: #fff;
box-shadow: 0 0 0 12px #fff;
pointer-events: none;
}
.sky-form .select i:after, .sky-form .select i:before {
content: '';
position: absolute;
right: 0;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.sky-form .select i:after {
bottom: 0;
border-top: 4px solid #404040;
}
.sky-form .select i:before {
top: 0;
border-bottom: 4px solid #404040;
}
.sky-form .select-multiple select {
height: auto;
}
/**/
/* textareas */
/**/
.sky-form .textarea textarea {
height: auto;
resize: none;
}
.sky-form .textarea-resizable textarea {
resize: vertical;
}
.sky-form .textarea-expandable textarea {
height: 39px;
}
.sky-form .textarea-expandable textarea:focus {
height: auto;
}
/**/
/* radios and checkboxes */
/**/
.sky-form .radio, .sky-form .checkbox {
margin-bottom: 4px;
padding-left: 27px;
font-size: 15px;
line-height: 27px;
color: #404040;
cursor: pointer;
}
.sky-form .radio:last-child, .sky-form .checkbox:last-child {
margin-bottom: 0;
}
.sky-form .radio input, .sky-form .checkbox input {
position: absolute;
left: -9999px;
}
.sky-form .radio i, .sky-form .checkbox i {
position: absolute;
top: 5px;
left: 0;
display: block;
width: 19px;
height: 19px;
outline: none;
border-width: 1px;
border-style: solid;
background: #fff;
}
.sky-form .radio i {
border-radius: 50%;
}
.sky-form .radio input + i:after, .sky-form .checkbox input + i:after {
position: absolute;
opacity: 0;
-ms-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-webkit-transition: opacity 0.1s;
}
.sky-form .radio input + i:after {
content: '';
top: 4px;
left: 4px;
width: 5px;
height: 5px;
border-radius: 50%;
}
.sky-form .checkbox input + i:after {
content: '\f00c';
top: -5px;
width: 15px;
height: 15px;
font-family: "Font Awesome 5 Pro";
text-align: center;
}
.sky-form .radio input:checked + i:after, .sky-form .checkbox input:checked + i:after {
opacity: 1;
}
.sky-form .inline-group {
margin: 0 -30px -4px 0;
}
.sky-form .inline-group:after {
content: '';
display: table;
clear: both;
}
.sky-form .inline-group .radio, .sky-form .inline-group .checkbox {
float: left;
margin-right: 30px;
}
.sky-form .inline-group .radio:last-child, .sky-form .inline-group .checkbox:last-child {
margin-bottom: 4px;
}
/**/
/* toggles */
/**/
.sky-form .toggle {
margin-bottom: 4px;
padding-right: 61px;
font-size: 15px;
line-height: 27px;
color: #404040;
cursor: pointer;
}
.sky-form .toggle:last-child {
margin-bottom: 0;
}
.sky-form .toggle input {
position: absolute;
left: -9999px;
}
.sky-form .toggle i {
content: '';
position: absolute;
top: 4px;
right: 0;
display: block;
width: 49px;
height: 17px;
border-width: 2px;
border-style: solid;
border-radius: 12px;
background: #fff;
}
.sky-form .toggle i:after {
content: 'OFF';
position: absolute;
top: 2px;
right: 8px;
left: 8px;
font-style: normal;
font-size: 9px;
line-height: 13px;
font-weight: 700;
text-align: left;
color: #5f5f5f;
}
.sky-form .toggle i:before {
content: '';
position: absolute;
z-index: 1;
top: 4px;
right: 4px;
display: block;
width: 9px;
height: 9px;
border-radius: 50%;
opacity: 1;
-ms-transition: right 0.2s;
-moz-transition: right 0.2s;
-webkit-transition: right 0.2s;
}
.sky-form .toggle input:checked + i:after {
content: 'ON';
text-align: right;
}
.sky-form .toggle input:checked + i:before {
right: 36px;
}
/**/
/* ratings */
/**/
.sky-form .rating {
margin-bottom: 4px;
font-size: 15px;
line-height: 27px;
color: #404040;
}
.sky-form .rating:last-child {
margin-bottom: 0;
}
.sky-form .rating input {
position: absolute;
left: -9999px;
}
.sky-form .rating label {
display: block;
float: right;
height: 17px;
margin-top: 5px;
padding: 0 2px;
font-size: 17px;
line-height: 17px;
cursor: pointer;
}
/**/
/* buttons */
/**/
.sky-form .button {
float: right;
height: 39px;
overflow: hidden;
margin: 10px 0 0 20px;
padding: 0 25px;
outline: none;
border: 0;
font: 300 15px/39px 'Open Sans', Helvetica, Arial, sans-serif;
text-decoration: none;
color: #fff;
cursor: pointer;
}
.sky-form .button-uploading {
position: relative;
color: transparent;
cursor: default;
}
.sky-form .button-uploading:after {
content: 'Uploading...';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
-o-animation: blink 1s linear infinite;
-ms-animation: blink 1s linear infinite;
-moz-animation: blink 1s linear infinite;
-webkit-animation: blink 1s linear infinite;
}
@-o-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink {
0% {
opacity: 1
}
50% {
opacity: 0.3
}
100% {
opacity: 1
}
}
@-webkit-keyframes blink {
0% {
opacity: 1
}
50% {
opacity: 0.3
}
100% {
opacity: 1
}
}
/**/
/* icons */
/**/
.sky-form .icon-append, .sky-form .icon-prepend {
position: absolute;
top: 5px;
width: 29px;
height: 29px;
font-size: 15px;
line-height: 29px;
text-align: center;
}
.sky-form .icon-append {
right: 5px;
padding-left: 3px;
border-left-width: 1px;
border-left-style: solid;
}
.sky-form .icon-prepend {
left: 5px;
padding-right: 3px;
border-right-width: 1px;
border-right-style: solid;
}
.sky-form .input .icon-prepend + input, .sky-form .textarea .icon-prepend + textarea {
padding-left: 46px;
}
.sky-form .input .icon-append + input, .sky-form .textarea .icon-append + textarea {
padding-right: 46px;
}
.sky-form .input .icon-prepend + .icon-append + input, .sky-form .textarea .icon-prepend + .icon-append + textarea {
padding-left: 46px;
}
/**//* grid *//**/
.sky-form .row {
margin: 0 -15px;
}
.sky-form .row:after {
content: '';
display: table;
clear: both;
}
.sky-form .col {
float: left;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sky-form .col-1 {
width: 8.33%;
}
.sky-form .col-2 {
width: 16.66%;
}
.sky-form .col-3 {
width: 25%;
}
.sky-form .col-4 {
width: 33.33%;
}
.sky-form .col-5 {
width: 41.66%;
}
.sky-form .col-6 {
width: 50%;
}
.sky-form .col-7 {
width: 58.33%;
}
.sky-form .col-8 {
width: 66.67%;
}
.sky-form .col-9 {
width: 75%;
}
.sky-form .col-10 {
width: 83.33%;
}
.sky-form .col-11 {
width: 91.66%;
}

@media screen and (max-width: 600px) {
.sky-form .col {
float: none;
width: 100%;
}
}
/**/
/* tooltips */
/**/
.sky-form .tooltip {
position: absolute;
z-index: 1;
left: -9999px;
padding: 2px 8px 3px;
font-size: 11px;
line-height: 16px;
font-weight: 400;
background: rgba(0,0,0,0.9);
color: #fff;
opacity: 0;
-ms-transition: margin 0.3s, opacity 0.3s;
-moz-transition: margin 0.3s, opacity 0.3s;
-webkit-transition: margin 0.3s, opacity 0.3s;
}
.sky-form .tooltip:after {
content: '';
position: absolute;
}
.sky-form .input input:focus + .tooltip, .sky-form .textarea textarea:focus + .tooltip {
opacity: 1;
}
.sky-form .tooltip-top-right {
bottom: 100%;
margin-bottom: 15px;
}
.sky-form .tooltip-top-right:after {
top: 100%;
right: 16px;
border-top: 4px solid rgba(0,0,0,0.9);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-top-right, .sky-form .textarea textarea:focus + .tooltip-top-right {
right: 0;
left: auto;
margin-bottom: 5px;
}
.sky-form .tooltip-top-left {
bottom: 100%;
margin-bottom: 15px;
}
.sky-form .tooltip-top-left:after {
top: 100%;
left: 16px;
border-top: 4px solid rgba(0,0,0,0.9);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-top-left, .sky-form .textarea textarea:focus + .tooltip-top-left {
right: auto;
left: 0;
margin-bottom: 5px;
}
.sky-form .tooltip-right {
top: 9px;
white-space: nowrap;
margin-left: 15px;
}
.sky-form .tooltip-right:after {
top: 6px;
right: 100%;
border-top: 4px solid transparent;
border-right: 4px solid rgba(0,0,0,0.9);
border-bottom: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-right, .sky-form .textarea textarea:focus + .tooltip-right {
left: 100%;
margin-left: 5px;
}
.sky-form .tooltip-left {
top: 9px;
white-space: nowrap;
margin-right: 15px;
}
.sky-form .tooltip-left:after {
top: 6px;
left: 100%;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid rgba(0,0,0,0.9);
}
.sky-form .input input:focus + .tooltip-left, .sky-form .textarea textarea:focus + .tooltip-left {
right: 100%;
left: auto;
margin-right: 5px;
}
.sky-form .tooltip-bottom-right {
top: 100%;
margin-top: 15px;
}
.sky-form .tooltip-bottom-right:after {
bottom: 100%;
right: 16px;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(0,0,0,0.9);
border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-bottom-right, .sky-form .textarea textarea:focus + .tooltip-bottom-right {
right: 0;
left: auto;
margin-top: 5px;
}
.sky-form .tooltip-bottom-left {
top: 100%;
margin-top: 15px;
}
.sky-form .tooltip-bottom-left:after {
bottom: 100%;
left: 16px;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(0,0,0,0.9);
border-left: 4px solid transparent;
}
.sky-form .input input:focus + .tooltip-bottom-left, .sky-form .textarea textarea:focus + .tooltip-bottom-left {
right: auto;
left: 0;
margin-top: 5px;
}
/**/
/* normal state */
/**/
.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea, .sky-form .radio i, .sky-form .checkbox i, .sky-form .toggle i, .sky-form .icon-append, .sky-form .icon-prepend {
border-color: #e5e5e5;
-ms-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
-webkit-transition: border-color 0.3s;
}
.sky-form .toggle i:before {
background-color: #2da5da;
}
.sky-form .rating label {
color: #ccc;
-ms-transition: color 0.3s;
-moz-transition: color 0.3s;
-webkit-transition: color 0.3s;
}
.sky-form .button {
background-color: #2da5da;
opacity: 0.8;
-ms-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
}
.sky-form .button.button-secondary {
background-color: #b3b3b3;
}
.sky-form .icon-append, .sky-form .icon-prepend {
color: #ccc;
}
/**/
/* hover state */
/**/
.sky-form .input:hover input, .sky-form .select:hover select, .sky-form .textarea:hover textarea, .sky-form .radio:hover i, .sky-form .checkbox:hover i, .sky-form .toggle:hover i, .sky-form .ui-slider-handle:hover {
border-color: #8dc9e5;
}
.sky-form .rating input + label:hover, .sky-form .rating input + label:hover ~ label {
color: #2da5da;
}
.sky-form .button:hover {
opacity: 1;
}
/**/
/* focus state */
/**/
.sky-form .input input:focus, .sky-form .select select:focus, .sky-form .textarea textarea:focus, .sky-form .radio input:focus + i, .sky-form .checkbox input:focus + i, .sky-form .toggle input:focus + i {
border-color: #2da5da;
}
/**/
/* checked state */
/**/
.sky-form .radio input + i:after {
background-color: #2da5da;
}
.sky-form .checkbox input + i:after {
color: #2da5da;
}
.sky-form .radio input:checked + i, .sky-form .checkbox input:checked + i, .sky-form .toggle input:checked + i {
border-color: #2da5da;
}
.sky-form .rating input:checked ~ label {
color: #2da5da;
}
/**/
/* error state */
/**/
.sky-form .state-error input, .sky-form .state-error select, .sky-form .state-error textarea, .sky-form .radio.state-error i, .sky-form .checkbox.state-error i, .sky-form .toggle.state-error i {
background: #fff0f0;
}
.sky-form .state-error select + i {
background: #fff0f0;
box-shadow: 0 0 0 12px #fff0f0;
}
.sky-form .toggle.state-error input:checked + i {
background: #fff0f0;
}
.sky-form .state-error + em {
display: block;
margin-top: 6px;
padding: 0 1px;
font-style: normal;
font-size: 11px;
line-height: 15px;
color: #ee9393;
}
.sky-form .rating.state-error + em {
margin-top: -4px;
margin-bottom: 4px;
}
/**/
/* success state */
/**/
.sky-form .state-success input, .sky-form .state-success select, .sky-form .state-success textarea, .sky-form .radio.state-success i, .sky-form .checkbox.state-success i, .sky-form .toggle.state-success i {
background: #f0fff0;
}
.sky-form .state-success select + i {
background: #f0fff0;
box-shadow: 0 0 0 12px #f0fff0;
}
.sky-form .toggle.state-success input:checked + i {
background: #f0fff0;
}
.sky-form .state-success + em {
display: block;
margin-top: 6px;
padding: 0 1px;
font-style: normal;
font-size: 11px;
line-height: 15px;
color: #ee9393;
}
.sky-form .note-success {
color: #6fb679;
}
/**/
/* disabled state */
/**/
.sky-form .input.state-disabled input, .sky-form .select.state-disabled, .sky-form .textarea.state-disabled, .sky-form .radio.state-disabled, .sky-form .checkbox.state-disabled, .sky-form .toggle.state-disabled, .sky-form .button.state-disabled {
cursor: default;
opacity: 0.5;
}
.sky-form .input.state-disabled:hover input, .sky-form .select.state-disabled:hover select, .sky-form .textarea.state-disabled:hover textarea, .sky-form .radio.state-disabled:hover i, .sky-form .checkbox.state-disabled:hover i, .sky-form .toggle.state-disabled:hover i {
border-color: #e5e5e5;
}
/**/
/* submited state */
/**/
.sky-form .message {
display: none;
color: #6fb679;
}
.sky-form .message i {
display: block;
margin: 0 auto 20px;
width: 81px;
height: 81px;
border: 1px solid #6fb679;
border-radius: 50%;
font-size: 30px;
line-height: 81px;
}
.sky-form.submited fieldset, .sky-form.submited footer {
display: none;
}
.sky-form.submited .message {
display: block;
padding: 25px 30px;
background: rgba(255,255,255,.9);
font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif;
text-align: center;
}
/**/
/* datepicker */
/**/
.ui-datepicker {
display: none;
padding: 10px 12px;
background: rgba(255,255,255,0.9);
box-shadow: 0 0 10px rgba(0,0,0,.3);
font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
text-align: center;
color: #666;
}
.ui-datepicker a {
color: #404040;
}
.ui-datepicker-header {
position: relative;
margin: -10px -12px 10px;
padding: 10px;
border-bottom: 1px solid rgba(0,0,0,.1);
font-size: 15px;
line-height: 27px;
}
.ui-datepicker-prev, .ui-datepicker-next {
position: absolute;
top: 0;
display: block;
width: 47px;
height: 47px;
font-size: 15px;
line-height: 47px;
text-decoration: none;
cursor: pointer;
}
.ui-datepicker-prev {
left: 0;
}
.ui-datepicker-next {
right: 0;
}
.ui-datepicker-calendar {
border-collapse: collapse;
font-size: 13px;
line-height: 27px;
}
.ui-datepicker-calendar th {
color: #999;
}
.ui-datepicker-calendar a, .ui-datepicker-calendar span {
display: block;
width: 31px;
margin: auto;
text-decoration: none;
color: #404040;
}
.ui-datepicker-calendar a:hover {
background: rgba(0,0,0,.05);
}
.ui-datepicker-calendar span {
color: #bfbfbf;
}
.ui-datepicker-today a {
font-weight: 700;
}
.ui-datepicker-calendar .ui-state-active {
background: rgba(0,0,0,.05);
cursor: default;
}
.ui-datepicker-inline {
border: 2px solid #e5e5e5;
background: #fff;
box-shadow: none;
}
.ui-datepicker-inline .ui-datepicker-header {
line-height: 47px;
}
.ui-datepicker-inline .ui-datepicker-calendar {
width: 100%;
}
/**/
/* datepicker */
/**/
.sky-form .ui-slider {
position: relative;
height: 3px;
border: 2px solid #e5e5e5;
background: #fff;
margin: 12px 6px 26px;
}
.sky-form .ui-slider-handle {
position: absolute;
width: 15px;
height: 15px;
margin: -8px 0 0 -8px;
border: 2px solid #e5e5e5;
outline: none;
background: #fff;
-ms-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
-webkit-transition: border-color 0.3s;
}
/**/
/* modal */
/**/
.sky-form-modal {
position: fixed;
z-index: 1;
display: none;
width: 400px;
}
.sky-form-modal-overlay {
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
}
/**/
/* bootstrap compatibility */
/**/

/*
.sky-form *,
.sky-form *:after,
.sky-form *:before {
margin: 0;
padding: 0;
box-sizing: content-box;
-moz-box-sizing: content-box;
}
*/
.sky-form .label {
border-radius: 0;
font-size: 100%;
text-align: left;
white-space: normal;
color: inherit;
}
.sky-form .radio, .sky-form .checkbox {
font-weight: 400;
}
.sky-form .radio + .radio, .sky-form .checkbox + .checkbox {
margin-top: 0;
}
/*Content Boxes
------------------------------------*/
/*Content Boxes v1*/
.content-boxes-v1 {
text-align: center;
}
.content-boxes-v1 span {
display: block;
margin-top: 5px;
}

/*Content Boxes v2*/
@media (max-width: 992px) {
.content-boxes-v2, .content-boxes-v2 .text-justify {
text-align: center;
}
.content-boxes-v2 span {
display: block;
margin-top: 5px;
}
}
/*Content Boxes v3*/
.content-boxes-v3 i.icon-custom {
top: 8px;
float: left;
position: relative;
}
.content-boxes-v3 .content-boxes-in-v3 {
padding: 0 10px;
overflow: hidden;
}
.content-boxes-v3 .content-boxes-in-v3 h3 {
font-size: 18px;
line-height: 22px;
margin-bottom: 3px;
text-transform: capitalize;
}
.content-boxes-v3 .content-boxes-in-v3 h3 a {
color: #555;
}
/*Content Boxes Right v3*/
.content-boxes-v3.content-boxes-v3-right {
text-align: right;
}
.content-boxes-v3.content-boxes-v3-right i.icon-custom {
float: right;
margin-left: 10px;
}

@media (max-width: 768px) {
.content-boxes-v3.content-boxes-v3-right {
text-align: inherit;
}
.content-boxes-v3.content-boxes-v3-right i.icon-custom {
float: left;
margin-left: 0;
}
}
/*Content Boxes v4*/
.content-boxes-v4 h2 {
color: #555;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
.content-boxes-v4 a {
color: #777;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.content-boxes-v4 i {
width: 25px;
color: #72c02c;
font-size: 35px;
margin-top: 10px;
}
.content-boxes-in-v4 {
padding: 0 10px;
overflow: hidden;
}
/*Content Boxes v5*/
.content-boxes-v5 i {
float: left;
color: #999;
width: 50px;
height: 50px;
padding: 11px;
font-size: 22px;
background: #eee;
line-height: 28px;
text-align: center;
margin-right: 15px;
display: inline-block;
}
.content-boxes-v5:hover i {
color: #fff;
background: #72c02c;
}
/*Content Boxes v6*/
.content-boxes-v6 {
padding-top: 25px;
text-align: center;
}
.content-boxes-v6 i {
color: #fff;
width: 90px;
height: 90px;
padding: 30px;
font-size: 30px;
line-height: 30px;
position: relative;
text-align: center;
background: #dedede;
margin-bottom: 25px;
display: inline-block;
}
.content-boxes-v6 i:after {
top: -8px;
left: -8px;
right: -8px;
bottom: -8px;
content: " ";
position: absolute;
border: 1px solid #dedede;
border-radius: 50% !important;
}
.content-boxes-v6:hover i, .content-boxes-v6:hover i:after {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.content-boxes-v6:hover i {
background: #72c02c;
}
.content-boxes-v6:hover i:after {
border-color: #72c02c;
}
/*Colored Content Boxes
------------------------------------*/
.service-block {
padding: 20px 30px;
text-align: center;
margin-bottom: 20px;
}
.service-block p, .service-block h2 {
color: #fff;
}
.service-block h2 a:hover {
text-decoration: none;
}
.service-block-light, .service-block-default {
background: #fafafa;
border: solid 1px #eee;
}
.service-block-default:hover {
box-shadow: 0 0 8px #eee;
}
.service-block-light p, .service-block-light h2, .service-block-default p, .service-block-default h2 {
color: #555;
}
.service-block-u {
background: #72c02c;
}
/*Service Block v3
------------------------------------*/
.service-block-v3 {
padding: 20px;
}
.service-block-v3 i {
color: #fff;
float: left;
font-size: 50px;
margin: 0 20px 20px 0;
}
.service-block-v3 .service-heading, .service-block-v3 .service-in small {
color: #fff;
opacity: 0.8;
line-height: 1;
}
.service-block-v3 .service-in h4, .service-block-v3 .counter {
color: #fff;
}
.service-block-v3 .service-heading {
font-size: 16px;
text-transform: uppercase;
}
.service-block-v3 .counter {
display: block;
line-height: 1;
font-size: 30px;
}
.service-block-v3 .progress {
margin-bottom: 7px;
}
/*Service Innner*/
.service-block-v3 .service-in small {
font-size: 16px;
text-transform: uppercase;
}
.service-block-v3 .service-in h4 {
font-size: 16px;
line-height: 0.8;
margin-bottom: 0;
}
/*Statistics*/
.service-block-v3 .statistics .heading-xs {
color: #fff;
opacity: 0.8;
}
.service-block-v3 .statistics small {
color: #fff;
}
.service-block-v3 .statistics .progress {
background: #bbb;
}
.service-block-v3 .statistics .progress-bar-light {
background: #fff;
}
/*Typography
------------------------------------*/
/*Text Dropcap*/
.dropcap {
float: left;
color: #72c02c;
padding: 5px 0;
font-size: 45px;
font-weight: 200;
line-height: 30px;
margin: 0 5px 0 0;
}
.dropcap-bg {
float: left;
color: #fff;
padding: 7px 0;
min-width: 50px;
font-size: 35px;
font-weight: 200;
line-height: 35px;
text-align: center;
background: #72c02c;
margin: 4px 10px 0 0;
}
/*Text Highlights*/
.text-highlights {
color: #fff;
font-weight: 200;
padding: 0 5px;
background: #555;
}
.text-highlights-green {
background: #72c02c;
}
.text-highlights-blue {
background: #3498db;
}
.text-highlights-red {
background: #e74c3c;
}
.text-highlights-sea {
background: #1abc9c;
}
.text-highlights-orange {
background: #e67e22;
}
.text-highlights-yellow {
background: #f1c40f;
}
.text-highlights-purple {
background: #9b6bcc;
}
.text-highlights-aqua {
background: #27d7e7;
}
.text-highlights-brown {
background: #9c8061;
}
.text-highlights-dark-blue {
background: #4765a0;
}
.text-highlights-light-green {
background: #79d5b3;
}
/*Text Borders*/
.text-border {
border-bottom: dashed 1px #555;
}
.text-border-default {
border-color: #95a5a6;
}
.text-border-green {
border-color: #72c02c;
}
.text-border-blue {
border-color: #3498db;
}
.text-border-red {
border-color: #e74c3c;
}
.text-border-yellow {
border-color: #f1c40f;
}
.text-border-purple {
border-color: #9b6bcc;
}
/*List Styles*/
.list-styles li {
margin-bottom: 8px;
}
/*List Style v1*/
.list-style-v1 li {
margin-bottom: 7px;
}
.list-style-v1 i {
margin-right: 5px;
}
/*Contextual Backgrounds*/
.contex-bg p {
opacity: 0.8;
padding: 8px 10px;
}
.contex-bg p:hover {
opacity: 1;
}
/*Blockquote*/
blockquote {
padding: 5px 15px;
border-left-width: 2px;
}
blockquote p {
font-size: 14px;
font-weight: 400;
}
blockquote h1, blockquote h2, blockquote span {
font-size: 18px;
margin: 0 0 8px;
line-height: 24px;
}
/*Blockquote Styles*/
blockquote.bq-text-lg p, blockquote.bq-text-lg small {
text-transform: uppercase;
}
blockquote.bq-text-lg p {
font-size: 22px;
font-weight: 300;
line-height: 32px;
}
blockquote.text-right, blockquote.hero.text-right {
border-left: none;
border-right: 2px solid #eee;
}
blockquote.hero.text-right, blockquote.hero.text-right:hover {
border-color: #555;
}
blockquote:hover, blockquote.text-right:hover {
border-color: #72c02c;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
blockquote.bq-dark, blockquote.bq-dark:hover {
border-color: #585f69;
}
blockquote.bq-green {
border-color: #72c02c;
}
/*Blockquote Hero Styles*/
blockquote.hero {
border: none;
padding: 18px;
font-size: 16px;
background: #f3f3f3;
border-left: solid 2px #666;
}
blockquote.hero:hover {
background: #eee;
border-left-color: #666;
}
blockquote.hero.hero-dark, blockquote.hero.hero-default {
border: none;
}
blockquote.hero.hero-dark {
background: #444;
}
blockquote.hero.hero-dark:hover {
background: #555;
}
blockquote.hero.hero-default {
background: #72c02c;
}
blockquote.hero.hero-default:hover {
background: #5fb611;
}
blockquote.hero.hero-dark p, blockquote.hero.hero-dark h2, blockquote.hero.hero-dark small, blockquote.hero.hero-default p, blockquote.hero.hero-default h2, blockquote.hero.hero-default small {
color: #fff;
font-weight: 200;
}
/*Tag Boxes
------------------------------------*/
.tag-box {
padding: 20px;
background: #fff;
margin-bottom: 30px;
}
.tag-box h2 {
font-size: 20px;
line-height: 25px;
}
.tag-box p {
margin-bottom: 0;
}
.tag-box.tag-text-space p {
margin-bottom: 10px;
}
/*Tag Boxes v1*/
.tag-box-v1 {
border: solid 1px #eee;
border-top: solid 2px #72c02c;
}
/*Tag Boxes v2*/
.tag-box-v2 {
background: #fafafa;
border: solid 1px #eee;
border-left: solid 2px #72c02c;
}
/*Tag Boxes v3*/
.tag-box-v3 {
border: solid 2px #eee;
}
/*Tag Boxes v4*/
.tag-box-v4 {
border: dashed 1px #bbb;
}
/*Tag Boxes v5*/
.tag-box-v5 {
margin: 20px 0;
text-align: center;
border: dashed 1px #ccc;
}
.tag-box-v5 span {
color: #555;
font-size: 28px;
margin-bottom: 0;
}
/*Tag Boxes v6*/
.tag-box-v6 {
background: #fafafa;
border: solid 1px #eee;
}
/*Tag Boxes v7*/
.tag-box-v7 {
border: solid 1px #eee;
border-bottom: solid 2px #72c02c;
}
/*Testimonials
------------------------------------*/
/*Testimonials*/
.testimonials {
margin-bottom: 10px;
}
.testimonials .testimonial-info {
color: #72c02c;
font-size: 16px;
padding: 0 15px;
margin-top: 30px;
}
.testimonials .testimonial-info span {
top: 3px;
position: relative;
}
.testimonials .testimonial-info em {
color: #777;
display: block;
font-size: 13px;
}
.testimonials .testimonial-info img {
width: 60px;
float: left;
height: 60px;
padding: 2px;
margin-right: 15px;
border: solid 1px #ccc;
}
.testimonials .testimonial-author {
overflow: hidden;
}
.testimonials .carousel-arrow {
top: -65px;
position: relative;
}
.testimonials .carousel-arrow i {
color: #777;
padding: 2px;
min-width: 25px;
font-size: 20px;
text-align: center;
background: #f5f5f5;
}
.testimonials .carousel-arrow i:hover {
color: #fff;
background: #72c02c;
}
.testimonials .carousel-control {
opacity: 1;
width: 100%;
text-align: left;
padding-left:40px;
text-shadow: none;
position: absolute;
filter: Alpha(opacity = 100); /*For IE*/
}
.testimonials .carousel-control.left {
right: 27px;
left: auto;
}
.testimonials .carousel-control.right {
right: 0;
}
/*Testimonials v1*/
.testimonials.testimonials-v1 .carousel-item p {
position: relative;
}
.testimonials.testimonials-v1 .carousel-item p:after, .testimonials.testimonials-v1 .carousel-item p:before {
left: 80px;
bottom: -20px;
}
.testimonials.testimonials-v1 .carousel-item p:after {
border-top: 22px solid;
border-left: 0 solid transparent;
border-right: 22px solid transparent;
}
/*Testimonials v2 | Used on Program pages*/
.testimonials.testimonials-v2 .testimonial-info {
padding: 0 85px;
}
.testimonials.testimonials-v2 p {
padding-bottom: 15px;
}
.testimonials.testimonials-v2 .carousel-arrow {
top: -55px;
}
/*.testimonials.testimonials-v2 .item p:after, .testimonials.testimonials-v2 .item p:before {
left: 8%;
bottom: 45px;
}
.testimonials.testimonials-v2 .item p:after {
border-top: 20px solid;
border-left: 25px solid transparent;
border-right: 0 solid transparent;
}
.testimonials.testimonials-v1 .carousel-item p:after, .testimonials.testimonials-v2 .carousel-item p:after {
width: 0;
height: 0;
content: " ";
display: block;
position: absolute;
border-top-color: #f5f5f5;
border-left-style: inset;
border-right-style: inset;
} */

.testimonials.testimonials-v2 .carousel-item p:before {
left: 8%;
bottom: 40px;
}
.testimonials.testimonials-v2 .carousel-item p:after {
border-top: 37px solid;
border-left: 40px solid transparent;
border-right: 0 solid transparent;
left: 8%;
bottom: -36px;
}
.dcs-testimonial .testimonial-quote{
padding: 15px;
background:#e5f1f8;
border-radius:20px;
display:flex;
margin-top:10px;
min-height:225px;
position:relative;
}
/*General Testimonials v1/v2*/
.testimonials.testimonials-v1 p, .testimonials.testimonials-v2 p {
font-style: italic;
padding: 20px 50px 15px 10px;
font-size:19px;
}
.testimonials.testimonials-v1 .carousel-item p:after, .testimonials.testimonials-v2 .carousel-item p:after {
width: 0;
height: 0;
content: " ";
display: block;
position: absolute;
border-top-color: #e5f1f8;
border-left-style: inset; /*FF fixes*/
border-right-style: inset; /*FF fixes*/
}
/*Testimonials Backgrounds*/
.testimonials-bg-dark .carousel-item p, .testimonials-bg-default .carousel-item p {
color: #fff;
font-weight: 200;
}
.testimonials-bg-dark .carousel-arrow i, .testimonials-bg-default .carousel-arrow i {
color: #fff;
}
/*Testimonials Default*/
.testimonials-bg-default .carousel-item p {
background: #72c02c;
}
.testimonials.testimonials-bg-default .carousel-item p:after, .testimonials.testimonials-bg-default .carousel-item p:after {
border-top-color: #72c02c;
}
.testimonials-bg-default .carousel-arrow i {
background: #72c02c;
}
.testimonials.testimonials-bg-default .carousel-arrow i:hover {
background: #5fb611;
}
/*Testimonials Dark*/
.testimonials-bg-dark .carousel-item p {
background: #555;
}
.testimonials.testimonials-bg-dark .carousel-item p:after, .testimonials.testimonials-bg-dark .carousel-item p:after {
border-top-color: #555;
}
.testimonials-bg-dark .carousel-arrow i {
color: #fff;
background: #555;
}
.testimonials.testimonials-bg-dark .carousel-arrow i:hover {
background: #333;
}
.testimonials.testimonials-bg-dark .testimonial-info {
color: #555;
}
/*Panels (Portlets) | used in myaccount pages
------------------------------------*/
.panel-heading {
color: #fff;
padding: 5px 15px;
}
/*Panel Table*/
.panel .table {
margin-bottom: 0;
}
/*Panel Unify*/
.panel-u {
border-color: #72c02c;
}
.panel-u > .panel-heading {
background: #72c02c;
}
/*Panel Blue*/
.panel-blue {
border-color: #3498db;
}
.panel-blue > .panel-heading {
background: #3498db;
}
/*Panel Red*/
.panel-red {
border-color: #e74c3c;
}
.panel-red > .panel-heading {
background: #e74c3c;
}
/*Panel Green*/
.panel-green {
border-color: #2ecc71;
}
.panel-green > .panel-heading {
background: #2ecc71;
}
/*Panel Sea*/
.panel-sea {
border-color: #1abc9c;
}
.panel-sea > .panel-heading {
background: #1abc9c;
}
/*Panel Orange*/
.panel-orange {
border-color: #e67e22;
}
.panel-orange > .panel-heading {
background: #e67e22;
}
/*Panel Yellow*/
.panel-yellow {
border-color: #f1c40f;
}
.panel-yellow > .panel-heading {
background: #f1c40f;
}
/*Panel Grey*/
.panel-grey {
border-color: #95a5a6;
}
.panel-grey > .panel-heading {
background: #95a5a6;
}
/*Panel Dark*/
.panel-dark {
border-color: #555;
}
.panel-dark > .panel-heading {
background: #555;
}
/*Panel Purple*/
.panel-purple {
border-color: #9b6bcc;
}
.panel-purple > .panel-heading {
background: #9b6bcc;
}
/*Panel Aqua*/
.panel-aqua {
border-color: #27d7e7;
}
.panel-aqua > .panel-heading {
background: #27d7e7;
}
/*Panel Brown*/
.panel-brown {
border-color: #9c8061;
}
.panel-brown > .panel-heading {
background: #9c8061;
}
/*Panel Dark Blue*/
.panel-dark-blue {
border-color: #4765a0;
}
.panel-dark-blue > .panel-heading {
background: #4765a0;
}
/*Panel Light Green*/
.panel-light-green {
border-color: #79d5b3;
}
.panel-light-green > .panel-heading {
background: #79d5b3;
}
/*Panel Default Dark*/
.panel-default-dark {
border-color: #585f69;
}
.panel-default-dark > .panel-heading {
background: #585f69;
}
/*Progress Bar
------------------------------------*/
.progress-u {
box-shadow: none;
}
.progress-u .progress-bar {
box-shadow: none;
}
/*progress-bar (sizes)*/
.progress-lg {
height: 25px;
}
.progress-lg p {
padding-top: 3px;
}
.progress-sm {
height: 12px;
}
.progress-xs {
height: 7px;
}
.progress-xxs {
height: 3px;
}
/*progress-bar (colors)*/
.progress {
background: #e5e5e5;
}
.progress-bar-u {
background: #72c02c;
}
.progress-bar-blue {
background: #3498db;
}
.progress-bar-orange {
background: #e67e22;
}
.progress-bar-red {
background: #e74c3c;
}
.progress-bar-purple {
background: #9b6bcc;
}
.progress-bar-aqua {
background: #27d7e7;
}
.progress-bar-brown {
background: #9c8061;
}
.progress-bar-dark-blue {
background: #4765a0;
}
.progress-bar-light-green {
background: #79d5b3;
}
.progress-bar-dark {
background: #555;
}
/*Count Stars
------------------------------------*/
.stars-existing {
color: #72c02c;
cursor: pointer;
}
.star-lg {
font-size: 30px;
}
.star-sm {
font-size: 25px;
}
.star-xs {
font-size: 20px;
}
.star-default {
font-size: 16px;
}
/*Media (Audio/Videos and Images)
------------------------------------*/
/*Images*/
img.img-bordered {
padding: 3px;
border: solid 1px #eee;
}
img.img-circle {
border-radius: 50% !important;
}
img.image-sm {
width: 50px;
height: 50px;
}
img.image-md {
width: 100px;
height: 100px;
}
/*Responsive Video*/
.responsive-video {
height: 0;
padding-top: 1px;
position: relative;
padding-bottom: 56.25%; /*16:9*/
}
.responsive-video iframe {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
/*Tags
------------------------------------*/
/*Tags v1*/
.tags-v1 li {
margin: 0;
padding: 0;
}
.tags-v1 li a {
font-size: 13px;
padding: 4px 8px;
line-height: 32px;
border: solid 2px #eee;
border-radius: 20px !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tags-v1 li a:hover {
text-decoration: none;
border-color: #e0e0e0;
}
/*Lists
------------------------------------*/
.list-row {
padding: 0;
margin-bottom: 0;
list-style: none;
}
/*Heights
------------------------------------*/
.height-100 {
min-height: 100px;
}
.height-150 {
min-height: 150px;
}
.height-200 {
min-height: 200px;
}
.height-250 {
min-height: 250px;
}
.height-300 {
min-height: 300px;
}
.height-350 {
min-height: 350px;
}
.height-400 {
min-height: 400px;
}
.height-420{
min-height:420px;
}
.height-450 {
min-height: 450px;
}
.height-500 {
min-height: 500px !important;
}
/*Spaces
------------------------------------*/
.no-padding {
padding: 0;
}
.no-margin {
margin: 0;
}
.no-top-space {
margin-top: 0 !important;
padding-top: 0 !important;
}
.no-bottom-space {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.content {
padding-top: 40px;
padding-bottom: 40px;
}
.content-sm {
padding-top: 60px;
padding-bottom: 60px;
}
.content-md {
padding-top: 80px;
padding-bottom: 80px;
}
.content-lg {
padding-top: 100px;
padding-bottom: 100px;
}
.space-lg-hor {
padding-left: 60px;
padding-right: 60px;
}
.space-xlg-hor {
padding-left: 100px;
padding-right: 100px;
}
.margin-bottom-5, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20, .margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, .margin-bottom-45, .margin-bottom-50, .margin-bottom-55, .margin-bottom-60 {
clear: both;
}
.margin-bottom-5 {
margin-bottom: 5px;
}
.margin-bottom-10 {
margin-bottom: 10px;
}
.margin-bottom-15 {
margin-bottom: 15px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-bottom-25 {
margin-bottom: 25px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.margin-bottom-35 {
margin-bottom: 35px;
}
.margin-bottom-40 {
margin-bottom: 40px;
}
.margin-bottom-45 {
margin-bottom: 45px;
}
.margin-bottom-50 {
margin-bottom: 50px;
}
.margin-bottom-55 {
margin-bottom: 55px;
}
.margin-bottom-60 {
margin-bottom: 60px;
}

@media (max-width: 768px) {
.sm-margin-bottom-10 {
margin-bottom: 10px;
}
.sm-margin-bottom-20 {
margin-bottom: 20px;
}
.sm-margin-bottom-30 {
margin-bottom: 30px;
}
.sm-margin-bottom-40 {
margin-bottom: 40px;
}
.sm-margin-bottom-50 {
margin-bottom: 50px;
}
.sm-margin-bottom-60 {
margin-bottom: 60px;
}
}

@media (max-width: 992px) {
.md-margin-bottom-10 {
margin-bottom: 10px;
}
.md-margin-bottom-20 {
margin-bottom: 20px;
}
.md-margin-bottom-30 {
margin-bottom: 30px;
}
.md-margin-bottom-40 {
margin-bottom: 40px;
}
.md-margin-bottom-50 {
margin-bottom: 50px;
}
.md-margin-bottom-60 {
margin-bottom: 60px;
}
}
/*Other Spaces*/
.margin-top-20 {
margin-top: 20px;
}
.margin-left-5 {
margin-left: 5px;
}
.margin-left-10 {
margin-left: 10px;
}
.margin-right-5 {
margin-right: 5px;
}
.margin-right-10 {
margin-right: 10px;
}
.padding-left-5 {
padding-left: 5px;
}
/*Text Colors
------------------------------------*/
.color-red {
color: #e74c3c;
}
.color-blue {
color: #3498db;
}
.color-grey {
color: #95a5a6;
}
.color-dark {
color: #555555;
}
.color-green {
color: #72c02c;
}
.color-light {
color: #ffffff;
}
.color-orange {
color: #e67e22;
}
.color-yellow {
color: #f1c40f;
}
.color-green1 {
color: #2ecc71;
}
.color-dark-blue {
color: #4765a0;
}
.color-light-grey {
color: #585f69;
}
.color-light-green {
color: #79d5b3;
}
/*Background Colors
------------------------------------*/
.bg-color-dark, .bg-color-red, .bg-color-blue, .bg-color-grey, .bg-color-light, .bg-color-green, .bg-color-orange, .bg-color-green1, .bg-color-purple, .bg-color-dark-blue, .bg-color-light-grey, .bg-color-light-green {
color: #fff;
}
.bg-color-white {
color: #555;
}
.bg-color-dark {
background-color: #555 !important;
}
.bg-color-white {
background-color: #fff !important;
}
.bg-color-red {
background-color: #e74c3c !important;
}
.bg-color-blue {
background-color: #3498db !important;
}
.bg-color-grey {
background-color: #95a5a6 !important;
}
.bg-color-light {
background-color: #f7f7f7 !important;
}
.bg-color-green {
background-color: #72c02c !important;
}
.bg-color-orange {
background-color: #e67e22 !important;
}
.bg-color-green1 {
background-color: #2ecc71 !important;
}
.bg-color-purple {
background-color: #9b6bcc !important;
}
.bg-color-dark-blue {
background-color: #4765a0 !important;
}
.bg-color-light-grey {
background-color: #585f69 !important;
}
.bg-color-light-green {
background-color: #79d5b3 !important;
}
.rgba-red {
background-color: rgba(231,76,60,0.8);
}
.rgba-blue {
background-color: rgba(52,152,219,0.8);
}
.rgba-yellow {
background-color: rgba(241,196,15,0.8);
}
.rgba-default {
background-color: rgba(114,192,44,0.8);
}
.rgba-purple {
background-color: rgba(155,107,204,0.8);
}
/*Grey Backroud*/
.bg-grey {
background: #f7f7f7;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
}
/*Rounded and Circle Classes
------------------------------------*/
.no-rounded {
border-radius: 0 !important;
}
.rounded {
border-radius: 4px !important;
}
.rounded-x {
border-radius: 50% !important;
}
.rounded-2x {
border-radius: 10px !important;
}
.rounded-3x {
border-radius: 15px !important;
}
.rounded-4x {
border-radius: 20px !important;
}
.rounded-sm {
border-radius: 2px !important;
}
.rounded-md {
border-radius: 3px !important;
}
.rounded-top {
border-radius: 4px 4px 0 0 !important;
}
.rounded-left {
border-radius: 4px 0 0 4px !important;
}
.rounded-right {
border-radius: 0 4px 4px 0 !important;
}
.rounded-bottom {
border-radius: 0 0 4px 4px !important;
}
/*Others
------------------------------------*/
.overflow-h {
overflow: hidden;
}
.overflow-a {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.clear-both {
clear: both;
}
.text-justify p {
text-align: justify;
}
/*Full Width*/
.full-width {
width: 100%;
}
/*Image Classes*/
.img-width-200 {
width: 200px;
}
.img-center img {
margin: 0 auto;
}
.lft-img-margin {
margin: 0 20px 5px 0;
}
.rgt-img-margin {
margin: 0 0 5px 10px;
}
/*Background Light*/
.bg-light {
padding: 10px 15px;
margin-bottom: 10px;
background: #fcfcfc;
border: solid 1px #e5e5e5;
}
.bg-light:hover {
border: solid 1px #bbb;
}
/*CSS3 Hover Effects*/
.hover-effect {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.hover-effect-kenburn {
left: 10px;
margin-left: -10px;
position: relative;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.hover-effect-kenburn:hover {
-webkit-transform: scale(2) rotate(5deg);
-moz-transform: scale(2) rotate(5deg);
-o-transform: scale(2) rotate(5deg);
-ms-transform: scale(2) rotate(5deg);
transform: scale(2) rotate(5deg);
}
/*===============ie8.css file ==================*/
/*Header Fixed
------------------------------------*/
.ie8 .header-fixed .header.header-fixed-shrink {
background: #fff;
}
/*Blog Latest Tweets
------------------------------------*/
.ie8 .blog-twitter .blog-twitter-inner:after, .ie8 .blog-twitter .blog-twitter-inner:before {
border: none;
}
.ie8 .our-clients img {
width: 100%;
height: 100px;
vertical-align: inherit;
}
.ie8 .our-clients .img-hover {
display: none;
}
/*Pricing Stickers*/
.ie8 .sticker-left {
width: 90px;
text-align: right;
background: #72c02c;
}
.ie8 .sticker-right {
width: 100px;
text-align: left;
background: #e74c3c;
}
/*Easy Block*/
.ie8 .easy-bg-v2 {
width: 75px;
text-align: left;
}
.ie8 .rgba-red {
background: #e74c3c;
}
.ie8 .rgba-blue {
background: #3498db;
}
.ie8 .rgba-default {
background: #72c02c;
}
.ie8 .rgba-purple {
background: #9b6bcc;
}
.ie8 .rgba-aqua {
background: #27d7e7;
}
.ie8 .rgba-yellow {
background: #f1c40f;
}
/*Sky-Forms*/
.ie8 .sky-form .icon-append {
right: 5px !important;
padding-left: 0;
}
/*Background Opacity*/
.ie8 .service-block-v2 .service-block-in {
background: url("/Dinamico/Themes/Default/img/transparent/white.png") repeat;
}
.ie8 .job-img .job-banner, .ie8 .job-img .job-img-inputs, .ie8 .parallax-team:before, .ie8 .image-block .company-description, .ie8 .search-block:before, .ie8 .parallax-counter .counters, .ie8 .carousel-v1 .carousel-caption {
background: url("/Dinamico/Themes/Default/img/transparent/black.png") repeat;
}
/*===============blocks.css file ==================*/


/*Block Grid v1
------------------------------------*/
.block-grid-v1 {
background: #fff;
padding: 15px 15px 5px;
border-bottom: solid 2px #eee;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.block-grid-v1:hover {
border-color: #72c02c;
}
.block-grid-v1 img {
margin-bottom: 10px;
}
.block-grid-v1 img.block-grid-v1-img {
width: 35px;
height: 35px;
margin-top: 8px;
}
.block-grid-v1.content-boxes-v1 img.pull-left {
float: inherit !important;
}
.block-grid-v1 h3 a {
font-size: 22px;
font-weight: 200;
margin-right: 10px;
}
.block-grid-v1.content-boxes-v1 h3 {
margin-bottom: 0;
}
.block-grid-v1.content-boxes-v1 h3 a {
color: #555;
}
/*Star Vote*/
.block-grid-v1 .star-vote {
padding: 0;
margin-bottom: 10px;
vertical-align: middle;
}
.block-grid-v1 .star-vote li {
padding: 0;
font-size: 11px;
display: inline-block;
}
/*Additional Info*/
.block-grid-v1-add-info {
margin: 0;
padding-top: 15px;
border-top: solid 1px #eee;
}
.block-grid-v1-add-info li {
padding: 0;
margin-right: 3px;
margin-bottom: 10px;
}
.block-grid-v1-add-info li a {
font-size: 11px;
padding: 4px 7px;
text-decoration: none;
border: solid 2px #eee;
border-radius: 3px !important;
}
/*Block Grid v2
------------------------------------*/
.grid-block-v2 {
padding: 0;
}
.grid-block-v2 li {
list-style: none;
position: relative;
-webkit-backface-visibility: hidden; /*For Chrome*/
}
.grid-block-v2-info {
padding: 15px;
text-align: center;
background: #f9f9f9;
border-bottom: solid 3px #eee;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.grid-block-v2 li:hover .grid-block-v2-info {
border-color: #72c02c;
}
.grid-block-v2-info h3 {
font-size: 22px;
font-weight: 200;
margin-bottom: 10px;
}
.grid-block-v2-info .star-vote li {
padding: 2px;
font-size: 16px;
}
/*News Section | are we using this?
------------------------------------*/
.news-section {
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
}
.news-v1 .news-v1-in {
background: #fafafa;
}
.news-v1 h3 {
margin-bottom: 0;
font-weight: 200;
line-height: 28px;
padding: 10px 15px 15px;
}
.news-v1 h3 a {
color: #555;
}
.news-v1 h3 a:hover {
color: #72c02c;
}
.news-v1 p {
color: #555;
padding: 0 15px;
margin-bottom: 20px;
}
.news-v1 .news-v1-info {
overflow: hidden;
margin-top: 30px;
padding: 8px 15px;
border-top: solid 1px #eee;
}
.news-v1 .news-v1-info li {
font-size: 12px;
}
.news-v1 .news-v1-info li a:hover {
color: #72c02c;
text-decoration: none;
}
/*Services Box v1
------------------------------------*/
.service-box-v1 .service-block {
background: #fff;
padding-top: 30px;
padding-bottom: 20px;
}
.service-box-v1 p {
position: relative;
margin-bottom: 50px;
}
.service-box-v1 p:after {
content: " ";
left: 50%;
height: 1px;
width: 50px;
bottom: -15px;
position: absolute;
margin-left: -25px;
background: #72c02c;
}
.service-box-v1 ul {
padding: 0 40px;
}
.service-box-v1 li {
margin: 8px 0;
font-size: 15px;
padding-top: 8px;
border-top: dotted 1px #72c02c;
}
.service-box-v1 li:hover {
color: #72c02c;
}
.service-box-v1 li:first-child {
padding-top: 0;
border-top: none;
}
/*Service Block v1
------------------------------------*/
.service-block-v1 {
margin-top: 20px;
text-align: center;
position: relative;
padding: 45px 20px 20px;
border: 1px solid #f2f2f2;
}
.service-block-v1 i {
left: 50%;
top: -30px;
color: #fff;
width: 60px;
height: 60px;
padding: 16px;
font-size: 30px;
margin-left: -30px;
text-align: center;
position: absolute;
background: #72c02c;
display: inline-block;
}
.service-block-v1 h3, .service-block-v1 p {
margin-bottom: 20px;
}
/*Service*/
.service {
overflow: hidden;
margin-bottom: 10px;
padding: 15px 15px 10px;
}
.service:hover {
background: #fcfcfc;
box-shadow: 0 0 5px #ddd;
-webkit-transition: box-shadow 0.2s ease-in-out;
-moz-transition: box-shadow 0.2s ease-in-out;
-o-transition: box-shadow 0.2s ease-in-out;
transition: box-shadow 0.2s ease-in-out;
}
.service:hover i {
color: #656565;
}
.service .desc {
padding: 0 15px;
overflow: hidden;
}
.service .desc h4 {
font-size: 22px;
line-height: 25px;
}
.service .service-icon {
float: left;
padding: 10px;
color: #72c02c;
font-size: 35px;
text-align: center;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.service .service-icon.icon-cogs {
font-size: 37px;
}
.service .service-icon.icon-plane {
font-size: 43px;
}
/*Service Alternative Block*/
.service-alternative .service:hover {
background: #76ca2c;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.service-alternative .service:hover i, .service-alternative .service:hover p, .service-alternative .service:hover h4 {
color: #fff;
}
/*Servive Block Versions*/
.service-v1 h2 {
margin: 15px 0 10px;
font-size: 20px;
line-height: 28px;
}
.service-v1 p {
text-align: justify;
}
/*===============plugins.css file ==================*/
/*Parallax Slider (Main)
------------------------------------*/
.slider-inner .da-slider {
box-shadow: none;
border-bottom: 2px solid #ddd;
}
.slider-inner .da-dots {
z-index: 10;
}

@media (max-width: 450px) {
.da-slide p {
display: none;
}
}

@media (max-width: 900px) {
/*Slider Parallax*/
.da-slide .da-img {
display: none;
}
}
/*Revolution Slider
------------------------------------*/
.tp-dottedoverlay {
z-index: 1 !important;
}
.tp-bullets.preview4 .bullet {
border-radius: 10px !important;
}
.tp-banner-container a.btn-u, .tp-banner-container a.btn-u:hover {
color: #fff;
border: solid 1px transparent;
}
.tp-banner-container a.re-btn-brd {
background: none;
border: solid 1px #fff;
}
.tp-banner-container a.re-btn-brd:hover {
color: #555;
background: #fff;
}
/*Fullwidth*/
.tp-banner-container .btn-u.btn-brd {
font-weight: 400;
}
.tp-banner-container {
position: relative;
}
/*Fullscreen*/
.fullscreen-container {
padding: 0;
width: 100%;
position: relative;
}
/*Slider Contents v1*/
.revolution-mch-1:after {
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
content: ' ';
position: absolute;
background: rgba(0,0,0,0.3);
}
.revolution-ch1 {
color: #fff;
font-size: 40px;
font-weight: 400;
line-height: 60px;
}
.revolution-ch2 {
color: #fff;
font-size: 20px;
max-width: 470px;
line-height: 32px;
position: relative;
text-align: center;
font-weight: normal;
}
.revolution-ch2:after {
left: 50%;
width: 70px;
height: 2px;
content: ' ';
bottom: -20px;
background: #fff;
margin-left: -35px;
position: absolute;
}
/*Slider Contents v2*/
.re-title-v1 {
color: #fff;
font-size: 75px;
font-weight: 600;
line-height: 60px;
}
.re-title-v2 {
color: #fff;
font-size: 40px;
font-weight: 600;
line-height: 45px;
text-align: center;
}
.re-text-v1 {
color: #fff;
font-size: 24px;
text-align: center;
}
.re-text-v2 {
color: #fff;
font-size: 24px;
}
/*Slides*/
.rs-caption-1 {
color: #fff;
font-size: 32px;
font-weight: 200;
padding: 6px 75px;
position: relative;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
}
.rs-caption-1:after, .rs-caption-1:before {
font-size: 16px;
content: "\f005";
position: absolute;
font-family: FontAwesome;
}

@media (max-width: 768px) {
.rs-caption-1:after, .rs-caption-1:before {
content: "";
}
}
.rs-caption-1:after {
right: 4%;
}
.rs-caption-1:before {
left: 4%;
}
.rs-caption-2 {
color: #fff;
position: relative;
font-size: 26px;
font-weight: 200;
line-height: 40px;
padding: 10px 50px;
text-align: center;
}
.rs-caption-2:after {
left: 50%;
content: "";
height: 1px;
width: 100px;
bottom: -10px;
background: #fff;
margin-left: -50px;
position: absolute;
}
.rs-caption-3 a {
margin: 0 5px;
padding: 7px 20px;
text-transform: uppercase;
}

@media (max-width: 768px) {
.rs-caption-1, .rs-caption-2, .rs-caption-3 {
font-weight: normal;
}
}
/*Layer Slider
------------------------------------*/
.layer_slider {
overflow: hidden;
}
.ls-ct-half, .ls-ct-center {
border-radius: 100px !important;
}

/*Sequence Slider (Home Page)
------------------------------------*/
@media (max-width: 900px) {
#sequence-theme .info {
top: 80px !important;
width: 60% !important;
margin-right: 50px;
}
}

@media (max-width: 450px) {
#sequence-theme .info {
top: 70px !important;
width: 70% !important;
margin-right: 25px;
}
#sequence-theme h2 {
font-size: 30px !important;
}
#sequence-theme .info p {
font-size: 18px !important;
}
}
/*Fancybox
------------------------------------*/
/*For Topbar*/
.fancybox-overlay.fancybox-overlay-fixed {
z-index: 9999;
}
/*FancyBox Hover Effect*/
.zoomer:hover .overlay-zoom .zoom-icon {
opacity: 0.4;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
filter: alpha(opacity = 50);
}
.overlay-zoom {
z-index: 90;
width: 100%;
height: 100%;
display: block;
cursor: pointer;
position: relative;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.overlay-zoom .zoom-icon {
top: 0;
opacity: 0;
z-index: 100;
width: inherit;
height: inherit;
position: absolute;
background-color: #000;
background-position: 50%;
background-repeat: no-repeat;
background-image: url("/Dinamico/Themes/Default/img/overlay-icon.png");
filter: alpha(opacity = 0);
-webkit-backface-visibility: hidden;
-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;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}

@media (max-width: 768px) {
.fancybox-overlay {
background: none !important;
}
}
/*Pie Chart
------------------------------------*/
.pie-progress-charts .inner-pchart {
text-align: center;
}
.pie-progress-charts .circle {
color: #555;
font-weight: 200;
margin-bottom: 20px;
}
.pie-progress-charts .circle-title {
font-size: 22px;
}

@media (max-width: 767px) {
.pie-progress-charts .inner-pchart {
margin-bottom: 40px;
}
}
/*Counter
------------------------------------*/
.counters {
color: #555;
text-align: center;
}

@media (max-width: 767px) {
.counters {
margin-bottom: 30px;
}
.counters:last-child {
margin-bottom: inherit;
}
}
.counters span {
font-size: 35px;
}
.counters span.counter-icon {
display: block;
margin-bottom: 10px;
}
.counters span.counter-icon i {
color: #fff;
padding: 16px;
min-width: 65px;
font-size: 30px;
position: relative;
background: #72c02c;
}
.counters span.counter-icon i:after {
width: 0;
height: 0;
left: 38%;
content: " ";
bottom: -7px;
display: block;
position: absolute;
border-top: 7px solid #72c02c;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-left-style: inset; /*FF fixes*/
border-right-style: inset; /*FF fixes*/
}
.counters:hover span.counter-icon i {
border-color: #000;
}
/*Back To Top
------------------------------------*/
#topcontrol {
color: #fff;
z-index: 99;
width: 30px;
height: 30px;
font-size: 20px;
background: #222;
position: relative;
right: 14px !important;
bottom: 11px !important;
border-radius: 3px !important;
}
#topcontrol:after {
top: -2px;
left: 8.5px;
content: "\f106";
position: absolute;
text-align: center;
font-family: FontAwesome;
}
#topcontrol:hover {
color: #fff;
background: #72c02c;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*Owl Carousel
------------------------------------*/
.owl-btn {
color: #777;
cursor: pointer;
font-size: 18px;
padding: 2px 9px;
text-align: center;
background: #f5f5f5;
}
.owl-btn:hover {
color: #fff;
background: #72c02c;
}
/*Owl Carousel v1*/
.owl-carousel-v1 .owl-navigation {
text-align: right;
margin-bottom: 20px;
}
.owl-carousel-v1 .item {
margin: 0 5px;
}
.owl-carousel-v1 .item img {
text-align: center;
}
.owl-carousel-v1 .owl-pagination {
display: none;
}
/*Owl Carousel v2*/
.owl-carousel-v2 .owl-slider-v2 {
margin-bottom: 20px;
}
.owl-carousel-v2 .item {
margin: 0 15px;
}
.owl-carousel-v2 .item img {
text-align: center;
}
.owl-carousel-v2 .owl-navigation {
text-align: center;
}
.owl-carousel-v2 .owl-pagination {
display: none;
}
/*Owl Carousel v3*/
.owl-carousel-v3 .item {
margin: 0 15px;
}
.owl-carousel-v3 .item img {
text-align: center;
}
.owl-carousel-v3 .owl-pagination {
display: none;
}
/*Owl Carousel v4 | Used on You May Also Like sliders*/
.owl-carousel-v4 .owl-wrapper-outer {
margin-bottom: 20px;
}
.owl-carousel-v4 .item {
margin: 0 3px;
}
.owl-carousel-v4 .item img {
width: 100%;
}
/*Owl Carousel v5*/
.owl-carousel-v5 .owl-wrapper-outer {
margin-bottom: 20px;
}
.owl-carousel-v5 .owl-controls .owl-page.active span, .owl-carousel-v5 .owl-controls.clickable .owl-page:hover span {
background: #72c02c;
}
.owl-carousel-v5 .owl-controls .owl-page span {
margin: 5px 3px !important;
}
/*Owl Slider v6*/
.owl-carousel-v6 .owl-carousel-item {
margin: 0 10px;
padding: 7px 0;
text-align: center;
position: relative;
border: 1px solid #e4e2e2;
}
.owl-carousel-v6 .owl-carousel-item img {
width: 150px;
height: auto;
}
.owl-carousel-v6 .owl-wrapper-outer {
margin-bottom: 20px;
}
.owl-carousel-v6 .owl-controls .owl-page span {
margin: 5px 3px !important;
}
/*Owl Pagination*/
.owl-pagination {
text-align: center !important;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
opacity: 1;
filter: Alpha(Opacity=100);/*IE7 fix*/
}
.owl-theme .owl-controls .owl-page {
zoom: 1;
display: inline-block;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
width: 12px;
height: 12px;
opacity: 0.3;
display: block;
margin: 5px 7px;
background: #bbb;
filter: Alpha(Opacity=50);/*IE7 fix*/
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
}
/*Owl Carousel Style v1*/
.owl-carousel-style-v1 img {
width: 120px;
height: auto;
}
/*Owl Carousel Style v2*/
.owl-carousel-style-v2 .item {
margin: 0 3px;
background: #fafafa;
text-align: center;
border: solid 1px #eee;
}
.owl-carousel-style-v2 .item img {
padding: 0 3px;
display: inline-block;
}
.owl-carousel-style-v2 .item:hover {
background: #f7f7f7;
border-color: #e5e5e5;
transition: all 0.4s ease-in-out;
}
.owl-carousel-style-v2 .owl-pagination {
display: none;
}
/*Cube Portfolio | Used on Explore/professional. Might be used on /course or something in the future.
------------------------------------*/
.wrapper-portfolio {
width: 100%;
max-width: 1170px;
margin: 0 auto 50px;
}
.wrapper-portfolio-fullwidth {
width: 100%;
padding: 10px;
margin: 0 auto 50px;
}
.wrapper-portfolio-fullwidth-text {
width: 100%;
padding: 10px;
margin: 0 auto 50px;
}
.wrapper-portfolio-no-space {
width: 100%;
margin: 0 auto 50px;
}
.wrapper-portfolio-grid-no-space {
width: 100%;
max-width: 1200px;
margin: 0 auto 50px;
}
.wrapper-portfolio-grid {
margin-bottom: 50px;
}
/*Filter Item*/
.fusion-portfolio #filters-container .cbp-filter-item {
color: #555;
padding: 7px 15px;
margin: 10px 0 0 5px;
border: 1px solid #eee;
}
.fusion-portfolio #filters-container .cbp-filter-item-active {
background: #72c02c;
border-color: #72c02c;
color: #fff !important;
}
.fusion-portfolio #filters-container .cbp-filter-item:hover {
color: #72c02c;
}
/*Blog Caption*/
.fusion-portfolio .cbp-l-grid-blog .cbp-caption {
margin-bottom: 15px;
}
/*Caption Body*/
.fusion-portfolio .product-description {
text-align: center;
}
.fusion-portfolio .cbp-caption-activeWrap {
background: rgba(255,255,255,0.9) !important;
}
.fusion-portfolio .cbp-l-caption-text {
letter-spacing: inherit;
}
.fusion-portfolio .cbp-l-caption-text, .fusion-portfolio .product-description h3 {
color: #555;
font-size: 16px;
font-weight: 400;
margin-bottom: 5px;
text-transform: uppercase;
}
.fusion-portfolio .cbp-l-caption-desc, .fusion-portfolio .product-description span {
color: #555;
font-size: 13px;
margin-top: 15px;
font-weight: 200;
line-height: 20px;
}
.fusion-portfolio .cbp-l-caption-icon i {
color: #555;
font-size: 22px;
}
/*Grid Columns*/
.fusion-portfolio.wrapper-portfolio-grid.cbp-2-col .cbp-item {
width: 450px;
height: 270px;
}
.fusion-portfolio.wrapper-portfolio-grid.cbp-3-col .cbp-item {
width: 320px;
height: 200px;
}
.fusion-portfolio.wrapper-portfolio-grid.cbp-4-col .cbp-item {
width: 280px;
height: 170px;
}
/*Grid No Space Columns*/
.fusion-portfolio.wrapper-portfolio-grid-no-space.cbp-2-col .cbp-item {
width: 460px;
height: 285px;
}
.fusion-portfolio.wrapper-portfolio-grid-no-space.cbp-3-col .cbp-item {
width: 450px;
height: 280px;
}
.fusion-portfolio.wrapper-portfolio-grid-no-space.cbp-4-col .cbp-item {
width: 320px;
height: 200px;
}
/*Fullwidth Columns*/
.fusion-portfolio.wrapper-portfolio-fullwidth.cbp-4-col .cbp-item {
width: 380px;
height: 230px;
}
.fusion-portfolio.wrapper-portfolio-fullwidth.cbp-5-col .cbp-item {
width: 290px;
height: 180px;
}
.fusion-portfolio.wrapper-portfolio-fullwidth.cbp-6-col .cbp-item {
width: 230px;
height: 140px;
}
/*Fullwidth No Space Columns*/
.fusion-portfolio.wrapper-portfolio-no-space.cbp-4-col .cbp-item {
width: 400px;
height: 250px;
}
.fusion-portfolio.wrapper-portfolio-no-space.cbp-5-col .cbp-item {
width: 310px;
height: 185px;
}
.fusion-portfolio.wrapper-portfolio-no-space.cbp-6-col .cbp-item {
width: 250px;
height: 150px;
}
/*Grid Blog Columns*/
.fusion-portfolio.wrapper-portfolio.cbp-2-col .cbp-l-grid-blog .cbp-item {
width: 460px;
height: 360px;
}
.fusion-portfolio.wrapper-portfolio.cbp-3-col .cbp-l-grid-blog .cbp-item {
width: 320px;
height: 265px;
}
.fusion-portfolio.wrapper-portfolio.cbp-4-col .cbp-l-grid-blog .cbp-item {
width: 280px;
height: 250px;
}
/*Fullwidth Blog Columns*/
.fusion-portfolio.wrapper-portfolio-fullwidth-text.cbp-caption-4-col .cbp-item {
width: 390px;
height: 350px;
}
.fusion-portfolio.wrapper-portfolio-fullwidth-text.cbp-caption-5-col .cbp-item {
width: 300px;
height: 300px;
}
.fusion-portfolio.wrapper-portfolio-fullwidth-text.cbp-caption-6-col .cbp-item {
width: 245px;
height: 240px;
}
/*Caption Columns*/
.fusion-portfolio.cbp-caption-2-col .cbp-l-grid-blog .cbp-caption {
height: 74%;
}
.fusion-portfolio.cbp-caption-3-col .cbp-l-grid-blog .cbp-caption {
height: 65%;
}
.fusion-portfolio.cbp-caption-4-col .cbp-l-grid-blog .cbp-caption {
height: 63%;
}
.fusion-portfolio.cbp-caption-5-col .cbp-l-grid-blog .cbp-caption {
height: 60%;
}
.fusion-portfolio.cbp-caption-6-col .cbp-l-grid-blog .cbp-caption {
height: 60%;
}
/*Purchase Block*/
.purchase {
padding: 25px 0 30px;
border-bottom: solid 1px #eee;
background: url("/Dinamico/Themes/Default/img/breadcrumbs.png") repeat;
}
.purchase p {
margin-bottom: 0;
}
.purchase span {
color: #666;
display: block;
font-size: 24px;
line-height: 35px;
font-weight: normal;
margin-bottom: 12px;
font-family: 'Open Sans', sans-serif;
}
.purchase .btn-buy {
text-align: center;
}
.purchase .btn-buy a {
margin-top: 27px;
}
.purchase .btn-buy a i {
margin-right: 5px;
}

@media (max-width: 992px) {
.purchase {
text-align: center;
}
.purchase span {
font-size: 22px;
line-height: 29px;
}
.purchase .btn-buy a {
margin-top: 25px;
font-size: 16px;
}
}
/*Other Footer Common Classes
------------------------------------*/
/*Thumb Headline*/
.thumb-headline h2 {
color: #eee;
font-size: 16px;
}
/*Footer Logo*/
.footer-logo {
margin: 17px 0 20px;
}
/*Latest List*/
.latest-list li {
padding: 8px 0;
border-top: 1px solid #353535;
}
.latest-list li:first-child {
padding-top: 0;
border-top: none;
}
.latest-list li a {
color: #eee;
}
.latest-list small {
color: #999;
display: block;
}
/*Link List*/
.link-list li {
border-top: solid 1px #353535;
}
.link-list li:first-child {
border-top: none !important;
}
.link-list a {
color: #eee;
font-size: 11px;
padding: 6px 0 ;
display: inline-block;
text-transform: uppercase;
}
.link-list li i {
color: #bbb;
float: right;
margin-top: 10px;
}
/*Breadcrumbs
------------------------------------*/
/*Default Breadcrumbs*/
.breadcrumbs {
overflow: hidden;
padding: 10px 0 6px;
border-bottom: solid 1px #eee;
background: url("/Dinamico/Themes/Default/img/breadcrumbs.png") repeat;
}
.breadcrumbs h1 {
color: #666;
font-size: 22px;
margin-top: 8px;
}
.breadcrumb {
top: 10px;
padding-right: 0;
background: none;
position: relative;
}
.breadcrumb a {
color: #777;
}
.breadcrumb li.active, .breadcrumb li a:hover {
color: #72c02c;
text-decoration: none;
}

@media (max-width: 550px) {
.breadcrumbs h1.pull-left, .breadcrumbs ul.pull-right {
width: 100%;
text-align: center;
}
.breadcrumbs h1.pull-left {
margin-bottom: 0;
}
.breadcrumbs .breadcrumb {
top: 0;
margin-bottom: 10px;
}
}
/*Thumbnails
------------------------------------*/
a.thumbnail {
padding: 0;
border: none;
margin-bottom: 15px;
}
.thumbnail-style {
padding: 7px;
margin-bottom: 20px;
}
.thumbnail-style:hover {
box-shadow: 0 0 8px #ddd;
-webkit-transition: box-shadow 0.2s ease-in-out;
-moz-transition: box-shadow 0.2s ease-in-out;
-o-transition: box-shadow 0.2s ease-in-out;
transition: box-shadow 0.2s ease-in-out;
}
.thumbnail h3, .thumbnail-style h3 {
margin: 6px 0 8px 0;
}
.thumbnail h3 a, .thumbnail-style h3 a {
color: #585f69;
font-size: 18px;
}
.thumbnail h3 a:hover, .thumbnail-style h3 a:hover {
color: #72c02c;
text-decoration: none;
}
.thumbnail-style .thumbnail-img {
position: relative;
margin-bottom: 11px;
}
.thumbnail-style a.btn-more {
right: -10px;
bottom: 10px;
color: #fff;
padding: 1px 6px;
position: absolute;
background: #72c02c;
display: inline-block;
}
.thumbnail-style a.btn-more:hover {
text-decoration: none;
box-shadow: 0 0 0 2px #5fb611;
}
.thumbnail-style:hover a.btn-more {
right: 10px;
}
.thumbnail-kenburn img {
left: 10px;
margin-left: -10px;
position: relative;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.thumbnail-kenburn:hover img {
-webkit-transform: scale(1.2) rotate(2deg);
-moz-transform: scale(1.2) rotate(2deg);
-o-transform: scale(1.2) rotate(2deg);
-ms-transform: scale(1.2) rotate(2deg);
transform: scale(1.2) rotate(2deg);
}
/*Gallery Page
------------------------------------*/
.gallery-page .thumbnail, .gallery-page .thumbnail:hover {
padding: 0;
border: none;
box-shadow: none;
}
.gallery-page .thumbnails {
margin-bottom: 6px;
}
/*Privacy Page
------------------------------------*/
.privacy a {
text-decoration: underline;
}
.privacy a:hover {
color: #72c02c;
text-decoration: none;
}
/*Sidebar Features
------------------------------------*/
/*Blog Tags*/
ul.blog-tags li {
display: inline-block;
}
ul.blog-tags a {
font-size : 13px;
padding: 2px 7px;
background: #f7f7f7;
margin: 0 3px 6px 0;
display: inline-block;
}
ul.blog-tags a i {
color: #666;
}
ul.blog-tags a:hover {
background: #72c02c;
}
ul.blog-tags a:hover, ul.blog-tags a:hover i {
color: #fff !important;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/*Banner-info*/
.banner-info {
margin-bottom: 10px;
}
.banner-info i {
float: left;
color: #fff;
padding: 11px;
/*min-width works with line-icon*/
min-width: 40px;
font-size: 22px;
text-align: center;
margin: 7px 20px 0 0;
}
/*min-width works with FontAwesome*/
.banner-info i.fa {
min-width: 46px;
}
.banner-info.light i {
border: 1px solid #fff;
}
.banner-info.dark i {
background: #585f69;
}
.banner-info h3 {
font-size: 21px;
margin-bottom: 5px;
}
.banner-info.light h3 {
color: #fff;
}
.banner-info.light p {
color: #eee;
}
/*Status Bar
------------------------------------*/
.status-bar li {
padding-left: 9px;
border-left: 1px solid #eee;
}
.status-bar li:first-child {
border-left: none;
}
.status-bar li i {
color: #72c02c;
margin-right: 5px;
}
.status-bar li a:hover {
text-decoration: none;
}
.status-bar-in {
padding: 10px;
position: relative;
background: #f0f0f0;
}
.status-bar-in:after {
width: 0;
height: 0;
top: -10px;
left: 50px;
content: " ";
display: block;
position: absolute;
border-bottom: 11px solid #f0f0f0;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-left-style: inset; /*FF fixes*/
border-right-style: inset; /*FF fixes*/
}
/*Table Search v1
------------------------------------*/
.table-search-v1 .btn-u.dropdown-toggle {
border-left: none;
}
.table-search-v1 .btn-group .btn-u {
top: 4px;
padding: 0 6px;
position: relative;
}
.table-search-v1 thead {
border-bottom: solid 1px #ddd;
}
.table-search-v1 td {
vertical-align: middle !important;
}
.table-search-v1 td a {
color: #555;
}
.table-search-v1 td span {
display: block;
}
.table-search-v1 .star-vote {
margin: 5px 0 0 ;
}
.table-search-v1 .star-vote li {
padding: 0;
}
.table-search-v1 .progress {
margin-bottom: 0;
}
.table-search-v1 .m-marker a {
font-size: 11px;
}
.table-search-v1 .m-marker i {
float: left;
min-width: 20px;
font-size: 26px;
}
.table-search-v1 .m-marker .display-b {
top: 3px;
display: block;
line-height: 10px;
position: relative;
}
.table-search-v1 .td-width {
width: 40%;
}
/*Table Search v2
------------------------------------*/
.table-search-v2 .btn-u.dropdown-toggle {
border-left: none;
}
.table-search-v2 .btn-group .btn-u {
top: 4px;
padding: 0 6px;
position: relative;
}
.table-search-v2 thead {
border-bottom: solid 1px #ddd;
}
.table-search-v2 td {
vertical-align: middle !important;
}
.table-search-v2 td img {
width: 60px;
height: 60px;
margin: 0 auto;
display: block;
}
.table-search-v2 .user-names span, .table-search-v2 .user-names small {
display: block;
text-align: center;
}
.table-search-v2 .user-names span {
color: #555;
font-size: 16px;
position: relative;
}
.table-search-v2 .user-names small {
color: #999;
font-size: 13px;
}
.table-search-v2 td h3 {
font-size: 16px;
margin: 0 0 2px;
}
.table-search-v2 td a {
color: #555;
}
.table-search-v2 td p {
margin-bottom: 0;
}
.table-search-v2 td span {
display: block;
}
.table-search-v2 td small {
font-style: italic;
}
.table-search-v2 .s-icons {
margin-bottom: 0;
}
.table-search-v2 .s-icons li {
padding: 2px;
}
.table-search-v2 .table-buttons {
margin: 0;
}
.table-search-v2 .table-buttons li {
padding: 0;
}
.table-search-v2 .table-buttons .btn-u-sm {
padding: 3px 6px;
}
.table-search-v2 .td-width {
width: 55%;
}
/* Minified owl.carousel.css */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel, .owl-carousel .owl-wrapper {
display: none;
position: relative
}
.owl-carousel {
width: 100%;
-ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height .5s ease-in-out;
-moz-transition: height .5s ease-in-out;
-ms-transition: height .5s ease-in-out;
-o-transition: height .5s ease-in-out;
transition: height .5s ease-in-out
}
.owl-carousel .owl-item {
float: left
}
.owl-controls .owl-buttons div, .owl-controls .owl-page {
cursor: pointer
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent
}
.grabbing {
cursor: url("/Dinamico/Themes/Default/Content/grabbing.png") 8 8, move
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px
}
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease
}
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease
}
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both
}
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both
}
@-webkit-keyframes empty {
0% {
opacity:1
}
}
@-moz-keyframes empty {
0% {
opacity:1
}
}
@keyframes empty {
0% {
opacity:1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity:.5;
-webkit-transform:translateZ(-500px);
transform:translateZ(-500px);
}
100%, 75% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%);
transform:translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
25% {
opacity:.5;
-moz-transform:translateZ(-500px);
transform:translateZ(-500px);
}
100%, 75% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%);
transform:translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
25% {
opacity:.5;
transform:translateZ(-500px)
}
100%, 75% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%)
}
}
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(200%);
transform:translateZ(-500px) translateX(200%);
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px);
transform:translateZ(-500px);
}
100% {
opacity:1;
-webkit-transform:translateZ(0) translateX(0);
transform:translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
0%, 25% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(200%);
transform:translateZ(-500px) translateX(200%);
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px);
transform:translateZ(-500px);
}
100% {
opacity:1;
-moz-transform:translateZ(0) translateX(0);
transform:translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
0%, 25% {
opacity:.5;
transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
transform:translateZ(-500px)
}
100% {
opacity:1;
transform:translateZ(0) translateX(0)
}
}
@-webkit-keyframes scaleToFade {
to {
opacity:0;
-webkit-transform:scale(.8);
transform:scale(.8);
}
}
@-moz-keyframes scaleToFade {
to {
opacity:0;
-moz-transform:scale(.8);
transform:scale(.8);
}
}
@keyframes scaleToFade {
to {
opacity:0;
transform:scale(.8);
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
}
@-moz-keyframes goDown {
from {
-moz-transform:translateY(-100%);
transform:translateY(-100%);
}
}
@keyframes goDown {
from {
transform:translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity:0;
-webkit-transform:scale(1.5);
transform:scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
from {
opacity:0;
-moz-transform:scale(1.5);
transform:scale(1.5);
}
}
@keyframes scaleUpFrom {
from {
opacity:0;
transform:scale(1.5)
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity:0;
-webkit-transform:scale(1.5);
transform:scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
to {
opacity:0;
-moz-transform:scale(1.5);
transform:scale(1.5);
}
}
@keyframes scaleUpTo {
to {
opacity:0;
transform:scale(1.5)
}
}
/*===================== header-default.css=====================*/

/*Top Bar (login, search etc.)------------------------------------*/
.header .topbar {
z-index: 12;
padding: 8px 0;
position: relative;
}
.header .topbar ul.loginbar {
margin: 0;
}
.header .topbar ul.loginbar > li {
display: inline;
list-style: none;
position: relative;
padding-bottom: 15px;
}
.header .topbar ul.loginbar > li > a, .header .topbar ul.loginbar > li > a:hover {
color: #7c8082;
font-size: 11px;
text-transform: uppercase;
}

.header .topbar ul.loginbar li.topbar-devider {
top: -1px;
padding: 0;
font-size: 8px;
position: relative;
margin: 0 9px 0 5px;
font-family: Tahoma;
border-right: solid 1px #bbb;
}
/*languages*/
.header .topbar ul.languages {
top: 25px;
left: -5px;
display: none;
padding: 4px 0;
padding-left: 0;
list-style: none;
min-width: 100px;
position: absolute;
background: #f0f0f0;
}
.header .topbar li:hover ul.languages {
display: block;
}
.header .topbar ul.languages:after {
top: -4px;
width: 0;
height: 0;
left: 8px;
content: " ";
display: block;
position: absolute;
border-bottom: 6px solid #f0f0f0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-left-style: inset; /*FF fixes*/
border-right-style: inset; /*FF fixes*/
}
.header .topbar ul.languages li a {
color: #555;
display: block;
font-size: 10px;
padding: 2px 12px;
margin-bottom: 1px;
text-transform: uppercase;
}
.header .topbar ul.languages li a.active i {
color: #999;
float: right;
margin-top: 2px;
}
.header .topbar ul.languages li a:hover, .header .topbar ul.languages li a.active {
background: #fafafa;
}
.header .topbar ul.languages li a:hover {
text-decoration: none;
}
/*Header Default------------------------------------*/
.header {
z-index: 99;
position: relative;
border-bottom: solid 2px #eee;
}
.header .navbar {
margin: 0px;
padding:0px;
}
.header .navbar-default {
border: none;
background: none;
}
/*Navbar Brand*/
.header .navbar-brand {
z-index: 1;
top: -10px;
height: 100%;
position: relative;
padding: 0 10px 10px;
}

@media(min-width: 768px) and (max-width: 998px) {
.header .navbar-brand {
margin-top: 0;
}
}
/*Navbar Toggle*/
.header .navbar-default .navbar-toggle {
border-color: #5fb611;
}
.header .navbar-default .navbar-toggle .fa {
color: #fff;
font-size: 19px;
}
.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
background: #72c02c;
padding: 6px 10px 2px;
}
.header .navbar-toggle:hover {
background: #5fb611 !important;
}
/*Navbar Collapse*/
.header .navbar-collapse {
position: relative;
}
/*Navbar Menu*/
.header .navbar-default .navbar-nav > li > a {
color: #687074;
font-size: 15px;
font-weight: 400;
text-transform: uppercase;
}
.header .navbar-default .navbar-nav > .active > a {
color: #72c02c;
}

@media (min-width: 992px) {
.header .navbar-nav {
float: right;
}
}
/*No Topbar*/
.header.no-topbar .navbar-brand {
margin-top: 30px;
}
.header.no-topbar .navbar-toggle {
margin-top: 25px;
}

@media (min-width: 992px) {
.header.no-topbar .navbar-nav {
padding-top: 36px;
}
}

/*Responsive Navbar*/
@media (max-width: 991px) {
/*Responsive code for max-width: 991px*/
.header .navbar-header {
float: none;
}
.header .navbar-toggle {
display: block;
}
.header .navbar-collapse.collapse {
display: none !important;
}
.header .navbar-collapse.collapse.show {
display: block !important;
overflow-y: auto !important;
}
.header .navbar-nav {
margin: 0 0 5px;
float: none !important;
}
.header .navbar-nav > li {
float: none;
}
.header .navbar-nav > li > a {
padding-top: 30px;
padding-bottom: 40px;
}
/*Dropdown Menu Slide Down Effect*/
.header .navbar-nav .open .dropdown-menu {
border: 0;
float: none;
width: auto;
margin-top: 0;
position: static;
box-shadow: none;
background-color: transparent;
}

.header .navbar-nav .open .dropdown-menu > li > a, .header .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.header .navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.header .navbar-nav .open .dropdown-menu > li > a:hover, .header .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.header .navbar-default .dropdown-menu.no-bottom-space {
padding-bottom: 0;
}
/*Design for max-width: 991px*/
.header .navbar-collapse, .header .navbar-collapse .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.header .navbar-default .navbar-nav > li > a {
font-size: 14px;
padding: 9px 10px;
}
.header .navbar-default .navbar-nav > li a {
border-bottom: solid 1px #eee;
}
.header .navbar-default .navbar-nav > li > a:focus {
background: none;
}
.header .navbar-default .navbar-nav > li > a:hover {
color: #72c02c;
}
.header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
background: #72c02c;
color: #fff !important;
}
.header .dropdown .dropdown-submenu > a {
font-size: 13px;
color: #555 !important;
text-transform: uppercase;
}
}

@media (min-width: 992px) {
/*Navbar Collapse*/
.header .navbar-collapse {
padding: 0;
}
/*Navbar*/
.header .navbar {
min-height: 40px !important;
}
.header .container > .navbar-header, .header .container-fluid > .navbar-header, .header .container > .navbar-collapse, .header .container-fluid > .navbar-collapse {
margin-bottom: -10px;
}
.header .navbar-nav {
position: relative;
}
.header .navbar-default .navbar-nav > li > a {
bottom: -2px;
position: relative;
padding: 9px 30px 9px 20px;
}
.header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:focus {
border-bottom: solid 2px transparent;
}
.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > .active > a {
bottom: -2px;
position: relative;
border-bottom: solid 2px #72c02c;
}
.header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > a:focus, .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
background: none;
}
.header .navbar-default .navbar-nav > .open > a, .header .navbar-default .navbar-nav > .open > a:hover, .header .navbar-default .navbar-nav > .open > a:focus {
color: #72c02c;
}
.header .navbar-default .navbar-nav > li:hover > a {
color: #72c02c;
}
/*Dropdown Menu*/
.header .dropdown-menu {
padding: 0;
border: none;
min-width: 200px;
border-radius: 0;
z-index: 9999 !important;
border-top: solid 2px #72c02c;
border-bottom: solid 2px #687074;
}
.header .dropdown-menu li a {
color: #687074;
font-size: 13px;
font-weight: 400;
padding: 6px 15px;
border-bottom: solid 1px #eee;
}
.header .dropdown-menu .active > a, .header .dropdown-menu li > a:hover {
color: #fff;
filter: none !important;
background: #687074 !important;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.header .dropdown-menu li > a:focus {
background: none;
filter: none !important;
}
.header .navbar-nav > li.dropdown:hover > .dropdown-menu {
display: block;
}
.header .open > .dropdown-menu {
display: none;
}
/*Search*/
.header .navbar .search-open {
width: 330px;
}
}
/*Dropdown Submenu for BS3
------------------------------------*/
.header .dropdown-submenu {
position: relative;
}
.header .dropdown > a.dropdown-toggle:after, .header .dropdown-submenu > a::after {
top: 8px;
right: 9px;
font-size: 11px;
content: "\f107";
position: absolute;
font-weight: normal;
font-family: "Font Awesome 5 Pro";
}

@media (max-width: 991px) {
.header .dropdown-submenu > a:after {
content: " ";
}
}
.header .dropdown-submenu > .dropdown-menu {
top: 3px;
left: 100%;
margin-top: -5px;
margin-left: 0;
}
/*Submenu comes from LEFT side*/
.header .dropdown-submenu > .dropdown-menu.submenu-left {
left: -100%;
}
.header .dropdown-submenu:hover > .dropdown-menu {
display: block;
}

@media (max-width: 991px) {
.header .dropdown-submenu > .dropdown-menu {
display: block;
margin-left: 15px;
}
}
.header .dropdown-submenu.pull-left {
float: none;
}
.header .dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
.header .dropdown-menu li [class^="fa-"], .header .dropdown-menu li [class*=" fa-"] {
left: -3px;
width: 1.25em;
margin-right: 1px;
position: relative;
text-align: center;
display: inline-block;
}
.header .dropdown-menu li [class^="fa-"].fa-lg, .header .dropdown-menu li [class*=" fa-"].fa-lg {
/* increased font size for fa-lg */
width: 1.5625em;
}
/*Search Box
------------------------------------*/
.header .navbar .nav > li > .search {
color: #aaa;
cursor: pointer;
min-width: 35px;
font-size: 15px;
text-align: center;
background: #f7f7f7;
padding: 11px 0 12px;
display: inline-block;
border-bottom: solid 2px #aaa;
}

@media (min-width: 992px) {
.header .navbar .nav > li > .search {
bottom: -2px;
position: relative;
}
}
.header .navbar .nav > li > .search:hover {
color: #72c02c;
background: #f7f7f7;
border-bottom-color: #72c02c;
}
.header .navbar .search-open {
right: 0;
top: 40px;
display: none;
padding: 14px;
position: absolute;
background: #fcfcfc;
border-top: solid 2px #eee;
box-shadow: 0 1px 3px #ddd;
}
.header .navbar .search-open form {
margin: 0;
}

@media (min-width: 767px) and (max-width: 991px) {
.header .navbar > .container .navbar-brand, .header .navbar > .container-fluid .navbar-brand {
margin-left: -10px;
}
.header .navbar-toggle {
margin-right: 0;
}
.header .navbar .search-open {
width: 93%;
}
}

@media (max-width: 991px) {
.header .navbar .nav > li > .search {
color: #999;
width: 35px;
height: 34px;
text-align: left;
background: #eee;
line-height: 12px;
margin: 5px 10px 0;
border-bottom: none;
}
.header .navbar .nav > li > .search:hover {
background: #5fb611;
color: #fff !important;
}
.header .navbar .search-open {
top: 5px;
padding: 0;
left: 48px;
border-top: none;
box-shadow: none;
background: none;
margin-right: 10px;
}
}
/*Header Fixed
------------------------------------*/
/*Header*/
.header-fixed .header {
height: 78px;
}
.header-fixed .header.header-fixed-shrink {
top: 0;
left: 0;
width: 100%;
height: 95px;
z-index: 9999;
position: fixed;
margin-top: -35px;
border-bottom: none;
box-shadow: 0 0 3px #bbb;
background: rgba(255,255,255, 0.96);
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
/*Topbar*/
.header-fixed .header.header-fixed-shrink .topbar {
display: none;
}
/*No Topbar*/
.header-fixed .header.no-topbar.header-fixed-shrink .navbar-brand {
margin-top: 0;
}
.header-fixed .header.no-topbar.header-fixed-shrink .navbar-nav {
padding-top: 0;
}
/*Brand*/
.header-fixed .header.header-fixed-shrink .navbar-brand {
top: 47px;
z-index: 1;
position: relative;
padding: 0 10px 10px;
}
.header-fixed .header.header-fixed-shrink .navbar-brand img {
width: 90%;
}
.header-fixed .header.header-fixed-shrink .search, .header-fixed .header.header-fixed-shrink .active a {
border-bottom: none !important;
}
.header-fixed .header.header-fixed-shrink .navbar-nav > li > .dropdown-menu {
margin-top: 1px;
}

@media (max-width: 991px) {
/*Header*/
.header-fixed .header, .header-fixed .header.header-fixed-shrink {
height: inherit;
position: relative;
}
}

@media (min-width: 992px) {
.header-fixed .header.header-fixed-shrink .navbar-nav > li > a {
padding: 55px 30px 18px 20px;
border-bottom: solid 1px transparent !important;
}
.header-fixed .header.header-fixed-shrink .dropdown > a:after {
top: 56px;
}
/*Search Bar*/
.header-fixed .header.header-fixed-shrink .search {
margin-top: 47px;
padding: 8px !important;
color: #585f69 !important;
background: none !important;
}
.header-fixed .header.header-fixed-shrink .search-open {
top: 95px;
border-top: none;
background: rgba(255,255,255, 0.9);
}
}
/*Mega Menu
------------------------------------*/
.header .mega-menu .nav, .header .mega-menu .dropup, .header .mega-menu .dropdown, .header .mega-menu .collapse {
position: static;
}
.header .mega-menu .navbar-inner, .header .mega-menu .container {
position: relative;
}
.header .mega-menu .dropdown-menu {
left: auto;
}
.header .mega-menu .dropdown-menu > li {
display: block;
}
.header .mega-menu .dropdown-submenu .dropdown-menu {
left: 100%;
}
.header .mega-menu .nav.pull-right .dropdown-menu {
right: 0;
}
.header .mega-menu .mega-menu-content {
*zoom: 1;
padding: 0;
}
.header .mega-menu .mega-menu-content:before, .header .mega-menu .mega-menu-content:after {
content: "";
display: table;
line-height: 0;
}
.header .mega-menu .mega-menu-content:after {
clear: both;
}
.header .mega-menu.navbar .nav > li > .dropdown-menu:after, .header .mega-menu.navbar .nav > li > .dropdown-menu:before {
display: none;
}
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
left: 0;
right: 0;
overflow: hidden;
}

@media (min-width: 992px) {
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
margin-left: 10px;
margin-right: 15px;
}
}

/*Equal Height Lists*/
@media (min-width: 992px) {
.header .mega-menu .equal-height {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.header .mega-menu .equal-height-in {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
/*Mega Menu Style Effect*/
.header .mega-menu .equal-height-list h3 {
font-size: 15px;
font-weight: 400;
padding: 0 10px 0 13px;
text-transform: uppercase;
}

/*Space for only Big Resolution*/
@media (min-width: 992px) {
.header .mega-menu .big-screen-space {
margin-bottom: 20px;
}
}

/*Mega Menu Content*/
@media (min-width: 992px) {
.header .mega-menu .equal-height-in {
padding: 20px 0;
border-left: 1px solid #eee;
}
.header .mega-menu .equal-height-in:first-child {
border-left: none;
margin-left: -1px;
}
.header .mega-menu .equal-height-list {
width: 100%;
}
.header .mega-menu .equal-height-list li a {
display: block;
margin-bottom: 1px;
position: relative;
border-bottom: none;
padding: 5px 10px 5px 15px;
}
.header .mega-menu .equal-height-list a:hover {
text-decoration: none;
}
/*Dropdown Arrow Icons*/
.header .mega-menu .mega-menu-fullwidth li a {
padding: 5px 10px 5px 30px;
}
.header .mega-menu .mega-menu-fullwidth li a:after {
top: 7px;
left: 15px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: normal;
display: none;
font-family: "Font Awesome 5 Solid";
}
/*Dropdown Arrow Icons Disable class*/
.header .mega-menu .mega-menu-fullwidth .disable-icons li a {
padding: 5px 10px 5px 15px;
}
.header .mega-menu .mega-menu-fullwidth .disable-icons li a:after {
display: none;
}
}

/*Space Effect inside the container to avoid scroll bar*/
@media (min-width: 737px) and (max-width: 991px) {
.header .mega-menu .mega-menu-content .container {
width: 690px !important;
}
.header .mega-menu .equal-height {
margin-right: 0;
}
.header .mega-menu .equal-height-in {
padding-right: 0;
margin-right: -15px;
}
}

@media (max-width: 991px) {
.header .mega-menu .equal-height {
margin-right: 0;
}
.header .mega-menu .equal-height-in {
padding-right: 0;
}
}

/*Equal Hight List Style*/
@media (max-width: 991px) {
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
width: auto;
}
.header .mega-menu .equal-height-in, .header .mega-menu .equal-height-list {
display: block;
}
.header .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul {
display: block;
}
/*Equal Height List Style*/
.header .mega-menu .equal-height-list h3 {
color: #555;
margin: 0 0 5px;
font-size: 13px;
font-weight: 400;
padding: 6px 25px 5px;
border-bottom: solid 1px #eee;
}
.header .mega-menu .equal-height-list li a {
color: #687074;
display: block;
font-size: 13px;
font-weight: 400;
margin-left: 15px;
padding: 6px 25px;
border-bottom: solid 1px #eee;
}
.header .mega-menu .equal-height-list > h3.active, .header .mega-menu .equal-height-list > .active > a, .header .mega-menu .equal-height-list > .active > a:hover, .header .mega-menu .equal-height-list > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.header .mega-menu .equal-height-list li a:hover {
color: #333;
text-decoration: none;
}
}
/*============From footer-default.css===============*/
.footer-default .footer {
color: #dadada;
background: #585f69;
padding: 20px 0 30px;
}
.footer.margin-top-0 {
margin-top: 0;
}
.footer-default .footer p, .footer-default .footer a {
font-size: 14px;
}
.footer-default .footer p {
color: #dadada;
}
.footer-default .footer a {
color: #72c02c;
}
.footer-default .footer a:hover {
color: #5fb611;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.footer-default .footer h2, .footer-default .footer h3, .footer-default .footer h4 {
color: #e4e4e4;
background: none;
text-shadow: none;
}
/*Footer Subsribe*/
.footer-default .footer .footer-subsribe {
width: 85%;
}
/*Footer Blog Posts*/
.footer-default .footer .blog-list {
margin: 0;
padding: 0;
color: #dadada;
list-style: none;
}
.footer-default .footer .blog-list li {
padding: 0 0;
margin-bottom: 7px;
}
.footer-default .footer .blog-list li span {
color: #818488;
}
.footer-default .footer .dl-horizontal, .footer-default .footer .dl-horizontal:hover {
border: none !important;
background: none !important;
}
.footer-default .footer .posts .dl-horizontal a {
color: #dadada;
}
.footer-default .footer .dl-horizontal a:hover {
color: #5fb611 !important;
}
.footer-default .footer .dl-horizontal img {
border-color: #888 !important;
}
/*Copyright*/
.footer-default .copyright {
font-size: 12px;
padding: 11px 0 7px;
background: #3e4753;
}
.footer-default .copyright p {
color: #dadada;
margin-top: 12px;
}
.footer-default .copyright a {
margin: 0 5px;
color: #72c02c;
}
.footer-default .copyright a:hover {
color: #5fb611;
}
.footer-default .copyright a img {
margin-top: 5px;
}
/*===========From footer-v2.css =================*/
.footer-v2 .footer {
padding: 40px 0;
background: #f7f7f7;
border-top: 3px solid #eee;
}
.footer-v2 .footer p {
color: #555;
}
.footer-v2 .headline h2 {
color: #585f69;
}
/*Footer Subsribe*/
.footer-v2 .footer-subsribe {
width: 100%;
}
/*Link List*/
.footer-v2 .link-list li {
border-top: solid 1px #eee;
}
.footer-v2 .link-list a {
color: #555;
}
.footer-v2 address {
color: #555;
line-height: 23px;
}
.footer-v2 address i {
min-width: 20px;
margin-right: 5px;
text-align: center;
}
/*Copyright*/
.footer-v2 .copyright {
border-top: none;
background: #eee;
padding: 20px 0 15px;
}
.footer-v2 .copyright p {
color: #555;
margin-bottom: 0;
}
/* N2 Admin overrides */
.titleBar {
height: 30px !important;
}
body {
font-size: 16px;
font-family: Verdana, Geneva, sans-serif;
color: #555;
}
body p, body li {
font-size: 16px;
letter-spacing: 0.1px;
}
h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0.25px;
}
#page h3 {
margin-top: 25px;
margin-bottom: 5px;
font-weight: 600;
}
#page h3.not-bold {
font-weight: normal;
}
#page h3.margin-top-5 {
margin-top: 5px;
}
#topcontrol {
padding-left: 10px;
font-size: 1.1em;
}
#topcontrol::after {
font-family: "Font Awesome 5 Pro";
content: "\f106";
}
/*--again to overide shop.style--*/
body h2, body h3, body h4, body h5, body h6 {
font-family: 'Open Sans', sans-serif;
letter-spacing: 0.25px;
color: #555;
}
body h1 {
color: #555;
}
img {
-ms-interpolation-mode: bicubic;
}
table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border: none;
}
table > tbody > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
border-left: none;
border-right: none;
border-bottom: none;
}
.loading * {
cursor: progress !important;
}
p ~ h2, p ~ h3, p ~ h4, p ~ h5 {
margin-top: 20px;
}
h2 {
margin-top: 10px;
}
.sidebar h2, .sidebar h5 {
line-height: 20px;
font-size: 16px;
margin-bottom: 5px;
margin-top: 0;
font-weight: bold;
}
.content a, .content-sm a, .content-md a, .content-lg a {
color: #0379dc;
font-weight: normal;
}
.content a.text-white {
color: #fff;
}
.home .content a {
color: #2d637f;
}
.width-100 {
width: 100%;
}
.width-100 .container {
width: 100%;
}
.height-250 {
min-height: 250px;
}
.edge-blue-10 .panel-body i {
color: #72b1d9;
padding-bottom: 20px;
}
body p a {
color: #0379dc;
}
.lead h2 {
font-size: 22px;
}
.lead p, .lead ul {
font-size: 18px;
}
.header {
z-index: 999;
}
.cursor-pointer {
cursor: pointer;
}
.rounded-bottom {
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.rounded-top {
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.narrow-text {
width: 1020px;
}
.narrow-text-center {
width: 1020px;
margin: 0 auto;
}
label.fee-description {
font-weight: 400;
font-size: 15px;
line-height: 27px;
color: #404040;
}
/*----------Fonts and colours------------------*/
p.lead-big {
font-size: 20px;
font-family: 'Open Sans', sans-serif;
Font-weight: lighter;
}
.lead {
font-size: 20px;
}
.white-text {
color: #fff !important;
}
.preserve-newlines {
white-space: pre-line;
}
.letter-spacing-1 {
letter-spacing: 1px;
}
/*----------Footer------------------*/
.footer a, .footer-socials a, .topic-socials a {
color: #72B1D9;
font-weight: bold;
}
.footer a {
padding: 5px 0;
}
.footer-v2 .footer {
background: #fafbfc none repeat scroll 0 0;
border-top: 1px solid #eee;
padding: 40px 0;
}
.footer-menu li {
font-size: 14px;
padding-bottom: 5px;
}
.footer-address, .footer-address a, .footer-address ~ p {
letter-spacing: 0;
font-size: 13px;
}
.footer-address h5 {
text-transform: uppercase;
font-weight: bold;
margin-top: 0;
}
.footer address ~ p, .footer .footer-socials ~ p {
font-size: 13px;
}
.footer address {
margin-bottom: 10px;
white-space: pre-line;
}
.footer-right-box {
text-align: right;
}
.footer-menu-first, .footer-menu-second {
text-transform: uppercase;
font-size: 16px;
list-style: none;
padding-left: 0;
}
.share-socials .list-inline li {
padding-left: 2px;
padding-right: 2px;
}
a.hoverdark:hover, .share-socials a, .footer-socials a:hover, .topic-socials a:hover {
color: #2d637f;
}
/*----------Backgrounds, boxes, and lines------------------*/
.bg-white {
background-color: #fff;
}
.bg-dcs-dark {
background-color: #2D637F;
}
.bg-dcs-med {
background-color: #a7c3d2;
color: #000;
}
.bg-dcs-light {
background-color: #e5f1f8;
color: #000;
}
.dcs-lightblue-box {
background-color: #e5f1f8;
padding: 20px;
}
.dcs-lightblue-box-narrow {
background-color: #e5f1f8;
float: right;
padding: 5px 10px;
text-align: right;
width: 200px;
margin-right: -15px;
}
.dcs-lightblue-box-row {
background-color: #e5f1f8;
padding: 10px;
margin-right: -15px;
width:100%;
margin-top:10px;
margin-bottom:10px;
display:inline-block;
}
.dcs-lightblue-box a {
color: #0379dc;
}
.dcs-blueborder-box {
border: 10px solid #e5f1f8;
padding: 10px;
}
.fa-15x {
font-size: 1.5em;
}
.dcs-note {
background: none repeat scroll 0 0 #fafafa;
border: 1px solid #eee;
padding: 20px;
}
.bg-light:hover {
border: 1px solid #e5e5e5;
}
.row.bg-light {
margin-left: 0;
margin-right: 0;
}
.hr-dark {
color: #244B60;
height: 3px;
}
hr.thin {
margin: 10px 0;
}
/*----------Paddings------------------*/
.no-padding {
padding: 0;
}
.padding-10 {
padding: 10px;
}
.padding-20 {
padding: 20px;
}
.no-padding-top {
padding-top: 0;
}
.content.no-padding-top {
padding-top: 0;
}
.padding-top-3 {
padding-top: 3px;
}
.padding-top-5 {
padding-top: 5px;
}
.padding-top-10 {
padding-top: 10px;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-top-30 {
padding-top: 30px;
}
.padding-top-40 {
padding-top: 40px;
}
.padding-top-60 {
padding-top: 60px;
}
.no-padding-right {
padding-right: 0;
}
.padding-right-20 {
padding-right: 40px;
}
.no-padding-left {
padding-left: 0;
}
.no-padding-bottom {
padding-bottom: 0;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-hr-20 {
padding: 0 20px;
}
.padding-sides-25{
padding-left:25px;
padding-right:25px;
}
/*----------Margins------------------*/
.no-margin {
margin: 0;
}
.margin-10 {
margin: 10px;
}
.margin-top-n20 {
margin-top: -20px;
}
.margin-top-n10 {
margin-top: -10px;
}
#page .no-margin-top {
margin-top: 0;
}
.margin-top-5 {
margin-top: 5px;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-top-15 {
margin-top: 15px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-top-30 {
margin-top: 30px;
}
.margin-top-40 {
margin-top: 40px !important;
}
.margin-top-60 {
margin-top: 60px;
}
.margin-bottom-10 {
margin-bottom: 10px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-bottom-40 {
margin-bottom: 40px;
}
.margin-right-5 {
margin-right: 5px;
}
.margin-left-5 {
margin-left: 5px;
}
.padding-left-15 {
padding-left: 15px;
}
/*----------Buttons!!!!------------------*/
button {
text-transform: uppercase;
font-size: 12px !important;
font-weight: 600 !important;
}
button.not-uppercase {
text-transform: none;
}
button.btn-sidebar, a.btn-sidebar {
background-color: #fff;
color: #254b60;
text-transform: uppercase;
font-weight: bold !important;
font-size: 11px !important;
}
.btn:hover, button:not(.close):hover, .sidebar .dcs-sidebar-dark button:hover, .sidebar .dcs-sidebar-med button:hover, .dcs-recommended:hover, .btn.btn-waitlist, .contact-button:hover, .elc-agents-training-bar .dcs-media-bar-item:hover {
background-color: #e68e05;
color: #fff;
text-decoration: none;
}
.close:hover, .close:focus, .shopping-cart .close:hover {
color: #e68e05;
}
.btn.btn-waitlist:hover {
background-color: #233b60;
}
a.btn-apply, button.btn-apply, input.btn.btn-apply {
background-color: #33cc00;
color: #fff;
text-transform: uppercase;
font-weight: bold !important;
font-size: 12px;
}
a.btn-apply:hover, a.btn-part-of:hover, .pager li > a:hover, .pager li > a:focus, input.btn.btn-apply:hover {
background-color: #e68e05;
border-color: #ccc;
}
a.btn-apply.disabled {
cursor: not-allowed;
pointer-events: auto;
}
a.btn-part-of {
color: #fff;
text-transform: uppercase;
font-weight: bold !important;
font-size: 12px;
margin-right: 5px;
margin-bottom: 5px;
}
.btn-default {
color: #555;
text-transform: uppercase;
font-weight: bold !important;
font-size: 12px;
}
.btn-u, .content a.btn-u, .content-lg a.btn-u, .content-md a.btn-u, .content-sm a.btn-u {
background-color: #0072bc;
color: #fff;
}
.btn-u:hover, .content a.btn-u:hover, .content-lg a.btn-u:hover, .content-md a.btn-u:hover, .content-sm a.btn-u:hover {
background-color: #e68e05;
color: #fff;
}
a.btn-course-info {
background-color: #f9f9f9;
margin:0px 7px 7px 0px;
color: #555;
font-size: 13px;
border: 1px solid #ccc;
}
.my-account-course a.btn-course-info{
margin-top:10px;
}
/*----------Logo------------------*/
.header .navbar-brand {
padding: 40px;
position: unset;
}
#dcs-wordmark {
max-width: 250px;
margin: 40px auto 35px auto;
}
#uvic-logo {
height: 36px;
margin: 6px 0 6px 0;
max-width: 100px;
}
.header-uvic-logo {
width: 30%;
float: left;
display: inline-block;
min-height: 1px;
position: relative;
}
.site-title {
padding-top: 30px;
}
.site-title a {
font-size: 42px;
color: #fff;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 2px;
}
.site-title a:hover {
text-decoration: none;
color: #fff;
}
/*----------Hamburger------------------*/
.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
background: #fff !important;
margin: 0;
padding-top: 10px;
padding-bottom: 5px;
font-size: 13px !important;
color: #555;
}
.header .navbar-default .navbar-toggle {
border-color: #555;
}
.header .navbar-toggle:hover {
background: #e68e05;
}
.dcsnav {
background-color: #0072bc;
border-top: 1px solid #fff;
}
.dcsnav .flexnav li a, .dcsnav .flexnav li, .dcsnav .flexnav .touch-button {
background: none;
border: none;
}
.dcsnav .flexnav .touch-button .navicon {
color: #fff;
}
.dcsnav .container {
padding: 0;
}
.dcsnav li > a:hover {
background-color: #e68e05 !important;
color: #fff;
}
.dcsnav .item-with-ul ul {
background-color: #fff !important;
z-index: 100;
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
border: 1px solid #ddd;
padding-left: 0 !important;
}
.dcsnav .item-with-ul ul a {
color: #687074;
}
.dcsnav .item-with-ul ul a:hover {
color: #fff;
text-decoration: none;
}
.dcsnav .item-with-ul ul li:last-child a {
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}
/*----------System alert bar-----------------*/
.alert-info {
padding: 9px 10px;
border: 1px solid #eee;
background-color: #e5f1f8;
}
.alert-info p {
margin-bottom: 0;
}
.alert-warning {
background-color: #e67e22;
border-color: #fff;
color: #fff;
}
.modal-header .alert {
line-height: 36px;
}
.alert.alert-danger {
line-height: 21px;
}
.alert-danger h4, .alert-danger .fa {
margin-bottom: 0;
line-height: 24px;
}
.alert .fa {
vertical-align: bottom;
}
.system-alert {
background-color: #777;
}
.system-alert .panel-group {
margin-bottom: 0;
}
.system-alert .panel-body {
padding-left: 0;
padding-right: 0;
}
.system-alert .panel-body .col-md-8 {
padding-left: 0;
}
.system-alert .panel-body .col-md-4 {
padding-right: 0;
}
.system-alert p {
color: #fff;
font-size: 14px;
line-height: 22px;
font-weight: 400;
}
.system-alert .container {
padding: 0;
}
.system-alert .panel-title {
text-align: right;
}
.system-alert .panel-heading, .system-alert .panel-heading .panel-title a {
background-color: transparent;
border: none;
}
.system-alert .panel-body .container {
width: 100%;
}
.system-alert i.icon-bg-red {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 16px;
margin-top: 0;
float: none;
}
.system-alert h3 {
color: #fff;
margin-bottom: 10px;
margin-top: 8px;
line-height: 20px;
font-size: 16px;
text-align: right;
padding-right: 5px;
display: inline-block;
}
.system-alert a, .system-alert a:focus, .system-alert a:active {
color: #fff;
border-bottom: 1px dotted #fff;
}
.system-alert a:hover {
color: #eee;
text-decoration: none;
}
.system-alert i {
float: left;
margin: 5px 15px 0 15px;
}
i.icon-bg-red {
background: #fff none repeat scroll 0 0;
color: #e74c3c;
}
.system-alert button.close {
font-size: 42px !important;
margin-top: 10px;
margin-right: 15px;
}
p.reg-outage.week-of {
color: #e68e05;
}
p.reg-outage.day-before {
color: #e82c2a;
}
/*----------Loginbar------------------*/
.loginbar .min-width-200 {
width: 220px;
}
.header .navbar-default .loginbar.navbar-nav > li.width-auto {
width: auto;
}
.loginbar.navbar-nav > li {
float: left;
}
.header .topbar {
background-color: #fdb913;
padding: 7px 0 7px 0;
}
.topbar .container {
padding-left: 0;
padding-right: 0;
}
.header .topbar ul.loginbar {
margin-top: 5px;
}
.header .topbar ul.loginbar > li {
padding-bottom: 0;
margin-left: 3px;
}
.header .topbar ul.loginbar > li > a, .header .topbar ul.loginbar > li > a:hover {
color: #fff;
font-size: 13px;
}
.header .topbar ul.loginbar > li > a {
z-index: 999;
background-color: #0072bc;
padding-top: 8px;
padding-bottom: 8px;
margin-right: 3px;
text-align: left;
}
.header .topbar ul.loginbar > li > a:hover {
background-color: #e68e05;
}
.header .topbar ul.loginbar > li > a.dcs-cart, .header .topbar ul.loginbar > li > a.logout {
color: #FFF;
background-color: #0072bc;
padding: 8px 25px;
margin: 0;
font-size: 13px;
}
.header .topbar ul.loginbar > li > a.dcs-cart {
padding: 8px 16px;
}
.header .topbar ul.loginbar li:hover a.dcs-cart svg {
color: #0072bc !important;
}
.header .topbar ul.loginbar > li:hover > a, .header .topbar ul.loginbar > li:hover > a > i.white-text {
background-color: #fff;
color: #0072bc !important;
}
.header .navbar-default .navbar-nav > li:hover > a {
color: #555 !important;
}
.header .navbar-default .navbar-nav > .open > a, .header .navbar-default .navbar-nav > .open > a:hover, .header .navbar-default .navbar-nav > .open > a:focus {
color: #0072bc;
}
.header .navbar-nav {
margin-bottom: 0;
}
.header .topbar ul.loginbar > li > a p {
letter-spacing: 1px;
}
.header .topbar ul.loginbar li .fa {
color: #fff;
}
.header .topbar ul.loginbar li a:hover .fa {
color: #0072bc;
}
.min-width-200 {
min-width: 145px;
}
.header .topbar .navbar-nav > .active > a, .header .topbar .navbar-nav > li:hover > a {
color: #fff;
border: 0;
}
.reg-page input[type=checkbox]{
margin-top:7px;
}
/*----------Navigation-----------------*/
.navbar-responsive-collapse .container {
padding: 0;
}
.navbar-header {
padding: 20px 0;
}
i.icon-sm {
width: auto;
}
.navbar-collapse {
background-color: #0072bc;
border-top: 1px solid #fff;
}
.header .navbar-collapse .navbar-nav {
width: 100%;
}
.header .navbar-nav > li.house {
width: 5%;
}
.header .navbar-nav > li.house a {
width: 100%;
}
.house .fa {
font-size: 20px;
}

/* =========== PRE CLS NAV
.header .navbar-nav > li.programs-courses {
width: 25.8%;
}
.header .navbar-nav > li.online-learning {
width: 25.8%;
}
.header .navbar-nav > li.info-for-students {
width: 25.8%;
}
*/


/*----------Post CLS NAV-----------------*/

.header .navbar-nav > li.nav-programs {
width: 11.7%;
}


.header .navbar-nav > li.nav-courses{
width: 10.3%;
}



.header .navbar-nav > li.nav-series{
width: 9.4%;
}


.header .navbar-nav > li.nav-topics {
width:9.6%;
}



.header .navbar-nav > li.nav-custom-learning{
width:23.2%;
}
.header .navbar-nav > li.nav-info-for-students{
width:13.2%;
}


.header .navbar-nav > li.ELC {
width: 17.5%;
text-transform: uppercase;
}
.header .navbar-nav > li > a.link {
width: 100%;
}
.header .navbar-nav > li > a.dropdown-toggle, .header .navbar-nav > li > a.dropdown-toggle:hover {
position: absolute;
right: 0;
top: 0;
}
.header .navbar-nav > li > a {
display: inline-block;
}
.header .navbar-nav > li > a {
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
font-size: 16px;
}
.header .navbar-nav.nav > li > a:focus {
background-color: #e68e05;
}
.header .navbar-nav > li.house > a {
padding-top: 10px;
padding-bottom: 9px;
background-color: #fff;
color: #0072bc;
width: 100%;
}
.header .navbar {
min-height: 40px;
}
.navbar .navbar-nav {
margin-right: -10px;
vertical-align: top;
width: 100%;
}
.navbar .navbar-collapse {
text-align: center;
}
.header .dropdown a {
color: #fff;
font-weight: normal !important;
}
.navbar-nav > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu:hover, .header ul.navbar-nav .dropdown-menu li:last-child a:hover {
-webkit-border-bottom-right-radius: 10px !important;
-webkit-border-bottom-left-radius: 10px !important;
-moz-border-radius-bottomright: 10px !important;
-moz-border-radius-bottomleft: 10px !important;
border-bottom-right-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}
.header .navbar-collapse ul.navbar-nav .dropdown-menu a:hover {
color: #fff;
background-color: #E68E05;
}
.header .navbar-nav > li:hover > a, .nav > li > a:hover {
background-color: #e68e05;
color: #fff;
}
.header .navbar-nav > li.house:hover > a {
background-color: #e68e05;
color: #fff !important;
border-right: 1px solid #0072bc;
border-left: 1px solid #0072bc;
width: 100%;
}
.header .dropdown-menu {
padding-top: 1px;
border: 1px solid #ccc;
min-width: 100%;
}
.header .dropdown-menu li > a:hover {
background-color: #e68E05 !important;
color: #fff;
}
.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > .active > a {
border-bottom: 1px solid #E68E05;
}
.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > a:focus, .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
background: #fff;
}
.header .dropdown-menu li a {
border-bottom: none;
}
.header .dropdown > a.dropdown-toggle::after, .header .dropdown-submenu > a::after {
padding-left: 10px;
vertical-align: top;
position: relative;
right: 0;
top: 0;
font-size: 16px;
float: right;
}
/*--------Arrow button---------*/
li.ELC.active::after {
border-left: 16px solid #2d637f;
}
li.ELC::after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
-webkit-border-bottom-colors: none;
-webkit-border-left-colors: none;
-webkit-border-right-colors: none;
-webkit-border-top-colors: none;
border-color: transparent currentColor transparent #fff;
border-image: none;
border-style: solid none solid solid;
border-width: 21px 0 21px 16px;
content: "";
display: block;
position: absolute;
right: -15px;
top: -1px;
z-index: 10;
}
.header .navbar-nav > li.ELC {
width: 17.6%;
background-color: #fff;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: #2d637f;
padding-left: 0;
padding-right: 0;
}
.header .navbar-nav > li.ELC a {
color: #0072bc;
font-size: 12.5px;
padding-left: 5px;
padding-right: 0;
width: 100%;
}
.header .navbar-nav > li.ELC a:hover, .header .navbar-nav > li.ELC:hover a {
color: #fff;
background-color: #e82c2a;
border-color: #e82c2a;
}
li.ELC:hover::after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent currentColor transparent #e82c2a;
border-image: none;
border-style: solid none solid solid;
border-width: 21px 0 21px 16px;
content: "";
display: block;
position: absolute;
right: -15px;
top: -1px;
z-index: 10;
}
/*-----------------BreadCrumbs--------------------*/
.dcs-border-bottom {
border-bottom: 2px solid #999999;
}
.dcs-border-top {
border-top: 2px solid #999999;
margin-top: 20px;
}
.breadcrumbs {
padding: 10px 0 0;
background: none;
border: none;
}
.breadcrumbs p {
font-size: 14px;
}
/*------------------Home page--------------------*/
.curious-container {
text-align: left;
margin: 0;
padding: 30px 0;
}
.curious-container p {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: lighter;
}
.dcs-icons a {
display: block;
color: #0379dc;
}
.dcs-icons a:hover, .dcs-icons a:hover h3 {
color: #E68E05;
text-decoration: none;
}
.dcs-icons a h3 {
color: #0072bc;
}
/*-----------------Top Slider--------------------*/
.transparent-border {
height: 20px;
background-color: rgba(255,255,255,0.8);
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}
.bg-slider {
background-image: url("/Dinamico/Themes/dcsimg/slide1-fullsize.png");
background-position: center center;
background-size: cover;
height: 575px;
}
.tp-banner li.revolution-mch-1 div p {
color: white;
}
.tp-banner li.revolution-mch-1 .very_large_text p {
font-size: 60px;
}
.tp-banner li.revolution-mch-1 div.revolution-ch2 {
font-size: 23px;
text-shadow: 2px 2px 5px #000;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
}
.revolution-ch1 {
text-shadow: 2px 2px 5px #000;
}
.slider-large-font {
font-size: 56px;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
}
.revolution-mch-1::after {
background: rgba(0, 0, 0, 0.1);
}
.revolution-ch2:after {
display: none;
}
.tp-bullets.preview4 .bullet {
color: #fff !important;
background: #fff !important;
height: 14px !important;
width: 14px !important;
border: 2px solid #e5f1f8 !important;
}
.tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected {
border: 2px solid #e5f1f8 !important;
background: #0072bc !important;
width: 14px !important;
height: 14px !important;
}
/*------------------Home Search bar--------------------*/
.dcs-home-search {
background-color: #fdb913;
padding: 10px;
margin-top: -40px;
z-index: 999;
}
.dcs-home-search .form-control {
height: 40px;
font-size: 16px;
}
.dcs-home-search .page-search-form.sky-form .inline-group {
padding-top: 10px;
}
.home .input-group .form-control {
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
height: 40px;
}
.dcs-home-search .sky-form, .dcs-search-bar .sky-form {
border: none;
box-shadow: none;
}
.btn-go {
background-color: #fff;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
color: #000;
height: 40px;
margin-left: 10px;
padding: 0 20px;
width: auto;
}
.dcs-home-search .sky-form .inline-group {
margin: 0;
}
.sky-form .inline-group {
margin-top: 5px;
}
.home .sky-form .radio, .home .sky-form .checkbox {
color: #fff;
}
.page-search-form .btn-go.btn-u:hover {
background-color: #0072bc;
color: #fff;
}
/*-----------------Newsfeed--------------------*/
.container.nf {
position: relative;
}
.nf p, .abitsmall {
font-size: 14px;
}
.newsfeed {
background-color: rgba(255, 255, 255, 0.8);
border-bottom: 1px solid #ccc;
height: 600px;
margin-top: -650px;
overflow: hidden;
padding-top: 20px;
position: absolute;
right: 0;
top: 20px;
width: 17.5%;
z-index: 999;
}
.newsfeed h4 a {
color: #555;
}
.newsfeed a:hover {
color: #E68E05;
}
.newsfeed .news {
height: 524px;
overflow: hidden;
}
.newsfeed .news .news-scroll {
height: 490px;
overflow: auto;
margin-right: -100px;
padding-right: 95px;
max-height: 100%;
}
.news-scroll-button {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.newsfeed dd {
border-bottom: 1px solid #ccc;
margin: 5px;
margin-top: 10px;
}
dd h6 {
margin-bottom: 0;
}
.text-center-xs-left {
text-align: center;
}
ul.posted-info {
font-size: 12px;
line-height: 11px;
margin-right: 9px;
font-style: italic;
}
ul.posted-info li {
font-size: 14px;
margin-top: 5px;
}
/*------------------News article--------------------*/
.padding-img-left {
margin-right: 20px;
margin-bottom: 10px;
}
.padding-img-right {
padding-left: 20px;
padding-bottom: 10px;
}
.img-border {
border: 1px solid #ccc;
}
.img-inline {
padding-right: 20px;
padding-bottom: 20px;
}
.img-inline.right {
padding-right: 0;
padding-left: 20px;
}
.img-inline.no-padding {
padding-right: 0;
padding-bottom: 0;
}
/*------------------Other Pages Search bar--------------------*/
.page-search-form {
height: 45px;
}
.page-search-form {
height: auto;
}
.page-search-form .btn-go {
height: 35px;
margin: 0 0 0 10px;
padding: 0 20px;
}
.dcs-search-bar .inline-group {
padding-left: 0;
margin: 0;
}
.page-search-form.sky-form .inline-group .radio, .page-search-form.sky-form .inline-group .checkbox {
font-size: 12px;
margin-right: 15px;
padding-left: 22px;
color: #fff;
}

.sky-form.pop {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
}
.page-search-form .form-control {
margin: 5px 0 !important;
}
.page-search-form.sky-form .inline-group {
margin-top: 0;
}
/*Page Search
------------------------------------*/
/*Search Block*/
.search-block {
padding: 80px 0;
text-align: center;
position: relative;
margin-bottom: 20px;
background: url("/Dinamico/Themes/img/bg/7.jpg") 50% 0 repeat fixed;
}
.search-block:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(0,0,0,0.3);
}
.search-block h1 {
color: #fff;
font-size: 34px;
font-weight: 200;
text-align: center;
margin-bottom: 30px;
text-transform: uppercase;
}
.search-block .input-group {
margin-bottom: 10px;
}
.search-block .form-control {
border: none;
height: 48px;
font-size: 16px;
font-weight: 200;
}
/*======unify/css/customized/ShopStyles.css-=============*/
.filter-by-block h1 {
color: #fff;
width: 100%;
font-size: 24px;
padding: 7px 10px;
text-align: center;
margin-bottom: 5px;
background: #18ba9b;
text-transform: uppercase;
}
.filter-by-block .panel-default {
border-color: #dedede;
}
.filter-by-block .panel-heading {
padding: 0;
background: inherit;
}
.filter-by-block .panel-title {
overflow: hidden;
}
.filter-by-block .panel-group h2 a {
color: #687074;
display: block;
font-size: 20px;
padding: 10px 15px;
border-bottom: 1px solid #dedede;
}
.filter-by-block .panel-group h2 i {
float: right;
font-size: 18px;
margin-top: 8px;
}
.filter-by-block .panel-group h2 a:hover {
color: #687074;
text-decoration: none;
}
.filter-by-block .panel-body {
padding: 15px 20px;
border-top: none !important;
}
/*Checkbox List*/
.checkbox-list {
margin-bottom: 0;
}
.checkbox-list li {
margin-top: 10px;
}
.checkbox-list li:first-child {
margin-top: 0;
}
.checkbox-list .checkbox {
display: block;
overflow: hidden;
position: relative;
}
.checkbox-list .checkbox {
color: #999;
margin: 4px 0;
cursor: pointer;
font-size: 14px;
line-height: 25px;
padding-left: 27px;
}
.checkbox-list .checkbox input {
left: -9999px;
position: absolute;
}
.checkbox-list .checkbox i {
left: 0;
top: 5px;
width: 15px;
height: 15px;
outline: none;
display: block;
background: #fff;
border-width: 2px;
position: absolute;
border-style: solid;
}
.checkbox-list .checkbox input + i:after {
opacity: 0;
position: absolute;
}

.checkbox-list .checkbox input:checked + i:after {
opacity: 1;
}



/*.checkbox-list .checkbox input + i svg {
opacity: 0;
}
.checkbox-list .checkbox input:checked + i svg {
opacity: 1;
display: block;
margin: auto;
}*/
.checkbox-list .checkbox input + i:after {
top: -3px;
left: -2px;
width: 15px;
height: 15px;
content: '\f00c';
text-align: center;
font-family: "Font Awesome 5 Pro";
}
.checkbox-list .checkbox i {
border-color: #8bdccd;
-ms-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
-webkit-transition: border-color 0.3s;
}
.checkbox-list .checkbox:hover i {
border-color: #18ba9b;
}
.checkbox-list .checkbox input:focus + i {
border-color: #18ba9b;
}
.checkbox-list .checkbox input + i:after {
color: #18ba9b;
}
.checkbox-list .checkbox input:checked + i {
border-color: #18ba9b;
}
.checkbox-list .checkbox small {
float: right;
}
.checkbox-list .checkbox small a {
color: #18ba9b;
font-size: 12px;
}
/*Checkbox*/
.search-block form.page-search-form {
border: none;
}
.search-block form.page-search-form .radio, .search-block form.page-search-form .checkbox {
margin: 0 3% 0 4%;
}
.search-block form.page-search-form .checkbox {
color: #fff;
font-weight: 200;
}
.search-block form.page-search-form .radio i, .search-block form.page-search-form .checkbox i {
top: 6px;
width: 15px;
height: 15px;
border: none;
}
/*Category
------------------------------------*/
/*Section-Block*/
.section-block {
padding: 20px;
border: 1px solid #eee;
box-shadow: 0 0 3px #eee;
}
.section-block h2 {
color: #333;
font-size: 28px;
font-weight: 200;
margin: 10px 0 15px;
}
.section-block .text-center p {
margin-bottom: 0;
}
.section-block .section-block-info {
margin-top: 5px;
padding-top: 20px;
border-top: solid 1px #eee;
}
.section-block .section-block-info ul {
margin-bottom: 0;
}
/*------------------Search Results Page--------------------*/
.filter-by-block h1 {
background: #999;
}
.search-page h3 {
margin-bottom: 0;
}
.search-page .subtitle {
margin-bottom: 10px;
}
.search-page .filter-by-block .panel-group h2 a {
font-size: 15px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #e5f1f8;
}
.search-page .panel-body {
padding-top: 5px;
padding-bottom: 5px;
}
.search-filters a {
color: #555;
}
/*------------------Create account page--------------------*/
.phone-type, .address-type, .email-type {
margin-bottom: 10px;
}
.dcs-reg-form {
background-color: #fff;
}
.dcs-reg-form header {
padding: 20px;
text-align: center;
border-bottom: 2px solid #eee;
}
.dcs-reg-form footer {
padding: 20px;
text-align: center;
}
.dcs-reg-form.form-horizontal .form-group {
margin-left: 0;
margin-right: 0;
}
.dcs-reg-form fieldset {
border-bottom: 1px solid #eee;
margin-bottom: 20px;
margin-top: 20px;
padding-bottom: 15px;
}
.dcs-reg-form h3, .dcs-reg-form p {
padding: 0 20px;
}
.dcs-reg-form.no-form-padding h3, .dcs-reg-form.no-form-padding p {
padding: 0;
}
.form-horizontal.no-form-padding .control-label {
text-align: left;
}
.dcs-reg-form .labels {
font-size: 11px;
line-height: 15px;
margin-top: 6px;
padding: 0 1px;
}
.dcs-reg-form .note {
color: #e74c3c;
font-size: 11px;
line-height: 15px;
margin-top: 6px;
padding: 0 1px;
}
.dcs-reg-form .state-error {
background: #fff0f0 none repeat scroll 0 0;
}
.message-body {
height: 0;
margin-left: 1em;
}
.profile .profile-edit h2 {
font-weight: 400;
}
.profile .profile-edit dt {
text-align: inherit;
width: auto;
}
.profile .profile-edit hr {
margin: 17px 0 15px;
}
.profile dt, .profile dl {
font-family: Verdana, Geneva, sans-serif;
}
.profile dt, .profile dl .tooltip {
overflow: visible;
text-overflow: initial;
}
.reg-header {
margin: 25px;
}
.reg-page {
padding: 0 20px 15px 20px;
}
.reg-page p {
margin-bottom: 25px;
}
.reg-page .input-group, .reg-page hr {
margin-left: 20px;
}
/*------------------Course and Programs Listing Pages--------------------*/
.checkbox-list .checkbox small a, .checkbox-list .checkbox input + i::after, .btn-u.btn-brd.btn-u-sea-shop, .checkbox-list .checkbox input:checked + i, .checkbox-list .checkbox i {
color: #555;
border-color: #555;
}

.search-page .dcs-home-search {
margin-top: 10px;
margin-bottom: 20px;
}
.checkbox-list .checkbox {
font-weight: normal;
font-size: 12px;
color: #555;
line-height: 1.6;
border-width: 1px;
top: 2px;
}
.checkbox-list .checkbox input + i::after {
color: #555;
}
.course-listing-page .dcs-green, .course-listing-page .color-orange, .search-page .color-orange, .search-page .color-red, .search-page .color-grey,.course-listing-page .color-grey {
text-align: center;
}
.course-listing-page .filter-by-block .panel-group h2 a {
font-size: 15px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #e5f1f8;
}
.checkbox-list .checkbox input + i::after {
color: #555;
}
.checkbox-list .checkbox i {
border-width: 1px;
top: 2px;
}
.course-listing-page .panel-body {
padding-top: 5px;
padding-bottom: 5px;
}
.checkbox-list .checkbox small a, .checkbox-list .checkbox input + i::after, .btn-u.btn-brd.btn-u-sea-shop, .checkbox-list .checkbox input:checked + i, .checkbox-list .checkbox i {
color: #555;
border-color: #555;
}

.dcs-green {
color: #33cc00;
line-height: normal;
}
.color-edge-blue-10 {
color: #e5f1f8;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #0072bc;
border-color: #0072bc;
}
.pagination li a:hover {
background: #0072bc none repeat scroll 0 0;
border-color: #0072bc;
color: #fff;
}
.border-bottom-med {
border-bottom: 10px solid rgba(0, 114, 188,0.5);
}
.border-top-med {
border-top: 10px solid #72b1d9;
}
.fa-question:hover, .fa-question-circle:hover {
color: #254b60;
}
.home .lead {
color: #777;
font-size: 19px;
letter-spacing: 0.5px;
line-height: 32px;
}
/* ---------------Sidebar--------------*/
.sidebar .dcs-sidebar-dark {
background-color: #244b60;
color: #fff;
padding: 20px;
text-align: center;
}
.sidebar .dcs-sidebar-dark address {
text-align: left;
}
.sidebar .dcs-sidebar-dark button {
color: #244b60;
background-color: #fff;
}
.sidebar .dcs-sidebar-med {
background-color: #a7c3d2;
color: #fff;
padding: 20px;
text-align: center;
}
.sidebar .dcs-sidebar-med p, .sidebar .dcs-sidebar-med li {
color: #fff;
text-align: left;
}
.sidebar .dcs-sidebar-med .modal p, .sidebar .dcs-sidebar-med .modal li {
color: #000;
}
.sidebar .dcs-sidebar-med button, .contact-button {
background-color: #244b60;
color: #fff;
}
.sidebar a.tel, .sidebar a.tel:hover, .progsidebar a.tel, .progsidebar a.tel:hover {
border-bottom: 1px dotted #FFF;
color: #fff !important;
}
.progsidebar .dcs-sidebar-blue-glance li {
font-size: 14px;
}
/* ---------------Media bar--------------*/

.dcs-media-bar .dropZone{
background: #fff;
margin: 20px;
padding:10px
}
.dcs-media-bar  .dropZone img{
max-width:200px;
}
#page .dcs-media-bar  .dropZone h3{
color:#555;
}
.dcs-media-bar {
background-color: #e5f1f8;
margin-top:15px;
}
.dcs-media-bar-item-lg {
margin: 20px;
margin-right: 10px;
}
.dcs-media-bar-item:hover a, .dcs-media-bar-item-lg:hover a {
text-decoration: none;
}
#page .dcs-media-bar h3, .dcs-program-page .dcs-media-bar h3 {
line-height: 21px;
color: #fff;
font-size: 16px;
margin-top: 15px;
}
.fancybox-overlay.fancybox-overlay-fixed {
z-index: 8000;
}
.row-media-items {
padding:20px 20px 0px 20px;
height:auto;
}
.dcs-media-bar-item {
display: block;
border-radius:20px;
height:auto;
}

.one-media .dcs-media-bar-item img{
padding:0px;
border-radius:20px;
height:280px;
margin-bottom:20px;
object-fit:cover;
object-position: center;
}

.one-media .mediaitem6{
padding:20px 60px 20px 10px;
}
#page .dcs-media-bar .one-media h3{
font-size:20px;
color:#555;
margin-top:0px;
margin-bottom:10px;
line-height:27px;
}

.two-media .dcs-media-bar-item, .four-media .dcs-media-bar-item{
height:136px;
clear:both;
margin-bottom:20px;
}

.two-media .mediaTileImage, .four-media .mediaTileImage{
width:33%;
float:left;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
display:inline;
height:100%;
}
.two-media .youtube.part img, .four-media .youtube.part img{
width:33%;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
display:inline;
object-fit:cover;
object-position: center;
}

.two-media i.play-button, .four-media i.play-button{
background-position: 12% 48%;
background-size: 13%;
}

.two-media .youtube.part, .four-media .youtube.part{
margin:0;
}



.dcs-media-bar-item .youtube .img-responsive{
height:136px;
}
#page .dcs-media-bar .two-media .media-tile-title, #page .dcs-media-bar .four-media .media-tile-title, .two-media .youtube.part .media-tile-title{
height:136px;
display:inline;
float: right;
width:65.5%;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
#page .dcs-media-bar .two-media .media-tile-title h3, #page .dcs-media-bar .four-media .media-tile-title h3{
height:34px;
margin: 45px 30px;
text-align: left;
}

#page .dcs-media-bar .two-media h3, .dcs-program-page .four-media .dcs-media-bar h3{
margin-top:20px;
}

.three-media{
height:auto;
}
.three-media .dcs-media-bar-item{
border-radius:20px;
margin-bottom:20px;
}

.three-media .mediaTileImage, .three-media .youtube.part img{
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height:200px;
object-fit: cover;
object-position: center;
}
.three-media i.play-button{
background-position: 50% 20%;
background-size: 27%;
}

.three-media .media-tile-title{
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
#page .dcs-media-bar .three-media .media-tile-title h3, three-media .youtube.part .media-tile-title{
height:100px;
padding:20px 40px 0px 40px;
text-align: center;
margin-top:7px;
}
.five-media .dcs-media-bar-item-lg {
margin:0px;
}
.five-media  .dcs-media-bar-item-lg .mediaTileImage {
height:235px;
}
.five-media .dcs-media-bar-item-lg .media-bar-item{
margin:0;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.five-media .mediaTileImage{
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height:73px;
}
.five-media .dcs-media-bar-item{
margin-bottom:20px;
}
.five-media .dcs-media-bar-item-lg .dcs-media-bar-item .youtube .img-responsive, .dcs-media-bar-item-lg .dcs-media-bar-item .youtube .img-responsive{
height:232px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
object-fit:cover;
object-position: center;
}

.five-media .dcs-media-bar-item-lg .media-tile-title{
padding:15px 40px 10px 40px;
}
.five-media .media-tile-title{
text-align:center;
padding:10px 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius:20px;
}
#page .five-media .media-tile-title h3{
margin-top:0px;
}

.five-media .dcs-media-bar-item .youtube .img-responsive{
height:73px;
object-fit: cover;
object-position: center;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}
.five-media .dcs-media-bar-item .youtube i.play-button{
background-position: 50% 20%;
}
.five-media .dcs-media-bar-item-lg .dcs-media-bar-item  i.play-button{
background-position: 50% 40%;
}
.dcs-media-bar-item .fa-3x{
font-size:2.6em;
}

.dcs-media-bar-item .play-button:hover{
box-shadow: none;
}
i.play-button {
background-position: 50% 35%;
background-size: 30%;
}
.dcs-media-bar-item .service-block {
color: #fff;
height: 140px;
padding: 20px;
display: block;
border-radius:20px;
}
.dcs-media-bar-item-lg .service-block {
color: #fff;
height: 140px;
padding: 30px;
}
.dcs-media-bar-item-lg h3{
min-height:36px;
}
.mediaTileImage {
display: block;
object-fit: cover ;
object-position:center;

width:100%;
}
.mediaTileImage .service-block {
padding: 0;
position: relative;
}
.mediaTileImage .media-tile-title {
margin-top: 60px;
position: absolute;
bottom: 0;
width: 100%;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
background-color:#0072bc;
}
.mediaTileImage:hover .media-tile-title {
background-color: #e68e05 !important;
}
.mediaTileImage:hover .service-block {
background: rgba(255,255,255,0.3);
}

/*#page .dcs-media-bar h3, .dcs-program-page .dcs-media-bar .mediaTileImage h3{
font-weight: bold;
margin:5px 10px;
} */
.dcs-media-bar .thumbnails a {
color: #fff;
}
.display-inline {
display: inline;
}
div.map-frame {
background: none repeat scroll 0 0 #FFFFFF;
height: 300px;
padding: 8px;
width: 598px;
position: absolute;
z-index: 1;
}
div.map {
height: 100%;
width: 100%;
}
.testimonials .carousel-arrow i:hover {
background: #0072bc;
}
/* ---------------Photo Gallery--------------*/
.fancybox-prev span, .fancybox-next span, .fancybox-mobile .fancybox-nav span {
visibility: visible;
}
/* ---------------Courses Page--------------*/
.sidebar.course-sidebar {
margin-top: 60px;
}
.course .panel-body.no-gutter {
padding-left: 0;
padding-right: 0;
}
.dcs-border-bottom-light {
border-bottom: 1px solid #999;
margin-bottom: 10px;
padding-bottom: 10px;
}
.dcs-recommended {
text-align: center;
background-color: #e5f1f8;
padding: 15px;
color: #fff;
min-height: 132px;
position: relative;
}
.dcs-recommended-area {
display: table;
height: 120px;
margin: 0 auto;
width: 90%;
}
#page h3.dcs-recommended-area {
margin: 5px auto 0 auto;
}
.dcs-recommended a {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #fff;
font-size: 21px;
text-decoration: none;
}
.owl-carousel .dcs-recommended a {
font-size: 15px;
}
.text-italic {
font-style: italic !important;
}
.course .tab-content {
background-color: #e5f1f8;
color: #000;
}
.course .tab-v3 .tab-v1 .tab-content {
background: #fafafa none repeat scroll 0 0;
color: #000;
}
.dcs-fees {
background-color: #fff;
clear: both;
padding: 20px;
}
.prog-fees .row {
margin: 0;
}
.dcs-fees .sky-form {
border: none;
}
.dcs-border-left {
border-left: 1px solid #000;
padding-left: 10px;
}
.dcs-border-right {
border-right: 1px solid #999999;
padding-right: 30px;
}
.dcs-border-right-light {
border-right: 1px solid #eee;
padding-right: 0;
margin-right: 0;
}
.series-border-left {
border-left: 1px solid #ddd;
}
.notes p {
font-size: 14px;
white-space: pre-line;
}
.table-no-border td {
border: none !important;
}
.table-class-details td {
padding: 3px 5px !important;
}
.table-class-details td.spacer {
padding-bottom: 15px !important;
}
.table-class-details tr td:first-child {
font-weight: bold;
width: 36%;
}
.mainbar {
padding-left: 0;
}
.sidebar h5, .sidebar h4 {
margin-bottom: 5px;
}
.sidebar ul {
padding-left: 20px;
}
.sidebar ul.list-unstyled {
padding-left: 0;
}
.hovershow {
visibility: hidden;
}
a:hover .hovershow, li.active a .hovershow {
visibility: visible;
}
.course .tab-v3 .tab-content {
color: #555;
border-top: none;
border-bottom: none;
}
.tab-v3 .nav-pills li a {
margin-bottom: 0;
}
.course .table-striped > tbody > tr:nth-child(odd) > td, .course .table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
.course .table-striped > tbody > tr:nth-child(even) > td, .course .table-striped > tbody > tr:nth-child(even) > th {
background-color: #fff;
}
.btn.btnwide {
width: 100%;
}
.tab-v3 .list-inline > li, .footer-socials.list-inline > li, .topic-socials.list-inline > li {
padding: 0 1px;
}
.tab-v3 .list-inline > li a:hover {
color: #e68e05;
}
.tab-v3 .nav-pills li i {
padding-top: 5px;
float: right;
}
.tab-v3 .nav-pills li a.active {
background: #e5f1f8;
color: #555;
border: 2px solid #ddd;
}
.tab-v3 .section-tabs.nav-pills li a:hover {
background-color: #e68e05;
}
.tab-v3 .section-tabs.nav-pills li a.active {
border: 2px solid #ddd;
color: #555;
background: #e5f1f8;
border-bottom: none;
font-weight: bold;
}
.tab-v3 .section-tabs.nav-pills li a {
font-size: 16px;
color: #fff;
border: 2px solid #ddd;
border-bottom: none;
background-color: #777;
padding: 10px 20px;
}
.section-tabs.nav-pills > li > a {
border: 2px solid #ddd;
padding-bottom: 10px;
}
.nav-pills > li > a.active, .nav-pills > li > a.active:hover, .nav-pills > li > a.active:focus {
border: none;
background-color: #e5f1f8;
color: #fff;
}
.course .tab-v1 .tab-content {
border: 1px solid #ddd;
border-top: none;
}
.tab-v1 .nav-tabs > li > a.active, .tab-v1 .nav-tabs > li > a.active:hover, .tab-v1 .nav-tabs > li > a.active:focus, .tab-v1 .nav-tabs > li > a:hover {
background-color: #fafafa;
color: #555;
border-bottom: none;
font-weight: bold;
}
.tab-v1 .nav-tabs > li > a:hover {
background-color: #e68e05;
color: #fff;
font-weight: normal;
}
.tab-v1 .nav-tabs > li > a {
background: #777;
border: 1px solid #fafafa;
color: #fff;
font-weight: normal;
}
#feeSelector .nav-tabs {
border: none;
}
#feeSelector .tab-v1 .nav-tabs > li > a {
border: 1px solid #ddd;
border-bottom: none;
}
.accordion-v2 .panel-heading a {
background-color: #e5f1f8;
}
button.btn-u.btn-brd.btn-u-dcs {
font-weight: 400;
border-color: #0379dc;
}
.btn-u.btn-brd.btn-u-dcs:hover {
background-color: #e68e05;
border-color: #555;
}
button.not-bold {
font-weight: 400 !important;
}
.info-you-should-know {
padding: 0 20px 20px 20px;
border-top: none;
}
a.btn.btn-info-you-should-know {
letter-spacing: 0;
border: 1px solid #ccc;
color: #555;
font-size: 11px;
background-color: #fff;
text-transform: uppercase;
padding: 5px 8px
}
a.btn.btn-info-you-should-know:hover {
background-color: #e68e05;
color: #fff;
}
.additional-heading, .course-description, .learning-objectives, .prerequisites {
margin-bottom: 20px;
}
.course .acc-v1 .panel-heading .accordion-toggle.padding-20 {
padding: 10px;
}
.additional-heading h3 {
margin-bottom: 5px;
}
.additional-info.acc-v1 .panel-heading a {
font-size: 20px;
}
#page .panel-heading h3 {
margin-top: 0;
margin-bottom: 0;
}
.table > tbody > tr > td.attached-fee {
padding-left: 20px;
color: #999;
}
.attached-fee .label {
font-size: 13px;
}
.tab-v3 .nav-pills li i {
width: 100%;
font-size: 1.5em;
}
.EditableRecommendedItemsSelection {
margin-bottom: 40px;
}
.section-tabs.nav-stacked > li {
display: inline-block;
width: auto;
margin-right: 0.5%;
text-align: center;
}
.section-tabs.nav-stacked > li.three-sections {
width: 32%;
}
.section-tabs.nav-stacked > li.four-sections {
width: 24%;
}
.section-tabs.nav-stacked > li.three-sections a, .section-tabs.nav-stacked > li.four-sections a {
padding: 10px;
}
.program-listing .table td:first-child {
width: 60%;
}
.program-listing .table td:last-child {
width: 20%;
}
h1 {
margin-top: 10px;
}
.show-small {
display: none;
}
/* --------------- Supertopic Page---------------*/
.supertopic-box {
width: 300px;
height: 300px;
position: relative;
background-color: #ccc;
vertical-align: middle;
}
.supertopic-label {
position: absolute;
left: 93px;
top: 21px;
width: 135px;
height: 84px;
display: table;
}
.supertopic-label a {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.dcs-supertopic-page h2 {
margin-top: 0;
}
/* --------------- Topic page--------------*/
#programs.tab-pane h5 {
font-size: 20px;
}
#news.tab-pane strong {
font-size: 20px;
font-weight: normal;
}
#contact.tab-pane address {
font-size: 16px;
}
.dcs-topic-tab:hover {
background-color: #e68e05;
text-decoration: none;
}
.sidebar hr {
margin: 20px 0;
}
.dcs-topic-page .dcs-topic-bar, .dcs-container-page .dcs-container-bar {
width: 100%;
text-transform: uppercase;
}
.dcs-topic-page .dcs-topic-bar, .dcs-container-page .dcs-container-bar {
padding: 8px 0;
}
.dcs-topic-page .dcs-topic-bar h1, .dcs-container-page .dcs-container-bar h1 {
color: #fff;
font-size: 20px;
font-weight: normal;
letter-spacing: 2px;
padding: 8px 20px;
}
a.dcs-topic-tab {
text-align: center;
padding: 20px 48px;
background-color: #999;
color: #fff;
font-size: 18px;
line-height: 27px;
margin: 0 10px 0 0;
display: block;
}
.tab-underline {
width: 100%;
height: 10px;
}
.white-caret {
color: #fff;
margin-top: -10px;
}
.flex-container {
padding: 0;
margin: 0;
list-style: none;
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
}
.topic-socials {
text-align: left;
padding-right: 0;
padding-top: 15px;
margin-bottom: 0;
}
.topic-socials p {
margin-bottom: 0;
font-size: 14px;
}
/* --------------- Travel Tour--------------*/
.tour-at-a-glance {
height: 430px;
overflow: hidden;
padding-top: 0;
position: absolute;
right: 0;
bottom: 0;
z-index: 99;
}
.travel-tour .testimonials .carousel-inner {
/*height: auto; */
}
.travel-tour .btn-sidebar.btn {
padding: 6px 10px;
margin-bottom: 3px;
}
.sidebar.travelsidebar {
margin-top: 0;
}
#academic-resource p {
font-size: 16px;
}
/* --------------- Shop cart menu Nav wizzard-------------*/

ul.nav-wizard {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
*zoom: 1;
position: relative;
overflow: hidden;
}
ul.nav-wizard:before {
display: block;
position: absolute;
left: 0;
right: 0;
top: 46px;
height: 47px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
z-index: 11;
content: " ";
}
ul.nav-wizard:after {
display: block;
position: absolute;
left: 0;
right: 0;
top: 138px;
height: 47px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
z-index: 11;
content: " ";
}
ul.nav-wizard li {
position: relative;
float: left;
height: 46px;
display: inline-block;
text-align: center;
padding: 0 20px 0 30px;
margin: 0;
font-size: 16px;
line-height: 46px;
width: 20%;
}
ul.nav-wizard li a {
color: #fff;
padding: 0;
}
ul.nav-wizard li a:hover {
background-color: transparent;
}
ul.nav-wizard li:before {
position: absolute;
display: block;
border: 24px solid transparent;
border-left: 16px solid #fff;
border-right: 0;
top: -1px;
z-index: 10;
content: '';
right: -16px;
}
ul.nav-wizard li:after {
position: absolute;
display: block;
border: 24px solid transparent;
border-left: 16px solid #F9F9F9;
border-right: 0;
top: -1px;
z-index: 10;
content: '';
right: -15px;
}
ul.nav-wizard li:last-child:after {
border: none;
}
ul.nav-wizard li.active {
color: #fff;
background: #2d637f;
}
ul.nav-wizard li.active:after {
border-left: 16px solid #2d637f;
}
ul.nav-wizard li.active a, ul.nav-wizard li.active a:active, ul.nav-wizard li.active a:visited, ul.nav-wizard li.active a:focus {
color: #fff;
background: #2d637f;
}
ul.nav-wizard .active ~ li.inactive {
color: #fff;
background: #999;
}
ul.nav-wizard .active ~ li.inactive:after {
border-left: 16px solid #999;
}
ul.nav-wizard .active ~ li.inactive a {
color: #fff;
background: #999;
}
ul.nav-wizard.nav-wizard-backnav li:hover {
color: #468847;
background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover:after {
border-left: 16px solid #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover a, ul.nav-wizard.nav-wizard-backnav li:hover a:active, ul.nav-wizard.nav-wizard-backnav li:hover a:visited, ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
color: #468847;
background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li.inactive {
color: #fff;
background: #999;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li.inactive:after {
border-left: 16px solid #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li.inactive a {
color: #fff;
background: #999;
}
/* --------------- cart Page--------------*/
/* ------------- billinginfo page (fallback)---------- */
.cc-delete {
cursor: pointer;
font-size: 21px;
font-weight: 600;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.cc-delete:after {
content: '×';
}
/* cclist */
.cclist .heading {
text-align: initial;
}
.cclist ul {
list-style: none;
}
.cclist ul li {
margin: 10px 0;
}
.cclist ul li input {
width: 10px;
border: none;
margin: 0 10px;
}
.cclist ul li label {
width: 190px;
}
/* payment form */
.formContainer ul li {
margin-top: 10px;
margin: 10px;
}
.formContainer label {
float: left;
width: 100px;
font-size: 16px;
margin: 10px 0;
}
.formContainer .weAccept {
text-align: center;
margin-bottom: 20px;
}
.formContainer .formButtons {
text-align: center;
}
.tip-title {
font-size: 14px;
}
/* -------------- end billinginfo page (fallback) ------------ */
.cart-bar {
font-size: 14px;
text-align: center;
}
.cart-bar-bg {
padding: 0;
color: #FFF;
background-color: #999;
border: 1px solid #fff;
font-size: 21px;
text-align: center;
font-weight: 300;
}
.sky-form .button, .sky-form .input-file .button {
color: #fff;
background-color: #0072bc;
opacity: 1;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
}
.sky-form .button:hover, .sky-form .input-file .button:hover {
background-color: #e68e05;
}
.shopping-cart .table > tbody > tr > td.cart-line-total {
font-weight: bold;
color: #555;
}
.cart-bar-bg.active {
background: #2d637f none repeat scroll 0 0;
}
.cart-bar-bg.active a {
color: #fff;
}
.cart-bar .dcs-bg-light {
border: 1px solid #fff;
}
.cart-spacer {
height: 200px;
display: block;
}
.accordion-v2.plus-toggle .panel-heading a::before {
font-family: "Font Awesome 5 Pro";
content: "\f068";
}
.accordion-v2.plus-toggle .panel-heading a.collapsed::before {
content: "\f067";
}
.content-boxes-v5:hover i {
background-color: #eee;
color: #999;
}
.shopping-cart .table > thead > tr > th, .shopping-cart .table > tbody > tr > th, .shopping-cart .table > tfoot > tr > th, .shopping-cart .table > thead > tr > td, .shopping-cart .table > tbody > tr > td, .shopping-cart .table > tfoot > tr > td {
border-top: 1px solid #ddd;
}
.shopping-cart .table > thead > tr > th:first-child, .shopping-cart .table > tbody > tr > td:first-child {
text-align: left;
}
.shopping-cart .quantity-field {
padding-bottom: 3px;
font-size: 14px !important;
}
.cart-bottom-navigation {
margin-bottom: 20px;
padding-top: 20px;
text-align: right;
}
/*=============== Edge Colors ==============*/
.edge-blue {
background-color: #0072bc;
color: #fff;
}
.edge-blue-10 {
/*background-color:rgba(0, 114, 188,0.1);*/
background-color: #E5F1F8;
}
.edge-blue-20 {
/*background-color:rgba(0, 114, 188,0.2);*/
background-color: #CCE3F2;
}
.edge-blue-50 {
/*background-color:rgba(0, 114, 188,0.5);*/
background-color: #72B1D9;
}
.edge-yellow {
background-color: #fdb913;
}
.edge-red {
background-color: #e82c2a;
}
/*===============Program page - move css out? ==============*/
.modern-program-title a.tooltips {
color: #fff;
}
.modern-program-title {
background: #0072bc;
padding: 10px 35px;
border-top: none !important;
}
.modern-program-title h1, .modern-program-title .subtitle, .modern-program-title .fa-question-circle::before {
color: #fff;
}
.modern-program-button {
text-align: right;
}
.modern-program-image {
border: none;
}
.modern-program-image img {
width: 100%;
max-height: 400px;
background-size: cover;
}
.modern-program-image, .modern-program-title {
border: 1px solid #ddd;
border-bottom: none;
}
.modern-program-intro {
padding: 30px;
}
.modern-program-intro .lead {
font-size: 19px;
}
.modern-program-nav a {
display: block;
padding: 20px 5px;
color: #555;
font-size: 14px;
box-shadow: 0 0.13em 3px 0.04em rgba(0,0,0,0.1);
background-color: #e5f1f8;
}
.modern-program-nav a i {
font-size: 26px;
color: #555;
}
.modern-program-nav a:hover {
background-color: #0072bc;
color: #fff;
text-decoration: none;
}
.modern-program-nav a:hover i {
color: #fff;
}
.program-title {
margin-top: 10px;
margin-bottom: 10px;
}
.career-list {
margin-top: 10px;
margin-bottom: 0;
}
.career-list li {
padding: 9px 0;
border-top: 1px solid #ccc;
}
.career-list li p {
margin: 0;
}
.testimonials .carousel-arrow, .testimonials.testimonials-v2 .carousel-arrow {
top: 0;
display: block;
position:relative;
}
.testimonials .carousel-inner {
height: 328px;
}
.instuctorlist .carousel-inner {
height: 170px;
}
.dcs-prog-info .testimonials.testimonials-v1 p, .dcs-prog-info .testimonials.testimonials-v2 p {
background-color: #e5f1f8;
}
.dcs-prog-info .testimonials.testimonials-v1 .carousel-item p:after, .dcs-prog-info .testimonials.testimonials-v2 .carousel-item p:after {
border-top-color: #e5f1f8;
}
#instructors.testimonials .dcs-blueborder-box, #cultural-assistants.testimonials .dcs-blueborder-box {
height: 190px;
position: relative;
}
.testimonials .testimonial-info {
color: #555;
}
.testimonials .form-control{
width:200px;
}
#instructors h5 a {
font-weight: bold !important;
}
.instructor-pic {
width: 140px;
height:140px;
float: left;
position: relative;
top: -5px;
right: -5px;
margin-right:40px;
margin-top:10px;
margin-bottom:10px;
object-fit: cover;
object-position: center;
}
#instructors p {
margin-top: 20px;
}
.dcs-dateflow .dcs-lightblue-box {
text-align: center;
min-height: 85px;
font-size: 15px;
}
.bg-dcs-dark.dcs-lightblue-box {
background-color: #2D637F;
color: #fff;
}
.dcs-green {
color: #33cc00;
line-height: normal;
}
.course .acc-v1 .panel-heading a, .course .panel-body {
padding-left: 0;
}
.course .program-faq .acc-v1 .panel-heading a, .course .panel-body {
padding-left: 15px;
}
.program-faq ~ .pull-left {
display: none;
}
.program-faq .pull-right {
margin: 0 2px;
}
.acc-v1 .panel-heading a {
padding: 0;
}
.program-faq .acc-v1 .panel-heading a {
padding: 5px 15px;
}
.underline-link {
border-bottom: 1px dotted #0379dc;
}
a.no-underline:hover {
text-decoration: none;
}
.display-block {
display: block;
}
.fees .table > thead > tr > th, .table > tbody > tr > th, .fees .table > tfoot > tr > th, .table > thead > tr > td, .fees .table > tbody > tr > td, .fees .table > tfoot > tr > td {
padding: 3px;
}
.fees tr {
border: none;
}
a.fee-link {
color: #555;
}
.dcs-apply-btn {
float: right;
margin-top: 20px;
}
div.vimeo-part img {
width: 100%;
height: auto;
}
.dcs-media-bar div.vimeo-part img {
border-radius:20px;
}
div.vimeo-part {
float: left;
position: relative;
}
div.youtube.part {
position: relative;
}
i.play-button {
width: 100%;
height: 100%;
position: absolute;
background: url("/Dinamico/Themes/Default/Content/images/play-button.png") no-repeat;
background-position: 50% 50%;
background-size: 18%;
}

.modal-body .sky-form {
border: none;
}
.modal-body .sky-form footer {
border: none;
}
.modal-title {
text-align: center;
font-weight: bold;
}
.dcs-prog-info li, .dcs-prog-info p {
font-size: 14px;
}
.dcs-prog-info h3 {
margin-top: 10px;
}
/*=============== Left over from program page ==============*/
.content a.dcs-program-green, .content a.cart-bar-bg {
color: #fff;
}
.dcs-media-bar-item .img-responsive {
height: 140px;
}
.modern-program-sidebar {
background: #0072bc;
margin-top: 10px;
}
.modern-program-sidebar h2 {
color: #fff;
}
.modern-program-sidebar.sidebar .dcs-sidebar-blue {
padding-left: 0;
padding-bottom: 0;
}
.modern-program-description, .modern-program-outcomes, .modern-program-audience, .modern-program-headline-box {
margin-bottom: 25px;
}
.modern-program-sidebar.sidebar .dcs-sidebar-blue-glance li:nth-child(2n+1) {
background-color: #f9f9f9;
}
#page .modern-program-headline-box {
font-size: 20px;
font-weight: normal;
}
.program-title h1 {
display: inline;
}
.program-img img {
border: 1px solid #ccc;
}
.dcs-sidebar-green a, .dcs-breadcrumbs a {
color: #2d637f;
}
.dcs-sustainability {
background-color: #88b340;
color: #fff;
}
.dcs-red {
color: #ed1a3b;
}
.subtitle {
text-transform: uppercase;
font-size: 15px;
line-height: 24px;
color: #555;
font-family: Verdana, Geneva, sans-serif;
}
.sidebar .dcs-sidebar-blue {
background-color: #0072bc;
color: #fff;
padding: 18px 15px;
margin-bottom: 20px;
font-size: 14px;
}
.sidebar .dcs-sidebar-blue .panel-body {
color: #555;
}
.sidebar .dcs-sidebar-blue .panel-body i {
color: #0072bc;
}
.sidebar .dcs-sidebar-blue h5 {
color: #fff;
}
.sidebar .dcs-sidebar-blue li, .sidebar .dcs-sidebar-blue p, .dcs-sidebar-blue p a {
color: #fff;
font-size: 14px;
}
.sidebar .dcs-sidebar-blue p.color-dark {
color: #555;
}
.dcs-sidebar-blue-glance {
padding: 7px 0 17px;
background-color: #0072bc;
}
.dcs-sidebar-blue-glance h5 {
color: #fff;
padding-left: 10px;
}
.progsidebar h5 {
margin-top: 0;
margin-bottom: 5px;
}
.no-button, no-button:hover {
background-color: transparent !important;
color: #0379dc !important;
font-size: 13px !important;
text-decoration: underline !important;
border: none !important;
font-weight: bold !important;
text-transform: uppercase !important;
}
.sidebar.elcprogsidebar.progsidebar {
margin-top: 0;
}
.dcs-sidebar-blue .btn:hover {
color: #fff;
background-color: #e68e05;
}
.modal button.close {
font-size: 28px !important;
}
.disabled {
color: #969696;
}
.progsidebar .dcs-sidebar-blue-glance li:nth-child(even) {
background-color: #fff;
padding-left: 15px;
padding-right: 15px;
}
.progsidebar .dcs-sidebar-blue-glance li:nth-child(odd) {
background-color: #e5f1f8;
padding-left: 15px;
padding-right: 15px;
}
.dcs-prog-coursedesc {
margin-bottom: 30px;
}
.dcs-prog-coursedesc h5 {
font-size: 18px;
}
/*=============== Program Colors ==============*/
.owl-wrapper .dcs-recommended:hover, .browse-boxes .dcs-recommended:hover, .arts .dcs-media-bar-item:hover .media-tile-title, .arts .dcs-media-bar-item .service-block:hover, .business .dcs-media-bar-item:hover .media-tile-title, .business .dcs-media-bar-item .service-block:hover, .culture .dcs-media-bar-item:hover .media-tile-title, .culture .dcs-media-bar-item .service-block:hover, .education .dcs-media-bar-item:hover .media-tile-title, .education .dcs-media-bar-item .service-block:hover, .health .dcs-media-bar-item:hover .media-tile-title, .health .dcs-media-bar-item .service-block:hover, .humanities .dcs-media-bar-item:hover .media-tile-title, .humanities .dcs-media-bar-item .service-block:hover, .languages .dcs-media-bar-item:hover .media-tile-title, .languages .dcs-media-bar-item .service-block:hover, .science .dcs-media-bar-item:hover .media-tile-title, .science .dcs-media-bar-item .service-block:hover, .business .dcs-media-bar-item .service-block:hover, .dcs-media-bar-item .youtube.part:hover .media-tile-title {
background-color: #e68e05;
}
.footer-socials a:hover {
color: #e68e05;
}
.topic-listing-square {
display: inline-block;
height: 24px;
margin-right: 5px;
width: 24px;
vertical-align: middle;
}
.topic-listing-square ul li {
margin-left: 20px;
}
.topic-listing > li > a {
padding-top: 3px;
padding-bottom: 3px;
}
.topic-listing li.supertopic-link a {
padding-left: 2px;
}
.topic-listing .tab-pane {
position: absolute;
float: right;
}
.topic-listing .supertopic-items {
margin-bottom: 5px;
}
.topic-listing div.panel {
box-shadow: none;
padding-left: 10px;
}
.topic-listing .supertopic-items div.panel {
padding-left: 0;
}
.topic-listing div.supertopic-link {
font-size: 16px;
}
.topic-listing a:hover {
text-decoration: none;
}
.topic-listing .panel-title a:not(.collapsed):after {
content: "▾";
margin-right: 0;
}
.topic-listing.nav > li > a:hover span.topic-listing-square {
background-color: inherit;
}
.topic-items .dcs-lightblue-box-narrow {
width: auto;
}
.topic-listing-icon {
float: right;
text-align: center;
}
.browse-boxes .dcs-recommended a::before {
font-family: "Font Awesome 5 Pro";
}
.browse-boxes a svg {
margin-right: 5px;
}
.comingup-list {
text-align: left;
}
.comingup-list li {
padding: 4px 0;
}
.comingup-list li a {
color: #fff;
text-decoration: underline;
}
/* -----Arts-----*/
.arts .dcs-topic-bar, .arts .dcs-container-bar, .arts .tab-underline, .arts .dcs-media-bar-item .media-tile-title, .arts .tab-v3 .nav-pills li a:hover, .arts .tab-v3 .nav-pills li a.active, .arts .flex-item .dcs-topic-tab.active, .dcs-recommended.arts, .btn-part-of.arts, .arts .timeline-v2 > li .cbp_tmicon, .arts .testimonials .carousel-arrow i:hover, .topic-listing-square.arts, .topic-listing.nav > li > a.active.arts, .arts .mediaTileImage .media-tile-title, .arts .dcs-media-bar-item .service-block {
background-color: #00894C;
color: #fff;
}
.arts .topic-socials a {
background-color: #fff;
color: #00894C;
}
.browse-boxes .dcs-recommended.arts a::before {
content: "\f1fc";
margin-right:5px;
}
/* -----Business, Technology and Public Relations-----*/
.business .dcs-topic-bar, .business .dcs-container-bar, .business .tab-underline, .business .dcs-media-bar-item .media-tile-title, .business .tab-v3 .nav-pills li a:hover, .business .tab-v3 .nav-pills li a.active, .business .flex-item .dcs-topic-tab.active, .dcs-recommended.business, .btn-part-of.business, .business .timeline-v2 > li .cbp_tmicon, .business .testimonials .carousel-arrow i:hover, .topic-listing-square.business, .topic-listing.nav > li > a.active.business, .business .mediaTileImage .media-tile-title, .business .dcs-media-bar-item .service-block {
background-color: #0b3459;
color: #fff;
}
.business .topic-socials a {
background-color: #fff;
color: #0b3459;
}
.browse-boxes .dcs-recommended.business a::before {
content: "\f0b1";
margin-right:5px;
}
/* -----Culture, Museums and Indigenous Studies-----*/
.culture .dcs-topic-bar, .culture .dcs-container-bar, .culture .tab-underline, .culture .dcs-media-bar-item .media-tile-title, .culture .dcs-media-bar-item-lg .service-block, .culture .tab-v3 .nav-pills li a:hover, .culture .tab-v3 .nav-pills li a.active, .culture .flex-item .dcs-topic-tab.active, .dcs-recommended.culture, .btn-part-of.culture, .culture .timeline-v2 > li .cbp_tmicon, .culture .testimonials .carousel-arrow i:hover, .topic-listing-square.culture, .topic-listing.nav > li > a.active.culture, .culture .mediaTileImage .media-tile-title, .culture .dcs-media-bar-item .service-block{
background-color: #aa004f;
color: #fff;
}
.culture .topic-socials a {
background-color: #fff;
color: #aa004f;
}
.browse-boxes .dcs-recommended.culture a::before {
content: "\f19c";
margin-right:5px;
}
/* -----Education, Learning and Development-----*/
.education .dcs-topic-bar, .education .dcs-container-bar, .education .tab-underline, .education .dcs-media-bar-item .media-tile-title, .education .tab-v3 .nav-pills li a:hover, .education .tab-v3 .nav-pills li a.active, .education .flex-item .dcs-topic-tab.active, .dcs-recommended.education, .btn-part-of.education, .education .timeline-v2 > li .cbp_tmicon, .education .testimonials .carousel-arrow i:hover, .topic-listing-square.education, .topic-listing.nav > li > a.active.education, .education .mediaTileImage .media-tile-title, .education .dcs-media-bar-item .service-block {
background-color: #0171BC;
color: #fff;
}
.education .topic-socials a {
background-color: #fff;
color: #0171BC;
}
.browse-boxes .dcs-recommended.education a::before {
content: "\f303";
margin-right:5px;
}
/* -----Health, Wellness and Safety-----*/
.health .dcs-topic-bar, .health .dcs-container-bar, .health .tab-underline, .health .dcs-media-bar-item .media-tile-title, .health .tab-v3 .nav-pills li a:hover, .health .tab-v3 .nav-pills li a.active, .health .flex-item .dcs-topic-tab.active, .dcs-recommended.health, .btn-part-of.health, .health .timeline-v2 > li .cbp_tmicon, .health .testimonials .carousel-arrow i:hover, .topic-listing-square.health, .topic-listing.nav > li > a.active.health, .health .mediaTileImage .media-tile-title, .health .dcs-media-bar-item .service-block {
background-color: #00AAD5;
color: #fff;
}
.health .topic-socials a {
background-color: #fff;
color: #00AAD5;
}
.browse-boxes .dcs-recommended.health a::before {
content: "\f21e";
margin-right:5px;
}
/* -----Humanities and Social Sciences-----*/
.humanities .dcs-topic-bar, .humanities .dcs-container-bar, .humanities .tab-underline, .humanities .dcs-media-bar-item  .media-tile-title, .humanities .tab-v3 .nav-pills li a:hover, .humanities .tab-v3 .nav-pills li a.active, .humanities .flex-item .dcs-topic-tab.active, .dcs-recommended.humanities, .btn-part-of.humanities, .humanities .timeline-v2 > li .cbp_tmicon, .humanities .testimonials .carousel-arrow i:hover, .topic-listing-square.humanities, .topic-listing.nav > li > a.active.humanities, .humanities .mediaTileImage .media-tile-title, .humanities .dcs-media-bar-item .service-block {
background-color: #D64500;
color: #fff;
}
.humanities .topic-socials a {
background-color: #fff;
color: #D64500;
}
.browse-boxes .dcs-recommended.humanities a::before {
content: "\f0ac";
margin-right:5px;
}
/* -----Languages and Travel-----*/
.languages .dcs-topic-bar, .languages .dcs-container-bar, .languages .tab-underline, .languages .dcs-media-bar-item .media-tile-title, .languages .tab-v3 .nav-pills li a:hover, .languages .tab-v3 .nav-pills li a.active, .languages .flex-item .dcs-topic-tab.active, .dcs-recommended.languages, .btn-part-of.languages, .languages .timeline-v2 > li .cbp_tmicon, .languages .testimonials .carousel-arrow i:hover, .topic-listing-square.languages, .topic-listing.nav > li > a.active.languages, .languages .mediaTileImage .media-tile-title, .languages  .dcs-media-bar-item .service-block {
background-color: #7ea294;
color: #fff;
}
.languages .topic-socials a {
background-color: #fff;
color: #7ea294;
}
.browse-boxes .dcs-recommended.languages a::before {
content: "\f086";
margin-right:5px;
}
/* -----Science and Ecological Restoration-----*/
.science .dcs-topic-bar, .science .dcs-container-bar, .science .tab-underline, .science .dcs-media-bar-item .media-tile-title, .science .tab-v3 .nav-pills li a:hover, .science .tab-v3 .nav-pills li a.active, .science .flex-item .dcs-topic-tab.active, .dcs-recommended.science, .btn-part-of.science, .science .timeline-v2 > li .cbp_tmicon, .science .testimonials .carousel-arrow i:hover, .topic-listing-square.science, .topic-listing.nav > li > a.active.science, .science .mediaTileImage .media-tile-title, .science  .dcs-media-bar-item .service-block {
background-color: #009C90;
color: #fff;
}
.science .topic-socials a {
background-color: #fff;
color: #009C90;
}
.browse-boxes .dcs-recommended.science a::before {
content: "\f06c";
margin-right:5px;
}
.dcs-topic-page .dcs-topic-bar .topic-socials li {
color: #fff;
font-size: 15px;
}
.dcs-topic-page .dcs-topic-bar .topic-socials li p {
font-size: 18px;
text-transform: none;
color: #fff;
}
/* --------------- Contact Page---------------*/
.headline h2, .headline h3, .headline h4 {
border-bottom: 2px solid #0072bc;
width: 100%;
}
.sidebar .headline {
border-bottom: none;
margin-bottom: 10px;
}
/* --------------- My Account Pages---------------*/
.my-account-nav li:hover {
background-color: #e68e05;
color: #fff;
}
.my-account-nav li:hover a {
color: #fff;
}
.btn-dcs-grey {
background-color: #f9f9f9;
padding: 3px 8px;
}
.dcs-account-box {
padding: 20px;
background-color: #e5f1f8;
}
.profile .profile-edit {
margin-bottom: 20px;
}
.no-border {
border: none;
}
button.close {
font-size: 21px !important;
}
.alert-blocks p {
margin-bottom: 10px !important;
color: #555;
}
.dcs-unread {
background-color: #e5f1f8;
}
.list-underlined li {
border-bottom: 1px solid #eee;
padding: 10px;
}
.list-underlined-condensed li {
border-bottom: 1px solid #eee;
padding-bottom: 8px;
padding-top: 8px;
}
.list-underlined-condensed li:last-child {
border-bottom: none;
}
ul.list-checkmarks {
padding-left: 20px;
list-style: none;
}
ul.list-checkmarks li {
margin-bottom: 10px;
}
ul.list-checkmarks li:before {
font-family: "Font Awesome 5 Pro";
content: '\f00c';
margin: 0 5px 0 -15px;
}
.accordion-v2 .panel-light .panel-heading a {
background-color: #fff;
}
.topic-listing-subtopic.accordion-v2 .panel-light .panel-heading a:hover {
/*background-color:#0072bc;*/
}
.profile .panel-light .panel-heading {
border-bottom: 0;
}
.my-account-course p {
font-size: 14px;
color: #555;
}
.profile .messages .panel-heading {
border-bottom: none;
}
.dcs-account-box .dl-horizontal dd {
margin-left: 200px;
}
/*----------------Profile Settings--------------------*/
.sky-form p {
font-family: Verdana, Geneva, sans-serif;
}
.my-account-edit-form {
padding: 20px;
background-color: #FCFCFC;
}
.my-account-edit-form label {
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
}
.form-horizontal.my-account-edit-form .control-label {
text-align: left;
}
.my-account-edit-form.sky-form footer {
background-color: #fcfcfc;
text-align: right;
padding-right: 45px;
width: 97%;
}
.dl-horizontal dt {
width: 200px;
}
.profile-edit .dl-horizontal dt {
white-space: normal;
}
.profile-edit .panel-collapse {
margin-top: 10px;
}
.profile .profile-edit {
padding: 20px;
background: #fff;
}
/*Table*/
.profile .table {
background: #fff;
}
.profile .table > thead > tr > th, .profile .table > tbody > tr > th, .profile .table > tfoot > tr > th, .profile .table > thead > tr > td, .profile .table > tbody > tr > td, .profile .table > tfoot > tr > td {
padding: 11px;
}
#editPassword, #editName, #editEmail, #editPhone {
border: 1px solid #eee;
}
/* --------------- 404 page --------------*/
.error-v3 p, .error-v3 h2, .e404 .service-block-v2 .service-block-in i, .e404 .service-block-v2 .service-block-in h4, .e404 .service-block-v2 .service-block-in p {
color: #555;
}

.error-v3 p{
font-size:22px;
}
.content a.btn-u {
color: #fff;
font-size: 12px;
text-transform: uppercase;
}
.e404 .service-block-in {
min-height: 260px;
}
.e500 {
font-size: 72px;
}
/*-------------Series-----------*/
.series-details .dl-horizontal dt {
text-align: left;
width: 130px;
font-size: 14px;
margin-left: 10px;
}
.series-details .dl-horizontal dd {
width: auto;
font-size: 14px;
text-align: left;
margin-left: 110px;
}
#page .series-listing h2 {
margin-top: 0;
}
.dcs-course-in-series .col-md-4 {
text-align: center;
}
.benefit-bar .panel {
min-height: 180px;
padding: 20px 0;
}
.benefit-bar .panel i {
margin-bottom: 20px;
color: #0072bc;
}
.series-news i {
color: #0072bc;
}
.socialsider {
z-index: 2000;
}
/* --------------- Enews page---------------*/
.enews-page .SignupFormPreview {
text-align: left;
display: block;
}
.enews-page .formContainer label {
float: none;
width: auto;
margin-left: 5px;
font-weight: normal;
display: inline;
}
.enews-page h3 {
margin-top: 10px;
text-align: left;
}
.ask-modal .required {
position: absolute;
}
.ask-modal section > label.input, .ask-modal section > .textarea {
display: inline-block;
width: 100%;
}
.elc-form-actions ul {
padding: 0;
}
.elc-form-actions li + li::before {
content: " | ";
}
.elc-form-actions li {
display: inline;
list-style: none;
font-size: 85%;
}
#tab-select-info {
position: fixed;
left: 50%;
}

/* --------------- Custom Learning Solutions---------------*/

h2.cls-section {
border-bottom:2px solid #eee;
padding-bottom:10px;
margin-bottom:20px;
}

.cls-aoe .fusion-portfolio #filters-container .cbp-filter-item{
padding:15px 23px;
}

.cls-form .btn-u{
background-color:#33cc00;
padding:10px 60px;
text-transform: none;
font-size:16px !important;
}
.btn-cls.btn-apply{
padding: 10px 60px;
text-transform: none;
font-size: 18px;
font-weight: normal !important;
margin-top:8px;
color: #fff;
}


/* --------------- lg breakpoint---------------*/
@media (max-width: 1200px) {
.curious-container {
margin: 0 auto;
}
button.btn-sidebar, a.btn-sidebar {
font-size: 10px !important;
}
.newsfeed {
width: 95%;
margin: 0 auto;
position: relative;
height: auto;
border-bottom: 0;
}
.tour-at-a-glance {
padding: 0;
margin: 0 auto;
margin-bottom: 20px;
position: relative;
height: auto;
border-bottom: 0;
background-color: #0072bc;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
.tour-at-a-glance .dcs-sidebar-blue {
margin-bottom: 0;
}
.header .navbar-default .navbar-nav > li > a {
font-size: 13px;
}
.progsidebar .dcs-sidebar-green {
min-height: 134px;
}
.program-img {
margin-top: 20px;
}
.in-page-navigation a {
padding: 0 10px;
}
.dcs-sidebar-blue-glance li {
padding-bottom: 11px;
}
a.dcs-topic-tab {
text-align: center;
padding: 10px 32px;
}
.news-scroll-button {
display: none;
}
.narrow-text, .narrow-text-center {
width: auto;
}
#course-flow .dcs-lightblue-box {
padding: 20px 5px;
}
.my-account-edit-form.sky-form footer {
padding-right: 0;
width: 100%;
}
body .footer-menu li {
font-size: 15px;
padding: 5px 0;
}
.footer-right-box .footer-socials > li .fa-3x {
font-size: 2.6em;
}
.header .navbar-nav > li > a {
font-size: 15px;
}
/*PRE CLS Navigation
.header .navbar-nav > li.programs-courses {
width: 27%;
}
.header .navbar-nav > li.online-learning {
width: 20%;
}
.header .navbar-nav > li.info-for-students {
width: 25%;
}
*/
.header .navbar-nav > li.nav-programs {
width: 11%;
}

.header .navbar-nav > li.nav-courses{
width: 9.5%;
}
.header .navbar-nav > li.nav-series{
width: 8.5%;
}
.header .navbar-nav > li.nav-topics {
width:8.5%;
}
.header .navbar-nav > li.nav-custom-learning{
width:24.3%;
}
.header .navbar-nav > li.nav-info-for-students{
width:12.5%;
}

.header .navbar-nav > li.ELC {
width: 20%;
}
.navbar .col-xs-offset-2 {
margin-left: 8.33%;
}
button.btn-sidebar.btn, a.btn-sidebar.btn {
padding: 6px;
letter-spacing: -0.5px;
}
.progsidebar.modern-program-sidebar {
margin-top: 10px;
}
.series .dcs-sidebar-blue-glance {
padding: 5px 15px;
}
.newsfeed .news .news-scroll {
margin-right: 0;
padding-right: 0;
height: 500px;
}
.newsfeed .news {
height: 450px;
}
.tour-at-a-glance .career-list {
margin-right: 10px;
margin-left: 10px;
}
.cls-aoe .fusion-portfolio #filters-container .cbp-filter-item{
padding:12px 12px;
}
.one-media .mediaitem6{
padding-right:40px;
}
.two-media .dcs-media-bar-item, .four-media .dcs-media-bar-item, .dcs-media-bar-item .youtube .img-responsive{
height: 111px;
}

#page .dcs-media-bar .two-media .media-tile-title, #page .dcs-media-bar .four-media .media-tile-title, .two-media .youtube.part .media-tile-title, .four-media .youtube.part .media-tile-title
{
height:111px;
}
.two-media .dcs-media-bar-item .service-block, .four-media .dcs-media-bar-item .service-block{
height:128px;
}
#page .dcs-media-bar .two-media .media-tile-title h3,  #page .dcs-media-bar .four-media .media-tile-title h3{
margin: 25px 20px;
}
#page .dcs-media-bar .three-media .media-tile-title h3, three-media .youtube.part .media-tile-title{
padding:20px 20px 0px 20px;
}
.dcs-media-bar-item .service-block{
padding: 20px 10px;
}
#page .dcs-media-bar h3, .dcs-program-page .dcs-media-bar h3{
margin-top: 10px;
font-size: 15px;
}

.five-media .mediaTileImage{
height:73px;
}
.five-media .media-tile-title{
min-height:67px;
}
.five-media .dcs-media-bar-item-lg .media-tile-title{
min-height:auto;
}
.five-media .dcs-media-bar-item-lg .media-tile-title h3{
font-size:16px;
}
.dcs-media-bar-item .service-block {
padding: 20px;
}
.instuctorlist .carousel-inner{
height:220px;
}
.testimonials .carousel-inner{
height:385px;
}
.dcs-testimonial .testimonial-quote{
min-height:260px;
}
}

/* Ipad specific Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
}

/* Everything */
@media (max-width: 992px) {
.navbar-nav > li > .dropdown-menu {
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
#dcs-wordmark, #elc-wordmark {
margin: 25px 0 20px 0;
max-width: 200px;
}
.header-dcs-wordmark, .header-elc-wordmark {
width: 60%;
display: inline-block;
}
.navbar-toggle-box {
width: auto;
float: right;
padding-top: 25px;
padding-right: 0;
margin-right: 2px;
}
button.btn-sidebar, a.btn-sidebar {
font-size: 12px !important;
}
.testimonials .carousel-inner {
min-height: 316px;
}
.dcsnav .navbar-nav > li.programs-courses, .dcsnav .navbar-nav > li.online-learning, .dcsnav .navbar-nav > li.info-for-students, .dcsnav .navbar-nav > li.ELC {
width: 100%;
background-color: #fff;
}
.dcsnav .navbar-nav > li.programs-courses a, .dcsnav .navbar-nav > li.online-learning a, .dcsnav .navbar-nav > li.info-for-students a {
color: #0072bc;
}

.dcsnav .flexnav .touch-button {
background-color: rgba(0, 0, 0, 0.075);
}
button.btn-sidebar.btn, a.btn-sidebar.btn {
padding: 6px 12px;
letter-spacing: 0;
}
.site-title {
padding-top: 35px;
padding-left: 10px;
}
.site-title a {
font-size: 32px;
}
.navbar .col-xs-offset-2 {
margin-left: 6%;
}
.col-sm-2.navbar-toggle-box {
width: auto;
}
.system-alert .panel-body .col-md-8 {
padding-right: 0;
}
.system-alert .panel-body .col-md-4 {
padding-left: 0;
}
.navbar-toggle {
border-color: #ccc;
padding-bottom: 10px;
}
.navbar-toggle .icon-bar {
width: auto;
}
.navbar-toggle button:not(.close):hover {
color: #555;
}
.header .navbar-nav .open .dropdown-menu li {
background: #fff;
}
.dcs-media-bar-item-lg {
margin-left: 0;
margin-right: 0;
}
.footer-right-box {
text-align: center;
padding-top: 20px;
}
.footer-right-box .footer-socials > li .fa-3x {
font-size: 2.4em;
}
.dcs-border-right {
border: none;
}
#course-flow .dcs-lightblue-box {
padding: 5px;
}
.in-page-navigation {
padding: 10px 5px;
}
.in-page-navigation a {
padding: 0 5px;
font-size: 13px;
letter-spacing: 0;
text-transform: none;
}
.in-page-navigation {
text-align: center;
}
.timeline-v2 > li .cbp_tmtime span:last-child {
font-size: 18px;
line-height: 27px;
}
.series-details .dl-horizontal dd, .series-details .dl-horizontal dt {
margin-left: 0;
}
.series-details .dl-horizontal dd {
width: auto;
}
.header-uvic-logo {
width: 25%;
}
.header .navbar-default .navbar-nav > li a {
border-bottom: none !important;
}
.col-sm-12 {
/*padding-right: 0;*/
}
li.ELC::after, li.ELC:hover::after {
display: none;
}
.header .navbar-nav > .active > a, .header .navbar-nav > li:hover > a {
background-color: transparent;
color: #fff;
}
.header .navbar-collapse .navbar-nav > li {
width: 100%;
}
.header .navbar-brand {
padding-left: 10px;
padding-right: 10px;
}
.navbar .col-xs-offset-2 {
margin-left: 0;
}
.header .navbar-collapse .navbar-nav {
margin-left: 22.8%;
width: 77%;
}
.header ul.navbar-nav li a {
text-align: left;
padding-left: 20px;
background-color: #fff;
color: #0072bc;
}
.header .navbar-nav > li:hover > a, .nav > li > a:hover {
border: none;
background-color: #e68e05;
color: #fff;
}
.header .navbar-nav li.ELC a {
font-size: 15px;
padding-left:20px;
text-transform: none;
}
.header .dropdown > a.dropdown-toggle::after, .header .dropdown-submenu > a::after {
background-color: #eee;
padding: 10px 25px !important;
margin: -10px 0;
}
.header .loginbar .dropdown > a.dropdown-toggle::after, .header .loginbar .dropdown-submenu > a::after {
background-color: #eee;
padding: 8px 18px !important;
margin: -8px 0;
}
.header .dropdown > a::after {
color: #0072bc;
}
.dropdown-menu > li > a::before {
font-size: 16px;
margin-right: 10px;
color: #0072bc;
content: "-";
}
.loginbar .dropdown-menu > li > a::before {
display: none;
margin-right: 0;
}
.header .loginbar .dropdown-menu li a {
padding: 8px !important;
font-size: 14px;
}
.dropdown-menu > li > a:hover::before {
color: #fff;
}
.header .navbar-collapse .navbar-nav > li {
border-bottom: 1px solid #0072bc;
}
.newsfeed .news, .newsfeed .news .news-scroll {
height: auto;
}
.curious-container .col-md-4:first-child {
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
padding-bottom: 20px;
}
.add-to-cart-modal .col-md-6 {
margin-bottom: 20px;
}
.series-border-left {
border: none;
padding-top: 20px;
}
.filter-button {
margin-left: 5px;
}
.sort-show {
margin-top: -22px;
}
.modern-program-sidebar .dcs-sidebar-blue-glance {
padding: 10px 5px;
}
.modern-program-sidebar.sidebar .dcs-sidebar-blue {
padding-left: 5px;
}
.cls-aoe .fusion-portfolio #filters-container .cbp-filter-item{
padding:12px 12px;
margin-right:7px;
}
.one-media .mediaitem6{
padding:0px 20px 0px 0px;
}
.one-media .dcs-media-bar-item img{
height:220px;
}
.two-media .dcs-media-bar-item, .three-media .dcs-media-bar-item, .four-media .dcs-media-bar-item, .dcs-media-bar-item .youtube .img-responsive{
height: 128px;
}
#page .dcs-media-bar .two-media .media-tile-title, #page .dcs-media-bar .three-media .media-tile-title,  #page .dcs-media-bar .four-media .media-tile-title, .two-media .youtube.part .media-tile-title, .three-media .youtube.part .media-tile-title, .four-media .youtube.part .media-tile-title
{
height:128px;
}
.two-media .mediaTileImage, .three-media .mediaTileImage,  .four-media .mediaTileImage, .two-media .youtube.part img, .three-media .youtube.part img, .four-media .youtube.part img{
height:128px;
}
.three-media .mediaTileImage, .three-media .youtube.part img {
width: 33%;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
display: inline;
float:left;
}
.three-media a{
display:block;
}
.three-media i.play-button{
background-position: 12% 48%;
background-size: 12%;
height:128px;
}
.three-media .youtube.part{
margin:0;
}

#page .dcs-media-bar .three-media .media-tile-title, .three-media .youtube.part .media-tile-title{
display: inline;
float: right;
width: 65.5%;
border-top-right-radius: 20px;
border-top-left-radius: 0px;
border-bottom-left-radius:0px;
}
#page .dcs-media-bar .three-media .media-tile-title h3, .three-media .youtube.part .media-tile-title h3{
text-align:left;
}
.dcs-testimonial .testimonial-quote{
min-height:auto;
}
}

/* --------------- Tablet Size: ---------------*/
@media (max-width: 970px) {
.sidebar .headline {
border: none;
}
.site-title {
padding-left: 35px;
}
.col-sm-2.navbar-toggle-box {
width: auto;
}
.sm-hide {
display: none;
}
.hide-small {
display: none;
}
.show-small {
display: block;
}
.dcs-dateflow .col-sm-4 {
padding: 14px;
}
.tp-bullets {
display: none;
}
ul.sm-nopadding {
padding: 0;
margin: 0;
}
.sidebar .dcs-sidebar-dark {
min-height: 160px;
}
.program-img {
margin-top: 0;
margin-bottom: 20px;
max-width: 98%;
}
.dcs-media-bar {
/*	padding: 20px 40px; */
}

.padding-right-20 {
padding-right: 15px;
}
button.no-button {
text-align: center;
display: inline;
}
.sm-left-align, .sm-left-align .col-xs-3 {
text-align: left;
margin-left: 0;
padding-left: 0;
}
a.dcs-topic-tab {
text-align: center;
padding: 10px 34px;
}
#dcs-topic-content {
padding-bottom: 40px;
margin-bottom: 20px;
border-bottom: 2px solid #999999
}
.sidebar.course-sidebar {
margin-top: 40px;
padding: 0;
}
.cart-bottom-navigation {
text-align: left;
}
.sidebar, .mainbar {
padding-right: 0;
padding-left: 0;
}
.sidebar {
margin: 20px 0 0;
padding: 0 10px;
}
.sidebar.travelsidebar {
margin: 0 auto;
}
.sidebar.supertopic-sidebar {
margin-top: 40px;
}
body .footer-menu li {
font-size: 14px;
}
.sidebar .dcs-sidebar-blue {
padding: 24px;
}
.sidebar .enews .dcs-sidebar-blue {
padding: 10px 24px;
}
.no-padding-left {
padding-left: 15px;
}
.dcs-lightblue-box-narrow {
margin-right: 0;
}
.travel-tour .nf {
margin-left: auto;
margin-right: auto;
}
.travel-tour .height-200 {
min-height: 100px;
}
.dcs-course-in-series .col-md-4 {
text-align: left;
}
.dcsnav2 .touch-btn {
display: inline-block;
}
.filter-by-block {
width: 95%;
}
.md-text-center{
text-align:center;
}
.md-text-left{
text-align:left;
}
.testimonials .carousel-inner {
height: 476px;
}
}

/* ---------------narrow tablet and large phones---------------*/
@media (max-width: 768px) {
.topbar .container {
padding-left: 15px;
padding-right: 15px;
}
.header-uvic-logo {
padding: 0 5px;
}
.header-dcs-wordmark, .header-elc-wordmark {
width: 49%;
padding-left: 20px;
padding-right: 5px;
}
.site-title {
padding-top: 30px;
}
.site-title a {
font-size: 27px;
}
.navbar-toggle-box {
padding-right: 20px;
}
.system-alert .panel-body .col-md-8, .system-alert .panel-body .col-md-4 {
padding-left: 15px;
padding-right: 15px;
}
.lead p, .lead ul {
font-size: 16px;
}
.curious-container .col-sm-4 {
padding-left: 20px;
}
.dcs-icons h3 {
text-align: center;
}
.text-center-xs-left {
text-align: left;
}
.dcs-home-search {
margin-top: 0;
}
.sm-text-center {
text-align: center;
}
.sm-text-left {
text-align: left;
}
.navbar-right {
float: right !important;
}
.dcs-search-bar .inline-group {
padding-left: 15px;
}
.header .navbar-nav > li > a {
text-align: left;
}
.header .navbar-nav li.ELC a, .header .navbar-nav > li.ELC > a:hover {
background-position: left center;
background-size: auto;
padding-left: 20px;
padding-bottom: 12px;
}
.header button.navbar-toggle:hover {
color: #000;
}
.hide-mobile {
display: none;
}
.dcs-media-bar {
/*	padding: 20px;*/
}
.content.no-padding {
padding: 20px;
}
.travel-tour .tp-banner-container {
display: none;
}
a.dcs-topic-tab {
text-align: center;
padding: 10px 20px;
}
.dcs-course-in-series .col-sm-4 {
text-align: center;
padding: 0;
}
.dcs-course-in-series .col-sm-4 a {
margin-top: 10px !important;
}
.text-center-sm {
text-align: center;
}
.padding-img-right {
margin: 0 auto;
}
.navbar-toggle {
float: none;
text-align: center;
}
.topic-socials.list-inline {
text-align: left;
margin-left: 0;
padding-top: 0;
}
ul.nav-wizard li {
width: 100%;
}
ul.nav-wizard li {
font-size: 14px;
}
.content {
margin-left: 10px;
margin-right: 10px;
}
.profile .profile-edit.messages {
Padding-left: 5px;
padding-right: 5px;
}
.cart-bottom-navigation ~ .btn {
float: none;
text-align: left;
}
.dcs-topic-page .dcs-topic-bar .dcs-container-page .dcs-container-bar h1 {
font-size: 16px;
}
.e404 img {
width: 200px;
text-align: center;
}
.e404 .sm-nopadding {
padding-top: 0;
}
.header .navbar-collapse .navbar-nav {
margin-left: 0;
width: 100%;
}
#academic-resource .img-responsive {
margin: 0 auto 10px auto;
}
.progsidebar .dcs-sidebar-blue-glance li:last-child {
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
/* Moneris container */
.col-cc {
padding: 0;
}
.testimonials .carousel-inner {
height: auto;
}
.col-xxs-1 {
width: 8.333333333333332%;
}
.col-xxs-2 {
width: 16.666666666666664%;
}
.col-xxs-3 {
width: 25%;
}
.col-xxs-4 {
width: 33.33333333%;
}
.col-xxs-6 {
width: 50% !important;
}
.col-xxs-8 {
width: 66.66666667%;
}
.col-xss-9 {
width: 75%;
}
.col-xxs-12 {
width: 100%;
}
.col-xxs-offset-0 {
margin-left: 0;
}
.center-text-sm {
text-align: center;
}
.system-alert .panel-title {
padding-top: 5px;
padding-bottom: 5px;
padding-right: 15px;
}
.modern-program-button {
text-align: center;
}
.modern-program-sidebar .dcs-sidebar-blue-glance {
padding: 10px 30px;
}
.modern-program-sidebar {
margin-top: 0;
}
.error-v3 h2 {
font-size: 100px;
line-height: 100px;
}
.threecolumns .column {
padding-top: 20px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
}
.threecolumns .youtube.part {
max-width: 400px;
}
.table-class-details tr td:first-child {
width: 45%;
}
.search-filters button {
margin-bottom: 5px;
margin-top: 2px;
}
.footer-address.col-xs-6 {
width: 100%;
}
.footer-address {
padding-bottom: 20px;
text-align: center;
}
.footer-menu.col-xs-6 {
width: 84%;
margin: 0 15%;
}
.series-listing .row {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.series-listing .row img {
max-width: 300px;
margin-bottom: 10px;
}
.cls-top-box .modern-program-nav a{
min-height:115px;
}
.cls-aoe .container{
padding-left:15px;
Padding-right:15px;
}
.cls-aoe .fusion-portfolio #filters-container .cbp-filter-item{
margin:5px;
padding:10px 12px;
}
.testimonials.testimonials-v1 p, .testimonials.testimonials-v2 p{
padding-right:20px;

}
.instuctorlist.testimonials .carousel-arrow {
top: -48px;

}
.testimonials .carousel-arrow, .testimonials.testimonials-v2 .carousel-arrow{
top: -16px;
}
.instuctorlist .carousel-inner {
height: 250px;
}
.testimonials .carousel-inner {
height: 415px;
}
.one-media .dcs-media-bar-item img{
margin-bottom:0px;
}

.testimonials .carousel-inner {
height: 415px;
}
}

@media (max-width: 600px) {
.header-uvic-logo {
width: 41%;
padding: 0;
}
.site-title {
padding-left: 5px;
padding-top: 30px;
}
.site-title a {
padding: 0;
font-size: 24px;
letter-spacing: 1px;
}
.header-dcs-wordmark, .header-elc-wordmark {
padding-left: 0;
padding-right: 5px;
width: 38%;
}
.navbar-toggle-box {
margin-top: 15px;
padding-top: 10px;
width: auto;
padding-right: 0;
}
.navbar .row {
padding-left: 15px;
padding-right: 15px;
}
.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
font-size: 11px !important;
padding-left: 10px;
padding-right: 10px;
}
.row .header-uvic-logo .img-responsive {
margin-bottom: 0;
}
.flex-container {
display: block;
}
a.dcs-topic-tab {
text-align: center;
padding: 10px 3px;
}
.footer-menu {
padding-bottom: 20px;
}
.footer-right-box {
padding-top: 0;
}
.header .dropdown > a.dropdown-toggle::after, .header .dropdown-submenu > a::after {
padding: 10px 20px !important;
}
.loginbar .min-width-200 {
max-width: 210px;
}
.revolution-ch1 {
left: 10px !important;
}
.tp-banner li.revolution-mch-1 div.revolution-ch2 {
font-size: 12px !important;
left: 10px !important;
}
.system-alert .panel-title {
text-align: left;
}
.modern-program-intro .lead {
font-size: 16px;
}
.modern-program-sidebar {
margin-top: 0;
}
.modern-program-sidebar.sidebar .dcs-sidebar-blue {
padding-left: 24px;
padding-bottom: 0;
}
.section-tabs.nav-stacked > li {
width: 49%;
}
.tab-v3 .section-tabs.nav-pills li a {
padding: 10px;
font-size: 14px;
}
.program-listing td:first-child {
width: auto;
}
.program-listing td:last-child {
width: auto;
}
.dcs-media-bar-item, .dcs-media-bar-item .service-block {
min-height: auto;
}
.dcs-media-bar-item-lg .dcs-media-bar-item{
height:auto;
}
.row-media-items {
margin: 0 -15px;
padding: 20px 10px 0px 10px;

}
.dcs-account-box .dl-horizontal dd {
margin-left: 0px;
}
.dcs-account-box .dl-horizontal dd{
margin-left:0;
}
.instuctorlist .carousel-inner{
height:320px;
}

.testimonials .carousel-inner{
height:530px;
}

}

@media (max-width: 560px) {
.site-title {
padding-left: 0;
}
.site-title a {
font-size: 20px;
}
.threecolumns .youtube.part {
width: 100%;
}
.cls-top-box .modern-program-nav a{
min-height:135px;
}
.testimonials.testimonials-v2 .testimonial-info{
padding: 0 65px;
}

}

/* ---------------phones---------------*/
@media (max-width: 450px) {
#dcs-wordmark, #elc-wordmark {
max-width: 150px;
padding: 0;
}
.header-uvic-logo {
width: 30%;
min-width: 125px;
}
.header-dcs-wordmark, .header-elc-wordmark {
width: 60%;
padding-right: 5px;
}
.site-title {
padding-top: 15px;
padding-bottom: 10px;
}
.site-title a {
font-size: 18px;
}
.navbar-toggle-box {
width: auto;
padding-right: 0;
margin-top: 10px;
}
.sort-show {
padding-left: 0;
margin: 10px 0 0 -25px !important;
}
.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
font-size: 10px !important;
padding-left: 7px;
padding-right: 7px;
}
.lead {
font-size: 16px;
}
.topbar .container {
padding: 0 10px;
}
.header .topbar ul.loginbar > li > a.dcs-cart, .header .topbar ul.loginbar > li > a.logout {
letter-spacing: 0;
padding-left: 10px;
padding-right: 8px;
}
.e404 img {
display: none;
}
.xs-text-center {
text-align: center;
}
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11 {
float: left;
}
.text-right {
text-align: left;
padding-top: 20px;
}
.dcs-home-search {
padding-bottom: 30px;
}
.dcs-media-bar {
padding: 10px;
}
.dcs-fees {
padding: 20px;
}
.dcs-fees .tab-content {
padding-left: 0;
padding-right: 0;
}
.cart-bottom-navigation {
padding-top: 0;
}
.dcs-topic-page .dcs-topic-bar .dcs-container-page .dcs-container-bar h1 {
font-size: 14px;
letter-spacing: 0;
padding: 5px 10px;
}
h2 {
font-size: 20px;
font-weight: bold;
}
h3, #page h3 {
font-size: 20px;
font-weight: bold;
}
.footer-menu.col-xs-6 {
width: 100%;
margin: 0;
}
.row .img-responsive {
margin-bottom: 10px;
}
.row .shadow-wrapper img.img-responsive {
margin-bottom: 0;
}
.col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
width: 100%;
margin: 0;
}
.curious-container .col-sm-4 {
padding-left: 20px;
}
.dcs-lightblue-box-narrow {
display: block;
float: left;
width: 100%;
text-align: center;
}
.modern-program-title {
padding: 10px;
}
.modern-program-title h1 {
font-size: 24px;
}
.modern-program-intro {
padding: 10px;
}
.modern-program-intro h2 {
line-height: 24px;
}
.modern-program-sidebar .dcs-sidebar-blue-glance {
padding: 10px 0;
}
.row .modern-program-image .img-responsive {
margin-bottom: 0;
}
.error-v3 h2 {
font-size: 72px;
line-height: 72px;
}
.modern-program-nav a {
margin: 10px auto;
padding: 10px;
width: 75%;
}
.section-tabs.nav-stacked > li.three-sections a, .section-tabs.nav-stacked > li.four-sections a {
padding: 5px;
}
.dcs-topic-page .dcs-topic-bar h1, .dcs-container-page .dcs-container-bar h1 {
display: block;
margin: 0;
padding: 0 10px;
text-align: center;
}
.series-listing .row {
width: 95%;
}
.cls-top-box .modern-program-nav a{
min-height:auto;
}
.cls-top-box .modern-program-title h1{
font-size:24px;
}
.instuctorlist .carousel-inner, .testimonials .carousel-inner {
height: auto;
}

.one-media .dcs-media-bar-item img{
height:190px;
}
#page .dcs-media-bar .one-media h3{
font-size:18px;
}
.one-media .mediaitem6 {
padding: 0px 10px;
}
#page .dcs-media-bar .two-media .media-tile-title h3, #page .dcs-media-bar .three-media .media-tile-title h3,  #page .dcs-media-bar .four-media .media-tile-title h3,  #page .dcs-media-bar .three-media .media-tile-title h3 {
margin: 15px;
}
#page .dcs-media-bar .three-media .media-tile-title h3, .three-media .youtube.part .media-tile-title{
padding:0px;
}
}

@media print {
a[href]:after {
content: none !important;
}
#top, #bottom {
display: none;
}
img {
max-width: 500px;
}
body {
font: 12pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
}
h1 {
font-size: 24pt;
}
h2 {
font-size: 14pt;
margin-top: 25px;
}
aside h2 {
font-size: 18pt;
}
.program-faq .collapse {
display: block;
}
@page {
margin: 0.5cm;
}
}
/*unify/pages/Profile.css
------------------------------------*/
.profile .list-group i {
min-width: 20px;
margin-right: 5px;
text-align: center;
}
.profile .heading-sm-v2 {
font-size: 16px;
}
.profile .profile-body {
padding: 20px;
background: #f7f7f7;
}
/*Scrollbar*/
.contentHolder {
padding: 0;
height: 320px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.spacer {
text-align: center
}
/*Panel Title Box*/
.profile .panel-profile {
border: none;
margin-bottom: 0;
box-shadow: none;
}
.profile .panel-profile.no-bg {
background: inherit;
}
.profile .panel-heading {
color: #585f69;
background: #fff;
padding: 7px 15px;
border-bottom: solid 3px #f7f7f7;
}
.profile .panel-heading-v2.overflow-h i.pull-right, .profile .panel-heading.overflow-h i.pull-right {
top: 7px;
position: relative;
}
.profile .panel-heading-v2.overflow-h i.pull-right, .profile .panel-heading.overflow-h a i {
color: #777;
}
.profile .panel-heading-v2.overflow-h i.pull-right, .profile .panel-heading.overflow-h a:hover i {
color: #555;
}
.profile .panel-title {
font-size: 16px;
}
/*Notification*/
.profile .notification {
overflow: hidden;
margin-bottom: 10px;
padding: 15px 15px 0 0;
border-top: 1px solid #eee;
}
.profile .notification:first-child {
border-top: none;
}
.profile .notification img, .profile .notification i {
float: left;
margin-right: 10px;
}
.profile .notification img {
width: 35px;
height: 35px;
}
.profile .notification span {
color: #777;
display: block;
}
.profile .notification small {
color: #999;
font-size: 11px;
}
.profile .notification h4 {
margin: 0 0 3px;
font-size: 14px;
}
.profile .notification p {
color: #777;
font-size: 12px;
}
/*Profile Post*/
.profile .profile-post {
background: #fff;
margin-bottom: 2px;
padding: 7px 7px 7px 0;
}
.profile .profile-post.color-one {
border-left: 2px solid #72c02c;
}
.profile .profile-post.color-two {
border-left: 2px solid #3498db;
}
.profile .profile-post.color-three {
border-left: 2px solid #e74c3c;
}
.profile .profile-post.color-four {
border-left: 2px solid #9b6bcc;
}
.profile .profile-post.color-five {
border-left: 2px solid #555;
}
.profile .profile-post.color-six {
border-left: 2px solid #f1c40f;
}
.profile .profile-post.color-seven {
border-left: 2px solid #27d7e7;
}
.profile .profile-post span.profile-post-numb {
float: left;
color: #999;
font-size: 20px;
font-weight: 200;
padding: 5px 12px;
}
.profile .profile-post:hover span.profile-post-numb {
color: #72c02c;
}
.profile .profile-post-in {
overflow: hidden;
}
.profile .profile-post-in h3 a {
color: #555;
text-transform: uppercase;
}
.profile .profile-post-in p {
color: #999;
margin-bottom: 5px;
}
/*Profile Event*/
.profile .profile-event .heading-xs {
margin-top: 0;
text-transform: uppercase;
}
.profile .profile-event {
background: #fff;
padding: 10px 15px;
margin-bottom: 2px;
}
.profile .profile-event p {
color: #999;
margin-bottom: 5px;
}
.profile .date-formats {
color: #fff;
float: left;
text-align: center;
background: #72c02c;
margin: 7px 13px 0 0;
padding: 7px 10px 4px;
}
.profile .date-formats span {
display: block;
font-size: 22px;
font-weight: 200;
line-height: 25px;
}
/*Table*/
.profile .table {
background: #fff;
}
.profile .table > thead > tr > th, .profile .table > tbody > tr > th, .profile .table > tfoot > tr > th, .profile .table > thead > tr > td, .profile .table > tbody > tr > td, .profile .table > tfoot > tr > td {
padding: 11px;
}
/*Comment*/
.profile .comment {
border-bottom: 1px solid #eee;
padding: 15px 15px 5px;
}
.profile .comment img {
float: left;
width: 50px;
height: 50px;
margin-right: 15px;
}
.profile .comment strong {
display: block;
line-height: 15px;
margin-bottom: 3px;
}
.profile .comment p {
font-size: 12px;
margin-bottom: 0;
line-height: 17px;
}
.profile .comment small {
color: #bbb;
font-weight: 200;
}
.profile .comment-list li {
color: #999;
font-size: 11px;
}
.profile .comment-list li a {
color: #555;
}
.profile .comment-list li a:hover {
color: #555;
text-decoration: none;
}
.profile .comment-list li:hover i {
color: #72c02c;
}
/*Image Post*/
.profile .img-post {
position: relative;
}
.profile .img-post:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(0,0,0,0.4);
}
.profile .img-post-in {
left: 0;
right: 0;
bottom: 0;
padding: 20px;
position: absolute;
}
.profile .img-post-in h3 {
color: #fff;
margin: 0 auto;
font-weight: 200;
}
.profile .img-post-in small {
color: #999;
display: block;
margin-bottom: 15px;
}
.profile .img-post-in p {
color: #bbb;
}
.profile .img-post-list {
margin-bottom: 0;
}
.profile .img-post-list li a, .profile .img-post-list li a:hover {
color: #fff;
text-decoration: none;
}
.profile .img-post-list li a:hover i {
color: #72c02c;
}
/*Media*/
.profile .media.media-v2 {
margin-top: 0;
padding: 25px 0 20px;
border-top: 1px solid #eee;
}
.profile .media.media-v2:first-child {
border-top: none;
}
.profile .media.media-v2 .media.media-v2 {
margin-top: 20px;
padding-bottom: 0;
}
.profile .media.media-v2 img.media-object {
width: 50px;
height: 50px;
margin-right: 10px;
}
/*Media Body*/
.profile .media.media-v2 .media-body {
overflow: hidden;
}
.profile .media.media-v2 .media-body p {
color: #777;
line-height: 1.4;
}
/*Media Heading*/
.profile .media.media-v2 .media-heading {
margin: 0 0 5px;
font-size: 13px;
position: relative;
}
.profile .media.media-v2 .media-heading a, .profile .media.media-v2 .media-heading a:hover {
color: #555;
}
.profile .media.media-v2 .media-heading strong {
padding-right: 5px;
}
.profile .media.media-v2 .media-heading small {
top: 7px;
right: 0;
color: #999;
font-size: 12px;
position: absolute;
}
/*Results List*/
.profile .results-list {
margin-top: 4px;
}
.profile .results-list li a {
color: #999;
}
/*Expand List*/
.profile i.expand-list {
color: #777;
padding: 5px;
min-width: 20px;
font-size: 12px;
text-align: center;
display: inline-block;
border: 1px solid #777;
}
.profile i.expand-list:hover {
color: #999;
border-color: #999;
}
/*Image Uploaded*/
.profile .img-uploaded li {
padding: 0;
}
.profile .img-uploaded img {
width: 120px;
height: auto;
}
/*Alert Blocks*/
.alert-blocks {
margin: 0 15px 5px;
background: #f7f7f7;
padding: 10px 10px 13px;
}
.alert-blocks:first-child {
margin-top: 15px;
}
.alert-blocks-pending {
background: #fffdcc;
}
.alert-blocks-success {
background: #e1febc;
}
.alert-blocks-pending {
background: #fffdcc;
}
.alert-blocks-error {
background: #fee0e0;
}
.alert-blocks-info {
background: #e0f3fe;
}
.alert-blocks.alert-dismissable {
padding-right: 35px;
}
.alert-blocks i {
float: left;
margin-right: 15px;
}
.alert-blocks img {
float: left;
width: 40px;
height: 40px;
margin-right: 15px;
}
.alert-blocks strong small {
color: #a3a3a3;
font-weight: 200;
}
.alert-blocks p {
color: #999;
margin-bottom: 0;
}
/*Profile Me
------------------------------------*/
/*Profile Biography*/
.profile .profile-bio {
background: #fff;
position: relative;
padding: 15px 10px 5px 15px;
}
.profile .profile-bio a {
left: 50%;
bottom: 20px;
margin-left: -60px;
text-align: center;
position: absolute;
}
.profile .profile-bio h2 {
margin-top: 0;
font-weight: 200;
}
.profile .profile-bio span {
display: block;
}
.profile .profile-bio hr {
margin: 12px 0 10px;
}
.profile .p-chart {
text-align: center;
}
.profile .p-chart h3 {
line-height: 20px;
margin-bottom: 10px;
}

/*Circle in Responsive*/
@media (max-width: 450px) {
.p-chart.col-xs-6 {
width: 100%;
}
}
/*Timeline*/
.profile .timeline-v2.timeline-me:before {
left: 19%;
}
.profile .timeline-v2.timeline-me p {
margin-bottom: 0;
}
.profile .timeline-v2.timeline-me > li .cbp_tmtime {
width: 27%;
}
.profile .timeline-v2.timeline-me > li .cbp_tmicon {
left: 19%;
}
.profile .timeline-v2.timeline-me > li .cbp_tmtime span:first-child {
color: #585f69;
font-size: 16px;
text-align: left;
line-height: 20px;
}
.profile .timeline-v2.timeline-me > li .cbp_tmtime span:last-child {
color: #999;
font-size: 14px;
text-align: left;
}
.profile .timeline-v2.timeline-me > li .cbp_tmlabel {
padding: 0;
background: inherit;
margin: 0 0 20px 23%;
}
.profile .timeline-v2.timeline-me > li .cbp_tmlabel:after {
border-color: inherit;
}
.profile .timeline-v2.timeline-me > li .cbp_tmlabel h2 {
margin: 0 auto;
font-size: 17px;
line-height: 20px;
border-bottom: none;
}
/*Social Contacts v2*/
.profile .social-contacts-v2 {
margin-bottom: 0;
}
.profile .social-contacts-v2 li {
padding: 7px 0;
border-top: 1px solid #f0f0f0;
}
.profile .social-contacts-v2 li:first-child {
border-top: none;
}
.profile .social-contacts-v2 li i {
font-size: 16px;
min-width: 25px;
margin-right: 7px;
text-align: center;
display: inline-block;
}
.profile .social-contacts-v2 li i.tw {
color: #159ceb;
}
.profile .social-contacts-v2 li i.fb {
color: #4862a3;
}
.profile .social-contacts-v2 li i.sk {
color: #00aceb;
}
.profile .social-contacts-v2 li i.gp {
color: #dc4a38;
}
.profile .social-contacts-v2 li i.gm {
color: #c6574b;
}
/*Social Contacts v3*/
.profile .social-contacts-v3 {
margin-bottom: 0;
}
.profile .social-contacts-v3 li {
padding: 12px 0;
border-top: 1px solid #f0f0f0;
}
.profile .social-contacts-v3 li:first-child {
padding-top: 0;
border-top: none;
}
.profile .social-contacts-v3 li:last-child {
padding-bottom: 0;
}
.profile .social-contacts-v3 li i {
color: #fff;
width: 25px;
height: 25px;
line-height: 25px;
margin-right: 7px;
text-align: center;
display: inline-block;
}
.profile .social-contacts-v3 li i.tw {
background: #159ceb;
}
.profile .social-contacts-v3 li i.fb {
background: #4862a3;
}
.profile .social-contacts-v3 li i.sk {
background: #00aceb;
}
.profile .social-contacts-v3 li i.gp {
background: #dc4a38;
}
.profile .social-contacts-v3 li i.gm {
background: #c6574b;
}
/*Profile Blog
------------------------------------*/
.profile .blog-border {
border: 1px solid #f0f0f0;
}
.profile .profile-blog {
padding: 20px;
background: #fff;
}
.profile .profile-blog img {
float: left;
width: 50px;
height: 50px;
margin-right: 20px;
}
.profile .profile-blog hr {
margin: 12px 0 10px;
}
.profile .name-location {
overflow: hidden;
}
.profile .name-location strong {
color: #555;
display: block;
font-size: 16px;
}
.profile .name-location span a {
color: #555;
}
.profile .name-location span a:hover {
color: #72c02c;
}
.profile .name-location span i {
color: #72c02c;
font-size: 18px;
margin-right: 5px;
}
/*Profile Projects
------------------------------------*/
.profile .projects {
background: #fff;
padding: 20px 20px 10px;
}
.profile .projects h2 {
margin: 0 0 5px;
font-size: 22px;
font-weight: 200;
}
.profile .projects h3 {
margin-bottom: 5px;
}
.profile .projects .progress {
margin-bottom: 15px;
}
.profile .blog-info-v2 {
margin-left: 0;
margin-bottom: 15px;
}
.profile .blog-info-v2 li {
font-size: 12px;
padding-left: 8px;
line-height: 12px;
border-left: 1px solid #eee;
}
.profile .blog-info-v2 li:first-child {
padding-left: 0;
border-left: none;
}
.profile .blog-info-v2 li i {
margin-right: 3px;
}
.profile .project-share {
overflow: hidden;
background: #fff;
padding: 10px 20px;
border-top: 1px solid #eee;
}
.profile .project-share ul {
margin-left: 0;
margin-bottom: 0;
}
.profile .comment-list-v2 li {
color: #999;
font-size: 14px;
padding: 0 10px 0 0;
}
.profile .comment-list-v2 li a {
color: #555;
}
.profile .comment-list-v2 li i {
margin-right: 3px;
}
.profile .comment-list-v2 li a:hover {
color: #555;
text-decoration: none;
}
.profile .comment-list-v2 li:hover i {
color: #72c02c;
}
.profile .star-vote li {
padding: 0;
font-size: 15px;
}
/*Profile History
------------------------------------*/
.profile .timeline-v2:before {
background: #eee;
}
.profile .timeline-v2 > li .cbp_tmlabel {
background: #fff;
}
.profile .timeline-v2 > li .cbp_tmlabel:after {
border-right-color: #fff;
}

@media screen and (max-width: 767px) {
.profile .timeline-v2 > li .cbp_tmlabel:after {
border-bottom-color: #fff;
border-right-color: transparent;
}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
.profile .timeline-v2 > li .cbp_tmlabel:after {
border-bottom-color: #fff;
border-right-color: transparent;
}
}
/*Profile Settings
------------------------------------*/
/*Profile Edit*/
.profile .profile-edit {
padding: 20px;
background: #fff;
}
.profile .profile-edit h2 {
font-weight: 200;
}
.profile .profile-edit dt {
text-align: inherit;
}
.profile .profile-edit hr {
margin: 17px 0 15px;
}
/*Tab*/
.profile .tab-content {
padding: 0;
}

@media (max-width: 768px) {
.profile .tab-v1 .nav-tabs {
border-bottom: none;
}
}
/*Sky Form*/
.profile .sky-form {
border: none;
}
.profile .sky-form .toggle-change i {
left: 180px;
}
/* unify/css/shop.blocks.css
------------------------------------*/
.tab-v5 .nav-tabs {
border-bottom-color: #dedede;
}
.tab-v5 .nav-tabs > li {
margin-right: 30px;
}
.tab-v5 .nav-tabs > li > a {
border: none;
color: #687074;
padding: 6px 0;
font-size: 18px;
margin-right: 0;
background: none;
text-transform: uppercase;
border-bottom: solid 1px transparent;
}
.tab-v5 .nav-tabs > li > a.active, .tab-v5 .nav-tabs > li > a.active:hover, .tab-v5 .nav-tabs > li > a.active:focus {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #18ba9b;
}
.tab-v5 .nav-tabs > li > a:hover {
border-bottom: 1px solid #18ba9b;
}
.tab-v5 .nav-tabs > li > a:focus {
border: none;
}
.tab-v5 .tab-content {
padding: 30px 0;
}
/*Accordion v2
------------------------------------*/
.accordion-v2 .panel {
box-shadow: none;
}
.accordion-v2 .panel-default {
border-color: #eee;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #eee;
}
.accordion-v2 .panel-heading {
padding: 0;
box-shadow: none;
}
.accordion-v2 .panel-heading a {
color: #555;
display: block;
font-size: 16px;
padding: 10px 15px;
background: #f8f8f8;
}
.accordion-v2 .panel-heading a.active:before {
content: "\f068";
}
.accordion-v2 .panel-heading i {
font-size: 20px;
vertical-align: middle;
}
.accordion-v2 .panel-heading a:hover {
color: #333;
text-decoration: none;
}
/*Plus Toggle*/
.accordion-v2.plus-toggle .panel-heading a.collapsed:before {
content: "\f067";
}
.accordion-v2.plus-toggle .panel-body {
padding-left: 50px;
}
/*Breadcrumbs v4
------------------------------------*/
.breadcrumbs-v4 {
width: 100%;
padding: 25px 0;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-image: url("/Dinamico/Themes/Default/img/breadcrumbs-img.jpg");
}
.breadcrumbs-v4:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(0,0,0,0.3);
}
.breadcrumbs-v4 .container {
position: relative;
}
.breadcrumbs-v4 span.page-name {
color: #fff;
display: block;
font-size: 18px;
font-weight: 200;
margin: 0 0 5px 3px;
}
.breadcrumbs-v4 h1 {
color: #fff;
font-size: 40px;
font-weight: 200;
margin: 0 0 20px;
line-height: 50px;
text-transform: uppercase;
}
.breadcrumbs-v4 .breadcrumb-v4-in {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.breadcrumbs-v4 .breadcrumb-v4-in > li {
color: #fff;
font-size: 13px;
display: inline-block;
}
.breadcrumbs-v4 .breadcrumb-v4-in > li + li:before {
color: #fff;
content: "\f105";
margin-left: 7px;
padding-right: 8px;
font-family: FontAwesome;
}
.breadcrumbs-v4 .breadcrumb-v4-in li a {
color: #fff;
}
.breadcrumbs-v4 .breadcrumb-v4-in li.active, .breadcrumbs-v4 .breadcrumb-v4-in li a:hover {
color: #18ba9b;
text-decoration: none;
}

@media (max-width: 768px) {
.breadcrumbs-v4 {
text-align: center;
}
.breadcrumbs-v4 span.page-name {
font-size: 18px;
}
.breadcrumbs-v4 h1 {
font-size: 30px;
margin-bottom: 10px;
}
}
/*Breadcrumbs v5
------------------------------------*/
.breadcrumb-v5 {
padding: 20px 0;
list-style: none;
}
.breadcrumb-v5 > li {
color: #999;
font-size: 18px;
display: inline-block;
}
.breadcrumb-v5 > li + li:before {
color: #ccc;
content: "\f105";
margin-left: 7px;
padding-right: 8px;
font-family: FontAwesome;
}
.breadcrumb-v5 li h1 {
margin: 0;
}
.breadcrumb-v5 li a {
color: #999;
}
.breadcrumb-v5 li i {
margin: 0 auto;
font-size: 18px;
}
.breadcrumb-v5 li.active, .breadcrumb-v5 li a:hover {
color: #18ba9b;
text-decoration: none;
}
/*Full Width*/
.full-width {
width: 100%;
}
/*Shop Color Red*/
.shop-red {
color: #c9253c;
}
.shop-green {
color: #18ba9b;
}
/*Shop Background Red*/
.shop-bg-red {
background: #c9253c;
}
.shop-bg-green {
background: #18ba9b;
}
.shop-rgba-red {
background: rgba(201,37,60,0.5);
}
.shop-rgba-dark-green {
background: rgba(24,171,155,0.5);
}
.shop-rgba-dark {
background: rgba(0,0,0,0.5);
}
/*Button Sea Shop*/
.btn-u.btn-u-sea-shop {
background: #18ba9b;
}
.btn-u.btn-u-sea-shop:hover, .btn-u.btn-u-sea-shop:focus, .btn-u.btn-u-sea-shop:active, .btn-u.btn-u-sea-shop.active, .open .dropdown-toggle.btn-u.btn-u-sea-shop {
background: #2cd5b6;
}
.btn-u.btn-u-split-sea.dropdown-toggle {
border-left: solid 1px #2cd5b6;
}
/*Button Bordered Sea Shop*/
.btn-u.btn-brd.btn-u-sea-shop {
color: #18ba9b;
background: none;
border-color: #18ba9b;
}
.btn-u.btn-brd.btn-u-sea-shop:hover {
color: #18ba9b;
border-color: #18ba9b;
}
.btn-u.btn-brd.btn-u-sea-shop.btn-brd-hover:hover {
background: #18ba9b;
}
/*Label Danger Shop*/
.label.label-danger-shop {
color: #fff;
font-size: 9px;
padding: 1px 5px;
background: #c9253c;
text-transform: uppercase;
}
/*Removes Bootstrap carousel background images*/
.carousel-control.left, .carousel-control.right {
background-image: none;
}
/*RGBA Banner*/
.rgba-banner-position {
position: relative;
}
.rgba-banner {
top: 20px;
right: -5px;
color: #fff;
font-size: 14px;
padding: 3px 8px;
font-weight: 600;
position: absolute;
text-transform: uppercase;
}
.rgba-banner-v2 {
right: 0;
top: 20px;
color: #fff;
font-size: 14px;
padding: 3px 8px;
font-weight: 600;
position: absolute;
text-transform: uppercase;
}

/*Shopcart table*/
.shopping-cart .table {
font-family: 'Open Sans', sans-serif;
}
.shopping-cart .table > tbody > tr > td {
color: #888;
}
.shopping-cart .table > tbody > tr > td.shop-red {
color: #c9253c;
}
.shopping-cart .table > thead > tr > th, .shopping-cart .table > tbody > tr > th, .shopping-cart .table > tfoot > tr > th, .shopping-cart .table > thead > tr > td, .shopping-cart .table > tbody > tr > td, .shopping-cart .table > tfoot > tr > td {
border-top: none;
vertical-align: middle;
}
.shopping-cart .table > thead > tr > th, .shopping-cart .table > tbody > tr > td {
padding: 15px;
text-align: center;
}
.shopping-cart .table > thead > tr > th {
color: #687074;
font-size: 16px;
font-weight: 400;
padding-bottom: 20px;
text-transform: uppercase;
}
/*Quantity Field Form*/
.shopping-cart .quantity-button {
color: #888;
width: 45px;
height: 40px;
padding: 5px;
border: none;
outline: none;
cursor: pointer;
font-size: 18px;
background: #eee;
text-align: center;
font-weight: normal;
white-space: nowrap;
display: inline-block;
background-image: none;
}
.shopping-cart .quantity-field {
width: 45px;
height: 40px;
outline: none;
margin: 0 -4px;
font-size: 18px;
text-align: center;
display: inline-block;
border: 1px solid #eee;
}
/* Added to stop the spin box buttons from appearing in Firefox and Chrome */
input.quantity-field {
-moz-appearance: textfield;
}
input.quantity-field::-webkit-outer-spin-button, input.quantity-field::-webkit-inner-spin-button {
-webkit-appearance: none;
}
/*Close*/
.shopping-cart .close {
opacity: 1;
color: #888;
font-size: 18px;
padding-right: 10px;
}
.shopping-cart .close:hover {
color: #555;
}

/*============themes/default/lib/socialsider-v1.0/css/socialsider-v1.0.css====================*/
@font-face {
font-family: 'socicon';
src: url("/Dinamico/Themes/Default/lib/plugins/socialsider-v1.0/_fonts/socicon-webfont.eot");
src: url("/Dinamico/Themes/Default/lib/plugins/socialsider-v1.0/_fonts/socicon-webfont.eot#iefix") format('embedded-opentype'),
url("/Dinamico/Themes/Default/lib/plugins/socialsider-v1.0/_fonts/socicon-webfont.woff") format('woff'),
url("/Dinamico/Themes/Default/lib/plugins/socialsider-v1.0/_fonts/socicon-webfont.ttf") format('truetype'),
url("/Dinamico/Themes/Default/lib/plugins/socialsider-v1.0/_fonts/socicon-webfont.svg#sociconregular") format('svg');
font-weight: normal;
font-style: normal;
}
.socialsider { width:70px; display:block; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;  }
.socialsider ul { list-style-type:none; margin:0; padding:0; }
.socialsider li { margin:0; padding:0; }
.socialsider a { overflow:hidden; height:41px;display:block; text-decoration:none; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative;}
.socialsider a::after { display:block; font-family:'socicon'; text-decoration:none; font-size:20px; padding:10px; position:absolute;left:0;top:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
.socialsider_fixed { position:fixed; }
.socialsider_absolute { position:absolute; }
/* Effects */
.socialsider_radius a::after { border-radius:5px; }
.socialsider_shadow a::after { -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);box-shadow: 0 0 2px 2px rgba(0,0,0,0.2); }
.socialsider_opacity a::after { opacity:0.4; }
.socialsider_opacity a:hover::after { opacity:1; }
.socialsider_spacer a { height:42px; margin-bottom:1px; }
/* Positions */
.socialsider_left_top { left:-30px; top:50px; }
.socialsider_left_top.socialsider_hidden { left:-45px; }
.socialsider_left_top.socialsider_hidden:hover { left:-25px; }
.socialsider_left_top a{ left:0;}
.socialsider_left_top a::after {padding-left:40px; }
.socialsider_left_top a:hover { left:10px; }

.socialsider_left_middle { left:-30px; top:40%; }
.socialsider_left_middle.socialsider_hidden { left:-45px;}
.socialsider_left_middle.socialsider_hidden:hover { left:-25px; }
.socialsider_left_middle a { left:0;}
.socialsider_left_middle a::after { padding-left:40px; }
.socialsider_left_middle a:hover { left:10px; }

.socialsider_left_bottom { left:-30px; bottom:50px; }
.socialsider_left_bottom.socialsider_hidden { left:-45px; }
.socialsider_left_bottom.socialsider_hidden:hover { left:-25px; }
.socialsider_left_bottom a { left:0;}
.socialsider_left_bottom a::after { padding-left:40px; }
.socialsider_left_bottom a:hover { left:10px; }

.socialsider_right_top { right:-30px; top:50px; }
.socialsider_right_top.socialsider_hidden { right:-45px; }
.socialsider_right_top.socialsider_hidden:hover { right:-25px; }
.socialsider_right_top a { right:0;}
.socialsider_right_top a::after { padding-right:40px; }
.socialsider_right_top a:hover { right:10px; }

.socialsider_right_middle { right:-30px; top:40%; }
.socialsider_right_middle.socialsider_hidden { right:-45px; }
.socialsider_right_middle.socialsider_hidden:hover { right:-25px; }
.socialsider_right_middle a { right:0;}
.socialsider_right_middle a::after { padding-right:40px; }
.socialsider_right_middle a:hover { right:10px; }

.socialsider_right_bottom { right:-30px; bottom:50px; }
.socialsider_right_bottom.socialsider_hidden { right:-45px;}
.socialsider_right_bottom.socialsider_hidden:hover { right:-25px; }
.socialsider_right_bottom a { right:0;}
.socialsider_right_bottom a::after { padding-right:40px; }
.socialsider_right_bottom a:hover { right:10px; }

/* Socicon letters */
.socialsider a[data-socialsider='twitter']::after { content:"a";}
.socialsider a[data-socialsider='facebook']::after { content:"b";}
.socialsider a[data-socialsider='pinterest']::after { content:"d";}
.socialsider a[data-socialsider='outlook']::after { content:"1";}
.socialsider a[data-socialsider='linkedin']::after { content:"j";}
.socialsider a[data-socialsider='youtube']::after { content:"r";}
.socialsider a[data-socialsider='vimeo']::after { content:"s";}
.socialsider a[data-socialsider='flickr']::after { content:"v";}
.socialsider a[data-socialsider='instagram']::after { content:"x";}
.socialsider a[data-socialsider='rss']::after { content: ",";}
/* Dark background, white font */
.socialsider.socialsider_bgdark_white a::after { background:#333; color:#FFF;}
.socialsider.socialsider_bgdark_white.socialsider_colorize a[data-socialsider='twitter']:hover::after { background:#4da7de;}
.socialsider.socialsider_bgdark_white.socialsider_colorize a[data-socialsider='facebook']:hover::after { background:#3e5b98;}
.socialsider.socialsider_bgdark_white.socialsider_colorize a[data-socialsider='pinterest']:hover::after { background:#c92619;}
.socialsider.socialsider_bgdark_white.socialsider_colorize a[data-socialsider='linkedin']:hover::after { background:#3371b7;}
.socialsider.socialsider_bgdark_white.socialsider_colorize a[data-socialsider='youtube']:hover::after { background:#e02a20;}
.socialsider.socialsider_bgdark_white.socialsider_colorize a[data-socialsider='vimeo']:hover::after { background:#51b5e7;}
.socialsider.socialsider_bgdark_white.socialsider_colorize a[data-socialsider='instagram']:hover::after { background:#9c7c6e;}
.socialsider.socialsider_bgdark_white.socialsider_colorize a[data-socialsider='outlook']:hover::after { background:#0072C6;}
.socialsider.socialsider_bgdark_white.socialsider_colorize a[data-socialsider='rss']:hover::after { background: #f26109;}
/* White background, dark font */
.socialsider.socialsider_bgwhite_dark a::after { background:#FFF; color:#333;}
.socialsider.socialsider_bgwhite_dark.socialsider_colorize a[data-socialsider='twitter']:hover::after { color:#4da7de;}
.socialsider.socialsider_bgwhite_dark.socialsider_colorize a[data-socialsider='facebook']:hover::after { color:#3e5b98;}
.socialsider.socialsider_bgwhite_dark.socialsider_colorize a[data-socialsider='pinterest']:hover::after { color:#c92619;}
.socialsider.socialsider_bgwhite_dark.socialsider_colorize a[data-socialsider='linkedin']:hover::after { color:#3371b7;}
.socialsider.socialsider_bgwhite_dark.socialsider_colorize a[data-socialsider='youtube']:hover::after { color:#e02a20;}
.socialsider.socialsider_bgwhite_dark.socialsider_colorize a[data-socialsider='vimeo']:hover::after { color:#51b5e7;}
.socialsider.socialsider_bgwhite_dark.socialsider_colorize a[data-socialsider='instagram']:hover::after { color:#9c7c6e;}
.socialsider.socialsider_bgwhite_dark.socialsider_colorize a[data-socialsider='outlook']:hover::after { color:#0072C6;}
.socialsider.socialsider_bgwhite_dark.socialsider_colorize a[data-socialsider='rss']:hover::after { color: #f26109;}
/* Color background, white font */
.socialsider.socialsider_bgcolor_white a::after { color:#FFF;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='twitter']::after { background:#4da7de;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='facebook']::after { background:#3e5b98;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='pinterest']::after { background:#c92619;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='linkedin']::after { background:#3371b7;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='youtube']::after { background:#e02a20;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='vimeo']::after { background:#51b5e7;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='instagram']::after { background:#9c7c6e;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='outlook']::after { background:#0072C6;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='rss']::after { background: #f26109;}
/* White background, color font */
.socialsider.socialsider_bgwhite_color a::after { background:#FFF;}
.socialsider.socialsider_bgwhite_color a[data-socialsider='twitter']::after { color:#4da7de;}
.socialsider.socialsider_bgwhite_color a[data-socialsider='facebook']::after { color:#3e5b98;}
.socialsider.socialsider_bgwhite_color a[data-socialsider='pinterest']::after { color:#c92619;}
.socialsider.socialsider_bgwhite_color a[data-socialsider='linkedin']::after { color:#3371b7;}
.socialsider.socialsider_bgwhite_color a[data-socialsider='youtube']::after { color:#e02a20;}
.socialsider.socialsider_bgwhite_color a[data-socialsider='vimeo']::after { color:#51b5e7;}
.socialsider.socialsider_bgwhite_color a[data-socialsider='instagram']::after { color:#9c7c6e;}
.socialsider.socialsider_bgwhite_color a[data-socialsider='outlook']::after { color:#0072C6;}
.socialsider.socialsider_bgwhite_color a[data-socialsider='rss']::after { color: #f26109;}

/* ------Conference site styling-------- */

#ConfRegContent .LoginPanel{
background-color:#f9f9f9;
margin:0px;
padding:20px;
}
#ConfRegContent .PanelContent{
margin:0px;
}
#ConfRegContent  button{
text-transform: uppercase;
font-size: 12px;
font-weight: bold !important;
padding: 5px 20px;
border-radius: 5px;
}
#ConfRegContent FormFieldColumn button{
background-color: rgb(51, 204, 0);
color: rgb(255, 255, 255);
}
#ConfRegContent .UsernamePanel{
width:600px;
}
