Your IP : 216.73.216.147
/*******************************************************************************************/
/*
/* Designed by 'AS Designing'
/* Web: http://www.asdesigning.com
/* Web: http://www.astemplates.com
/* License: GNU/GPL
/*
/*******************************************************************************************/
html, body
{
height: 100%;
}
body
{
font-size: 16px;
font-weight: 300;
line-height: 22px;
color: #666;
background-color: #fff;
font-family: 'Lato', sans-serif;
background: rgba(244, 244, 244, 1);
}
img
{
max-width: 100%;
}
a
{
color: #37b373;
text-decoration: none !important;
}
a:focus
{
outline: none;
color: #c64f5b;
}
a.selected
{
color: #c64f5b;
}
a:hover
{
color: #85b1d8;
text-decoration: none;
}
#wrapper
{
margin: 0 auto;
position: relative;
}
#push,
#footer-wrapper
{
min-height: 10px;
position: relative;
}
.offline_container
{
height: 100%;
text-align: center;
font-size: 0;
line-height: 0;
}
.offline_container:before
{
content: '';
display: inline-block;
height: 100%;
width: 0;
overflow: hidden;
vertical-align: middle;
}
.offline_container .container
{
display: inline-block;
vertical-align: middle;
max-width: 100%;
}
.offline_container #system-message
{
font-size: 17px;
line-height: 25px;
max-width: 100%;
display: inline-block;
}
.offline_container .well
{
vertical-align: middle;
margin: 0;
display: inline-block;
max-width: 100%;
text-align: left;
font-size: 17px;
line-height: 25px;
padding: 20px 40px;
}
.offline_container h1
{
color: #85b1d8;
padding-bottom: 30px;
}
.moduletable:after
{
clear: both;
display: block;
content: '';
}
.radio input[type="radio"],
.checkbox input[type="checkbox"]
{
float: none;
margin: -2px 0 0;
}
.form-inline .checkbox input[type="checkbox"]
{
float: none;
}
.radio input[type="radio"]
{
margin: -2px 3px 0 0;
}
.radio, .checkbox
{
padding-left: 0;
}
.mod-menu .nav.menu.nav-pills > li > a
{
display: block;
}
.mod-menu .nav.menu.nav-pills > li.active > a
{
background: #37b373;
}
time,
.item_hits,
.item_category-name address,
.item_createdby
{
white-space: nowrap;
margin: 0;
}
p.blocknumber
{
min-height: 44px;
padding: 5px 20px 15px 95px !important;
position: relative;
}
span.blocknumber
{
background-color: #37b373;
border-radius: 50%;
color: #fff;
font-size: 26px;
font-weight: bold;
height: 65px;
left: 0;
line-height: 65px;
margin-top: 5px;
position: absolute;
text-align: center;
width: 65px;
}
/**************************************************************************************/
/* Module styles
/**************************************************************************************/
.mod-search__aside .mod-search_searchword
{
width: 100%;
}
.mod-login__aside
{
padding-top: 7px;
}
.mod-login__aside .mod-login_username,
.mod-login__aside .mod-login_passwd,
.mod-login__aside #modlgn-username,
.mod-login__aside #modlgn-passwd
{
width: 100%;
}
.mod-login_submit
{
margin: 20px 0;
}
#form-login-remember label
{
margin-bottom: 20px;
}
#mod-finder-searchword
{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin-bottom: 4px;
border: 1px solid #ebebeb;
box-shadow: none;
}
.archive-module,
.categories-module,
.mod-menu .nav.menu
{
margin: 0;
}
.archive-module li,
.categories-module li,
.mod-menu .nav.menu li
{
list-style: none;
font-size: 16px;
}
.archive-module li a,
.categories-module li a,
.mod-menu .nav.menu li a
{
color: #666;
position: relative;
padding: 22px 35px 23px 35px;
display: block;
background: none !important;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
font-size: 18px;
}
.archive-module li a:hover,
.categories-module li a:hover,
.mod-menu .nav.menu li a:hover
{
background: #37b373;
padding-left: 60px;
padding-right: 31px;
color: #fff;
}
.archive-module li a:hover:before,
.categories-module li a:hover:before,
.mod-menu .nav.menu li a:hover:before
{
color: #fff;
left: 29px;
}
.archive-module li a:before,
.categories-module li a:before,
.mod-menu .nav.menu li a:before
{
content: '\f105';
font-family: FontAwesome;
color: #666;
font-size: 20px;
position: absolute;
left: 0;
top: 22px;
line-height: 25px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
margin-left: 3px;
}
.tagspopular ul
{
margin: 0;
}
.tagspopular ul li
{
list-style: none;
display: inline-block;
padding: 0 15px 12px 0;
}
.moduletable.left-to-right
{
-webkit-transform: translate(-1000px, 0);
-moz-transform: translate(-1000px, 0);
-ms-transform: translate(-1000px, 0);
-o-transform: translate(-1000px, 0);
transform: translate(-1000px, 0);
-webkit-transition: transform 0.7s ease;
-moz-transition: transform 0.7s ease;
-o-transition: transform 0.7s ease;
transition: transform 0.7s ease;
}
.moduletable.right-to-left
{
-webkit-transform: translate(1000px, 0);
-moz-transform: translate(1000px, 0);
-ms-transform: translate(1000px, 0);
-o-transform: translate(1000px, 0);
transform: translate(1000px, 0);
-webkit-transition: transform 0.5s ease 0.3s;
-moz-transition: transform 0.5s ease 0.3s;
-o-transition: transform 0.5s ease 0.3s;
transition: transform 0.5s ease 0.3s;
}
.visible .moduletable.left-to-right,
.visible .moduletable.right-to-left
{
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
/**************************************************************************************/
/**************************************************************************************/
/* Modules width */
.fluid
{
margin-left: -30px;
width: auto;
}
.row-fluid
{
margin-left: -30px;
width: auto;
}
.row-fluid [class*="itemSpan"],
.row-fluid [class*="span"]
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 0;
display: block;
float: left;
padding-left: 30px;
min-height: 1px;
width: 100%;
}
.row-fluid .itemSpan1,
.row-fluid .span1
{
width: 8.333325%;
}
.row-fluid .itemSpan2,
.row-fluid .span2
{
width: 16.66665%;
}
.row-fluid .itemSpan3,
.row-fluid .span3
{
width: 24.999975%;
}
.row-fluid .itemSpan4,
.row-fluid .span4
{
width: 33.2%;
}
.row-fluid .itemSpan5,
.row-fluid .span5
{
width: 41.666625%;
}
.row-fluid .itemSpan6,
.row-fluid .span6
{
width: 49.99995%;
}
.row-fluid .itemSpan7,
.row-fluid .span7
{
width: 58.333275%;
}
.row-fluid .itemSpan8,
.row-fluid .span8
{
width: 66.6666%;
}
.row-fluid .itemSpan9,
.row-fluid .span9
{
width: 74.999925%;
}
.row-fluid .itemSpan10,
.row-fluid .span10
{
width: 83.33325%;
}
.row-fluid .itemSpan11, .
row-fluid .span11
{
width: 91.66657500000001%;
}
.row-fluid .itemSpan12,
.row-fluid .span12
{
width: 100%;
}
.cols-1 [class*="span"]
{
width: 99.9999%;
}
.cols-2 [class*="span"]
{
width: 49.99995%;
}
.cols-3 [class*="span"]
{
width: 33.3333%;
}
.cols-4 [class*="span"]
{
width: 24.999975%;
}
.cols-5 [class*="span"]
{
width: 19.99998%;
}
.cols-6 [class*="span"]
{
width: 16.66665%;
}
/**************************************************************************************/
/* Mailto window */
#mailto-window
{
padding-top: 1em;
}
.mailto-close
{
margin-bottom: 1em;
overflow: hidden;
}
.mailto-close a
{
float: right;
}
/**************************************************************************************/
/* Modal window */
div.modal.fade.loginPopup
{
width: 260px;
margin: 0;
top: 0;
left: 50%;
background: #f6f6f6;
position: absolute;
z-index: 99000;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 0;
filter: alpha(opacity=0);
}
div.modal.fade.loginPopup.in
{
opacity: 1;
filter: alpha(opacity=100);
}
div.modal.fade.loginPopup .modal-body
{
overflow: visible;
}
div.modal.fade
{
top: -200%;
}
.modalClose
{
margin: 14px;
}
.login-greeting
{
margin: 0 0 9px 0;
}
.input-modal
{
width: 146px;
}
div.modal.fade
{
z-index: 0;
}
div.modal.fade.in
{
z-index: 1100;
}
/**************************************************************************************/
/* Component styles */
/**************************************************************************************/
/**************************************************************************************/
/* Forms */
textarea
{
width: 30%;
min-width: 220px;
resize: none;
}
select, textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 60px;
color: #777777;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
padding: 16px 19px;
font-size: 13px;
}
input[type='radio'],
input[type='checkbox']
{
margin: -2px 0 0;
}
select
{
padding-left: 11px;
padding-right: 11px;
}
#helpsite-refresh
{
margin-bottom: 9px;
}
.checkbox-radio-wrap__inline
{
display: inline-block;
margin-left: 6px;
vertical-align: top;
}
.checkbox-radio-wrap__inline input[type="radio"],
.checkbox-radio-wrap__inline input[type="checkbox"]
{
margin: -2px 0 0 0;
}
.page-registration form label,
.page-remind form label,
.page-reset form label,
.page-login form label,
.page-login form label,
.page-profile__edit form label
{
display: inline-block;
margin-right: 20px;
}
textarea.invalid
{
border: 1px solid #9D261D;
}
.form-vertical label
{
display: inline-block;
}
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder
{
color: #777777;
opacity: 1;
text-transform: uppercase;
}
.category_desc
{
padding-bottom: 2em;
}
/**************************************************************************************/
/* Searches */
ul#finder-filter-select-dates li.filter-date
{
margin-bottom: 4px;
margin-right: 4px;
}
ul#finder-filter-select-dates li.filter-date select.filter-date-operator
{
margin-bottom: 9px;
}
#searchForm fieldset
{
margin-bottom: 20px;
}
#searchForm fieldset label
{
display: inline-block;
margin-right: 1em;
}
#searchForm .form-limit label
{
float: left;
}
#searchForm .form-limit select
{
float: right;
position: relative;
top: -16px;
}
#searchForm .form-limit p
{
overflow: hidden;
clear: both;
}
#searchForm .phrases-box
{
padding-bottom: 1em;
}
#searchForm .phrases-box label
{
min-width: 90px;
}
dl.search-results
{
margin-bottom: 30px;
}
dl.search-results dt
{
margin-top: 20px;
}
.navbar-form .btn, .navbar-form .btn-group
{
margin-top: 5px;
}
/**************************************************************************************/
/* Featured Page */
.page-featured .item
{
text-align: center;
}
.page-featured .item_header .item_title
{
margin-bottom: 50px;
color: #3e5153;
text-align: center;
}
.page-featured .item_header .item_title a
{
}
.page-featured .item_header .item_title .item_title_part0
{
color: #37b373;
font-weight: 700;
font-size: 0.7em;
display: block;
}
.page-featured .item_header .item_title a:hover
{
color: #37b373;
}
.page-featured .item_header .item_title a:hover .item_title_part0
{
color: #3e5153;
}
.page-featured .item .img-intro img
{
border-radius: 50%;
max-width: 50%;
border: 7px solid #37b373;
}
.page-featured .column-1
{
opacity: 0;
-webkit-transition: opacity 1s ease-in-out 0.1s;
-moz-transition: opacity 1s ease-in-out 0.1s;
transition: opacity 1s ease-in-out 0.1s;
}
.page-featured .column-2
{
opacity: 0;
-webkit-transition: opacity 1s ease-in-out 0.4s;
-moz-transition: opacity 1s ease-in-out 0.4s;
transition: opacity 1s ease-in-out 0.4s;
}
.page-featured .column-3
{
opacity: 0;
-webkit-transition: opacity 1s ease-in-out 0.7s;
-moz-transition: opacity 1s ease-in-out 0.7s;
transition: opacity 1s ease-in-out 0.7s;
}
.page-featured .column-4
{
opacity: 0;
-webkit-transition: opacity 1s ease-in-out 1s;
-moz-transition: opacity 1s ease-in-out 1s;
transition: opacity 1s ease-in-out 1s;
}
.visible .page-featured .column-1,
.visible .page-featured .column-2,
.visible .page-featured .column-3,
.visible .page-featured .column-4
{
opacity: 1;
}
/**************************************************************************************/
/* Gallery */
.page-gallery a.zoom,
.page-item__gallery a.zoom
{
position: relative;
display: block;
overflow: hidden;
z-index: 1;
}
.page-gallery a.zoom span.zoom-bg,
.page-item__gallery a.zoom span.zoom-bg
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background: #000;
opacity: 0;
filter: alpha(opacity=0);
z-index: 3;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.page-gallery a.zoom span.zoom-icon,
.page-item__gallery a.zoom span.zoom-icon
{
background: url(../images/zoom.png) left top no-repeat;
display: block;
width: 36px;
height: 36px;
position: absolute;
top: -50%;
left: 50%;
margin: -18px 0 0 -18px;
z-index: 4;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.page-gallery a.zoom:hover span.zoom-bg,
.page-item__gallery a.zoom:hover span.zoom-bg
{
opacity: 0.5;
filter: alpha(opacity=50);
}
.page-gallery a.zoom:hover span.zoom-icon,
.page-item__gallery a.zoom:hover span.zoom-icon
{
top: 50%;
}
.page-gallery a.zoom img,
.page-item__gallery a.zoom img
{
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
z-index: 2;
}
.page-gallery a.zoom.active img,
.page-item__gallery a.zoom.active img
{
z-index: 2;
}
.page-gallery .item_icons,
.page-item__gallery .item_icons
{
margin-bottom: 9px;
}
.img-full__left.span5
{
padding-left: 0;
}
.view-article #prevArrow,
.view-article #nextArrow
{
display: none;
}
.gallery-grid
{
margin-bottom: 24px;
}
.gallery-grid .view
{
position: relative;
overflow: hidden;
margin: 20px;
border-radius: 50%;
}
.page-gallery .gallery-grid .view
{
position: relative;
overflow: hidden;
margin: 1px;
border-radius: 0;
}
.gallery-grid .view .mask,
.gallery-grid .view .content
{
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
z-index: 2;
}
.gallery-grid .view .mask .mask_wrap,
.gallery-grid .view .content .mask_wrap
{
text-align: center;
width: 100%;
height: 100%;
font-size: 0;
line-height: 0;
}
.gallery-grid .view .mask .mask_wrap:before,
.gallery-grid .view .content .mask_wrap:before
{
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
overflow: hidden;
width: 0;
}
.gallery-grid .view .mask .mask_wrap .mask_cont,
.gallery-grid .view .content .mask_wrap .mask_cont
{
display: inline-block;
vertical-align: middle;
padding: 10%;
font-size: 17px;
line-height: 25px;
max-width: 99%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gallery-grid .view .mask .mask_wrap .mask_cont h3,
.gallery-grid .view .content .mask_wrap .mask_cont h3
{
color: #fff !important;
margin-bottom: 15px;
font-size: 18px;
}
.gallery-grid .view .mask .mask_wrap .mask_cont h3 a:hover,
.gallery-grid .view .content .mask_wrap .mask_cont h3 a:hover
{
color: #eee !important;
}
.gallery-grid .view .item_img
{
margin: 0;
}
.gallery-grid .view img
{
display: block;
z-index: 1;
}
.gallery-grid .view h2,
.gallery-grid .view p
{
position: relative;
}
.gallery-grid .view .item_more a
{
display: inline-block;
font-size: 1.5em;
font-weight: normal;
padding: 2%;
}
.gallery-item.gallery-grid .view .item_img img
{
-webkit-transition: transform 0.2s linear;
-moz-transition: transform 0.2s linear;
-o-transition: transform 0.2s linear;
-ms-transition: transform 0.2s linear;
transition: transform 0.2s linear;
}
.gallery-item.gallery-grid .view .mask
{
opacity: 0;
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
-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;
text-align: center;
color: #fff;
}
.gallery-item.gallery-grid .view .item_title
{
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.gallery-item.gallery-grid .view .item_introtext
{
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.gallery-item.gallery-grid .view:hover .item_img img
{
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.gallery-item.gallery-grid .view .item_more
{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.gallery-item.gallery-grid .view:hover .mask
{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.gallery-item.gallery-grid .view:hover .item_title,
.gallery-item.gallery-grid .view:hover .item_introtext,
.gallery-item.gallery-grid .view:hover .item_more
{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.gallery-item.gallery-grid .view:hover .item_introtext
{
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.gallery-item.gallery-grid .view:hover .item_more
{
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
/**************************************************************************************/
/* Isotope */
.isotope-item
{
z-index: 2;
}
.isotope-hidden.isotope-item
{
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item
{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope
{
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item
{
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition
{
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.filters b,
.sorting b,
.layout-mode b
{
display: block;
margin: 0 0 15px;
}
.layout-mode
{
float: right;
}
ul#filters
{
margin: 0 0 15px;
}
ul#filters li
{
display: inline-block;
vertical-align: top;
}
ul#filters li a
{
cursor: pointer;
}
ul#sort
{
margin: 0 0 15px;
}
ul#sort li
{
display: inline-block;
vertical-align: top;
}
ul#sort li a
{
cursor: pointer;
}
ul#grid-list
{
margin: 0 0 15px;
}
ul#grid-list li
{
display: inline-block;
}
.gallery-grid .item_img
{
margin-right: 0;
}
.page-gallery_img
{
margin-left: 0;
}
.category_children .category_child
{
margin-bottom: 20px;
}
/**************************************************************************************/
/* Archives */
.page-archive_filters .filter-search
{
padding-bottom: 21px;
overflow: hidden;
}
.page-archive_filters select
{
margin-bottom: 8px;
display: inline-block;
}
.page-archive_filters button
{
display: inline-block;
margin-bottom: 8px;
}
/**************************************************************************************/
/* Contacts page */
#jform_contact_message
{
resize: none;
width: 100%;
height: 149px;
}
#contact-form label
{
display: inline-block;
margin-bottom: 5px;
}
.phone-num
{
display: inline-block;
}
#jform_contact_name,
#jform_contact_email,
#jform_contact_emailmsg
{
width: 100%;
}
.contact_email-copy,
.contact_vcard
{
margin: 0 30px 0 0;
height: 60px;
line-height: 60px;
display: inline-block;
}
.contact_vcard
{
margin: 0;
}
.contact_details
{
padding: 40px 0px;
}
.contact_details .icons-marker
{
display: block;
width: 16px;
margin: 4px 15px;
float: left;
}
.contact_address
{
overflow: hidden;
}
.contact_misc
{
padding-bottom: 80px;
}
.contact_misc p
{
padding-bottom: 55px;
}
#contact_map
{
margin-bottom: 25px;
}
#contact_map .map
{
border: 1px solid #d0d0d0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contact_map .map.mfp-hide
{
display: block !important;
}
.map img
{
max-width: none !important;
}
.mfp-content .map
{
max-width: 1170px;
}
.map-popup .mfp-inline-holder, .map-popup .mfp-content
{
cursor: zoom-out !important;
}
.contact_details_item
{
margin-bottom: 70px;
}
/**************************************************************************************/
/* Captions */
.img_caption
{
text-align: center!important;
}
.img_caption.left
{
float: left;
margin-right: 1em;
}
.img_caption.left p
{
clear: left;
text-align: center;
}
.img_caption.right
{
float: right;
margin-left: 1em;
}
.img_caption.right p
{
clear: right;
text-align: center;
}
.img_caption.none
{
margin-left: auto;
margin-right: auto;
}
/**************************************************************************************/
/* 404 Page */
.errorBox
{
background: none;
text-align: left;
}
#error .well
{
margin-bottom: 0;
}
/**************************************************************************************/
/* Documentation */
#mod_table .module
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}
#mod_table .module:nth-child(even)
{
background: #eeeeee;
}
#mod_table ul li
{
list-style: none;
}
/**************************************************************************************/
/* Back to top */
#back-top
{
position: fixed;
bottom: 90px;
right: 40px;
z-index: 99;
}
#back-top a
{
font-size: 52px;
line-height: 50px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
color: #37b373;
opacity: 0.8;
}
#to-desktop
{
display: none;
}
#to-desktop a span.to_mobile
{
display: none;
}
.dropdown-toggle .fa-cog
{
margin-right: 4px;
}
label[for=mod-login_remember]
{
display: inline-block;
}
.btn-group
{
max-width: 100%;
white-space: normal;
}
.form-horizontal .remember .control-label
{
padding-top: 0;
}
.btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle
{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
/**************************************************************************************/
/* Typography */
h1,
h2,
h3,
h4,
h5,
h6
{
margin-top: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a
{
color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover
{
color: #37b373;
}
h1
{
font-size: 52px;
font-weight: 800;
line-height: 62px;
margin-bottom: 70px;
color: #3e5153;
text-transform: uppercase;
}
h2
{
font-size: 42px;
line-height: 46px;
font-weight: 800;
margin-bottom: 55px;
color: #3e5153;
text-transform: uppercase;
letter-spacing: -1px;
}
h3
{
font-size: 26px;
font-weight: 700;
line-height: 30px;
margin-bottom: 30px;
text-transform: uppercase;
}
h4
{
font-size: 22px;
font-weight: 700;
line-height: 28px;
margin-bottom: 20px;
text-transform: uppercase;
color: #37b373;
}
h5
{
font: inherit;
font-weight: 700;
text-transform: uppercase;
}
h6
{
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 15px;
}
#aside-left .moduleTitle,
#aside-right .moduleTitle
{
text-align: left;
text-shadow: none;
}
.alert-heading
{
color: inherit;
}
p
{
margin: 0;
padding-bottom: 25px;
}
.icons-marker
{
font-size: 16px;
line-height: 16px;
}
/**************************************************************************************/
/* Buttons */
.btn
{
padding: 10px 10px;
font-size: 12px;
line-height: 25px;
background: #ffffff;
color: #85b1d8;
text-shadow: none;
border: 1px solid #e6e6e6;
border-bottom-color: #e6e6e6;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.btn:hover
{
text-decoration: none;
background: #e6e6e6;
color: #000000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.btn.disabled
{
cursor: default !important;
}
.btn-primary,
.btn-small,
.contentpane .btn
{
background: #3e5153;
color: #ffffff;
text-shadow: none;
border: none;
height: 40px;
line-height: 40px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
padding: 0;
width: 100%;
max-width: 218px;
padding: 0 10px;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
outline: none !important;
font-weight: 400;
}
.btn-primary:hover,
.btn-small:hover
{
background: #37b373;
color: #ffffff;
}
.btn-primary.submitButton,
.btn-small.submitButton
{
float: right;
}
.btn-primary.disabled,
.btn-small.disabled
{
background: #85b1d8;
color: #ffffff;
opacity: 1;
filter: alpha(opacity=100);
}
.btn-primary:focus,
.btn-small:focus,
.btn-primary:active,
.btn-small:active
{
background: #37b373;
color: #ffffff;
text-shadow: none;
}
.btn-primary:focus:hover,
.btn-small:focus:hover,
.btn-primary:active:hover,
.btn-small:active:hover
{
background: #85b1d8;
color: #ffffff;
}
#user-registration .btn
{
float: right;
}
.btn-info
{
background: #3e5153;
color: #ffffff;
text-shadow: none;
border: none;
height: 40px;
line-height: 40px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
padding: 0;
padding: 0 25px;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
outline: none !important;
font-weight: 400;
}
.btn-info:hover
{
background-color: #37b373;
color: #ffffff;
}
.btn-info:focus,
.btn-info:active
{
background: #37b373;
color: #ffffff;
text-shadow: none;
}
.btn-info:focus:hover,
.btn-info:active:hover
{
background: #37b373;
color: #ffffff;
}
#searchForm .btn.btn-primary
{
height: 60px;
line-height: 60px;
}
/**************************************************************************************/
/* Pagination */
.pagination
{
height: auto;
margin: 0;
padding: 0 0 50px;
}
.pagination ul
{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
box-shadow: none;
margin: 0 auto;
width: 100%;
text-align: center;
}
.pagination ul li
{
display: inline-block;
}
.pagination ul li .pagenav,
.pagination ul li .hasTooltip
{
font: 800 14px/18px;
text-transform: none;
color: #555555;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
border: none;
box-shadow: none;
}
.pagination ul li span.pagenav,
.pagination ul li .span.hasTooltip
{
color: #555555;
}
.pagination ul li a.pagenav,
.pagination ul li a.hasTooltip
{
color: #37b373;
}
.pagination ul li a.pagenav:hover,
.pagination ul li a.hasTooltip:hover
{
background: none;
color: #85b1d8;
}
.pagination ul li.num span.pagenav,
.pagination ul li.num span.hasTooltip
{
color: #85b1d8;
}
/**************************************************************************************/
/* Images */
.item_img,
.category_img
{
margin: 0 0 50px;
position: relative;
}
.item_img
{
font-size: 0;
line-height: 0;
}
.body__services .item_img
{
background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
}
.item_img a
{
position: relative;
display: inline-block;
max-width: 100%;
overflow: hidden;
}
.img-intro__left,
.img-full__left,
.pull-left.item-image
{
float: left;
margin: 0 30px 30px 0;
max-width: 50%;
}
.img-intro__right,
.img-full__right,
.pull-right.item-image
{
float: right;
margin: 0 0 30px 30px;
max-width: 50%;
}
.pull-none.item-image
{
margin: 0 0 50px 0px;
}
.pull-left.item-image,
.pull-right.item-image
{
max-width: 100%;
}
.well
{
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#system-message > div
{
margin: 20px 0;
}
/**************************************************************************************/
/* Header rows */
/**************************************************************************************/
.body__home #menu-row
{
}
.body__home #menu-row + div[style]
{
display: none !important;
}
#menu-row
{
background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
}
.scrolled #menu-row
{
background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
-webkit-transform: translateZ(0);
}
#menu-row + div[style]
{
}
#logo
{
float: left;
margin: 10px 0px 10px 15px;
padding: 28px 10px 20px 0px;
background-image: url(../images/bg.logo.png);
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.scrolled #logo
{
margin: 0px;
background-image: none;
padding: 0px 10px 0px 20px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#logo h1
{
color: #3e5153;
font-size: 0;
letter-spacing: 0px;
line-height: 0;
white-space: nowrap;
margin-bottom: 0px;
text-transform: uppercase;
}
#logo h1 span
{
display: inline-block;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
font-size: 42px;
line-height: 1;
}
.scrolled #logo h1 span
{
font-size: 26px;
line-height: 46px;
margin-top: 2px;
}
#logo h1 span.char_0,
#logo h1 span.char_1,
#logo h1 span.char_2,
#logo h1 span.char_3
{
color: #37b373;
}
#logo h6
{
color: #3e5153;
line-height: 16px;
margin-left: 2px;
}
.scrolled #logo h6
{
display: none;
}
/**************************************************************************************/
/* Navigation */
.navigation
{
float: right;
margin-right: 10px;
}
.navigation ul.sf-menu
{
}
.navigation ul.sf-menu > li
{
padding: 0;
}
.navigation ul.sf-menu > li.active > a,
.navigation ul.sf-menu > li.sfHover > a,
.navigation ul.sf-menu > li.current > a,
.navigation ul.sf-menu > li.active > span,
.navigation ul.sf-menu > li.sfHover > span,
.navigation ul.sf-menu > li.current > span
{
background-color: #37b373;
color: #ffffff;
}
.navigation ul.sf-menu > li > a,
.navigation ul.sf-menu > li > span
{
font-size: 12px;
line-height: 50px;
color: #3e5153;
display: block;
padding: 65px 25px 0px;
margin: 0px 2px 25px 2px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-transform: uppercase;
font-weight: 700;
}
.scrolled .navigation ul.sf-menu > li > a,
.scrolled .navigation ul.sf-menu > li > span
{
font-size: 12px;
padding: 0px 25px 0px;
margin: 0px 2px 4px 2px;
}
.navigation ul.sf-menu > li > a:hover,
.navigation ul.sf-menu > li > span:hover
{
background-color: #37b373;
color: #ffffff;
}
.navigation ul.sf-menu > li > a:hover > span,
.navigation ul.sf-menu > li > span:hover > span
{
background-position: center bottom !important;
}
.navigation ul.sf-menu li > ul
{
top: 118px;
left: 2px;
}
.scrolled .navigation ul.sf-menu li > ul
{
top: 50px;
}
.navigation ul.sf-menu ul
{
width: 240px;
}
.navigation ul.sf-menu li li ul,
.navigation ul.sf-menu li li li ul
{
top: -30px;
left: 244px;
}
.scrolled .navigation ul.sf-menu li li ul,
.scrolled .navigation ul.sf-menu li li li ul
{
top: -30px;
}
.navigation ul.sf-menu ul
{
background-color: #3e5153;
padding: 30px 0;
}
.navigation ul.sf-menu ul li.open > .sub-menu
{
display: block !important;
}
.navigation ul.sf-menu ul li a,
.navigation ul.sf-menu ul li span
{
font-size: 12px;
font-weight: 700;
line-height: 20px;
color: #ffffff;
display: block;
padding: 15px 40px;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-transform: uppercase;
}
.navigation ul.sf-menu ul li a:hover,
.navigation ul.sf-menu ul li span:hover
{
background-color: #37b373;
color: #ffffff;
}
.navigation ul.sf-menu ul li.active > a,
.navigation ul.sf-menu ul li.sfHover > a,
.navigation ul.sf-menu ul li.active > span,
.navigation ul.sf-menu ul li.sfHover > span
{
background-color: #37b373;
color: #ffffff;
}
.navigation ul.sf-menu ul li.firstItem
{
border: none;
}
.navigation ul.sf-menu.sf-vertical
{
width: 240px;
}
.navigation ul.sf-menu.sf-vertical li
{
width: 240px;
margin-bottom: 1px;
}
.navigation ul.sf-menu.sf-vertical li:hover > ul,
.navigation ul.sf-menu.sf-vertical li.sfHover > ul
{
top: -13px;
}
.navigation ul.sf-menu.sf-vertical ul
{
left: 256px;
}
.navigation ul.sf-menu.sf-vertical ul li a,
.navigation ul.sf-menu.sf-vertical ul li span
{
padding: 9px 12px;
}
.navigation ul.sf-menu.sf-navbar
{
height: 90px;
padding-bottom: 90px;
margin-bottom: 2px;
}
.navigation ul.sf-menu.sf-navbar li:hover > ul,
.navigation ul.sf-menu.sf-navbar li.sfHover > ul
{
top: 92px;
left: 0;
}
.navigation ul.sf-menu.sf-navbar li ul
{
width: auto;
padding: 2px 0;
}
.navigation ul.sf-menu.sf-navbar li ul ul.sub-menu
{
width: 254px;
top: 90px;
}
.scrolled .navigation ul.sf-menu > li > a,
.scrolled .navigation ul.sf-menu > li > span
{
line-height: 46px;
}
.search-block
{
text-align: right;
}
.search-block input
{
max-width: 100%;
}
.masonry .item
{
margin-left: 0 !important;
}
.sequence-canvas
{
margin: 0;
}
/**************************************************************************************/
/* Newsflash */
.mod-newsflash-adv .isotope
{
margin: 0 -1.5%;
}
.mod-newsflash-adv .isotope-item
{
padding: 0 1.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
float: left;
}
.mod-newsflash-adv .isotope-item.straightDown
{
text-align: center;
}
.mod-newsflash-adv .btn.readmore
{
margin-bottom: 30px;
}
/**************************************************************************************/
/* Slider row */
#slider-row
{
background: #1b1b1b none repeat scroll 0 0;
}
/**************************************************************************************/
/* breadcrumbs row */
#breadcrumbs-row
{
padding: 0px;
overflow: hidden;
margin-top: 0px;
background: url(../images/bg.breadcrumbs.jpg);
background-size: cover;
background-attachment: fixed;
}
#breadcrumbs-row .breadcrumb
{
color: #fff;
border-radius: 0px;
padding: 15px 0px;
text-transform: uppercase;
text-align: right;
font-size: 12px;
font-weight: 700;
}
.breadcrumb > .active
{
color: #fff;
}
.breadcrumb > li
{
line-height: 14px;
text-shadow: none;
padding: 0px 13px;
border-right: 1px solid #fff;
}
.breadcrumb > li:last-child
{
border-right: none;
}
.breadcrumb .icon-location,
.breadcrumb .divider
{
display: none;
}
/**************************************************************************************/
/* Content rows */
#content-row-1
{
padding: 90px 0 70px;
overflow: hidden;
text-align: center;
}
#content-row-1.margin-top
{
padding: 0px 0 70px;
overflow: hidden;
margin-top: -182px;
z-index: 999;
position: relative;
}
#content-row-1 h1
{
text-align: center;
margin-bottom: 20px;
}
#content-row-1 h3
{
margin-bottom: 20px;
color: #37b373;
}
#content-row-1 .moduletable
{
opacity: 0;
-webkit-transition: opacity 1s ease-in-out 0s;
-moz-transition: opacity 1s ease-in-out 0s;
transition: opacity 1s ease-in-out 0s;
}
#content-row-1 .visible .moduletable
{
opacity: 1;
}
#content-row-1.margin-top .mod-newsflash-adv .item_content
{
background-color: #37b373;
color: #fff;
padding: 30px 30px 9px;
}
#content-row-1.margin-top .mod-newsflash-adv .item_content h3,
#content-row-1.margin-top .mod-newsflash-adv .item_content p,
#content-row-1.margin-top .mod-newsflash-adv .item_content a
{
color: #fff;
text-align: left;
}
#content-row-1.margin-top .mod-newsflash-adv .item_content p
{
font-size: 14px;
line-height: 17px;
}
/**************************************************************************************/
#content-row-2
{
overflow: hidden;
position: relative;
margin-bottom: 100px
}
#content-row-2 .content-row-2-wrapper::before,
#content-row-2 .content-row-2-wrapper::after
{
bottom: 0;
content: "";
display: block;
left: -3000px;
position: absolute;
right: -3000px;
top: 0;
width: auto;
z-index: -1;
}
#content-row-2 .content-row-2-wrapper::before
{
left: -99%;
}
#content-row-2 .content-row-2-wrapper::after,
#content-row-2 .content-row-2-wrapper::before
{
background: #f5f5f5 none repeat scroll 0 0;
content: "";
height: 100%;
position: absolute;
top: 0;
width: 101%;
z-index: -1;
}
#content-row-2 .content-row-2-wrapper::before
{
background-image: url(../images/bg.row2.jpg);
background-position: left center;
background-attachment: fixed;
background-size: cover;
display: block;
left: 0%;
width: 49%;
}
#content-row-2 h1
{
font-size: 62px;
text-align: left;
margin-bottom: 20px;
}
#content-row-2 h3
{
margin-bottom: 50px;
}
#content-row-2 .moduletable.items
{
-webkit-transform: translate(1000px, 0);
-moz-transform: translate(1000px, 0);
-ms-transform: translate(1000px, 0);
-o-transform: translate(1000px, 0);
transform: translate(1000px, 0);
-webkit-transition: transform 0.5s ease;
-moz-transition: transform 0.5s ease;
-o-transition: transform 0.5s ease;
transition: transform 0.5s ease;
}
#content-row-2 .moduletable ul li
{
-webkit-transform: translate(2000px, 0);
-moz-transform: translate(2000px, 0);
-ms-transform: translate(2000px, 0);
-o-transform: translate(2000px, 0);
transform: translate(2000px, 0);
margin-right: 0px;
margin-bottom: 20px;
}
#content-row-2 .moduletable ul li.lastItem
{
margin-bottom: 0px;
}
#content-row-2 .moduletable ul li.num0
{
background: #37b373 none repeat scroll 0 0;
}
#content-row-2 .moduletable ul li.num1
{
background: #37b373 none repeat scroll 0 0;
-webkit-transition: transform 0.5s ease;
-moz-transition: transform 0.5s ease;
-o-transition: transform 0.5s ease;
transition: transform 0.5s ease;
}
#content-row-2 .moduletable ul li.num2
{
background: #37b373 none repeat scroll 0 0;
-webkit-transition: transform 0.5s ease 0.1s;
-moz-transition: transform 0.5s ease 0.1s;
-o-transition: transform 0.5s ease 0.1s;
transition: transform 0.5s ease 0.1s;
}
#content-row-2 .moduletable ul li.num3
{
background: #37b373 none repeat scroll 0 0;
-webkit-transition: transform 0.5s ease 0.2s;
-moz-transition: transform 0.5s ease 0.2s;
-o-transition: transform 0.5s ease 0.2s;
transition: transform 0.5s ease 0.2s;
}
#content-row-2 .moduletable ul li.num4
{
background: #37b373 none repeat scroll 0 0;
-webkit-transition: transform 0.5s ease 0.3s;
-moz-transition: transform 0.5s ease 0.3s;
-o-transition: transform 0.5s ease 0.3s;
transition: transform 0.5s ease 0.3s;
}
#content-row-2 .moduletable ul li a:hover
{
background: #262525 !important;
padding-left: 60px;
padding-right: 31px;
color: #fff;
}
#content-row-2 .visible .moduletable ul li
{
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
#content-row-2 .visible .moduletable .nav.menu li a
{
color: #fff;
}
#content-row-2 .visible .moduletable .nav.menu li a::before
{
content: "";
}
#content-row-2 .visible .moduletable.items
{
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
/**************************************************************************************/
#content-row-3
{
padding: 80px 0 40px;
overflow: hidden;
}
#content-row-3 .item_introtext
{
font-weight: 300;
text-align: left;
padding-bottom: 30px;
}
/**************************************************************************************/
#content-row-4
{
padding: 120px 0 0px;
}
#content-row-4 .moduleTitle
{
text-align: left;
}
#content-row-4 .moduletable ul
{
-webkit-transform: translate(-1000px, 0);
-moz-transform: translate(-1000px, 0);
-ms-transform: translate(-1000px, 0);
-o-transform: translate(-1000px, 0);
transform: translate(-1000px, 0);
-webkit-transition: transform 0.7s ease;
-moz-transition: transform 0.7s ease;
-o-transition: transform 0.7s ease;
transition: transform 0.7 ease;
}
#content-row-4 .visible .moduletable ul
{
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
#content-row-4 .mod-newsflash-adv
{
opacity: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
#content-row-4 .visible .mod-newsflash-adv
{
opacity: 1;
}
#content-row-4 .mod-newsflash-adv img
{
border-radius: 50%;
margin: 17px 0px 10px;
}
#content-row-4 h3,
#content-row-4 h4
{
color: #37b373;
}
/**************************************************************************************/
#content-row-5
{
overflow: hidden;
position: relative;
background: rgba(22, 22, 22, 0.85);
}
#content-row-5 h1,
#content-row-5 h2,
#content-row-5 h3
{
color: #fff;
}
#content-row-5 .content-row-5-wrapper::before,
#content-row-5 .content-row-5-wrapper::after
{
bottom: 0;
content: "";
display: block;
left: -3000px;
position: absolute;
right: -3000px;
top: 0;
width: auto;
z-index: -1;
}
#content-row-5 .content-row-5-wrapper::before
{
left: -100%;
}
#content-row-5 .content-row-5-wrapper::after,
#content-row-5 .content-row-5-wrapper::before
{
content: "";
height: 100%;
position: absolute;
top: 0;
width: 101%;
z-index: -1;
}
#content-row-5 .content-row-5-wrapper::after
{
background: #555 none repeat scroll 0 0;
display: block;
left: 50%;
margin-left: -15px;
padding-left: 30px;
}
#content-row-5 .moduletable
{
padding-top: 90px;
padding-bottom: 90px;
color: #fff;
}
#content-row-5 .moduletable h4
{
color: #37b373;
}
/**************************************************************************************/
#content-row-6
{
padding: 120px 0 100px;
background-image: url(../images/bg.row6.jpg);
background-position: left center;
background-attachment: fixed;
background-size: cover;
color: #fff;
font-weight: bold;
}
#content-row-6 h1
{
color: #fff;
text-align: left;
margin-bottom: 20px;
}
#content-row-6 h3
{
color: #fff;
}
#content-row-6 .mod-newsflash-adv article:first-child .item_container
{
margin-right: 15px;
}
#content-row-6 .mod-newsflash-adv article:last-child .item_container
{
margin-left: 15px;
}
#content-row-6 .item_num0 .item_container,
#content-row-6 .item_num1 .item_container,
#content-row-6 .item_num2 .item_container,
#content-row-6 .item_num3 .item_container,
#content-row-6 .item_num4 .item_container,
#content-row-6 .item_num5 .item_container,
#content-row-6 .item_num6 .item_container,
#content-row-6 .item_num7 .item_container
{
position: relative;
}
#content-row-6 .item_num1 a .item_content,
#content-row-6 .item_num5 a .item_content,
#content-row-6 .item_num6 a .item_content
{
color: #666;
}
#content-row-6 .item_num2 a .item_content
{
color: #37b373;
}
#content-row-6 .item_num0 a:hover .item_content,
#content-row-6 .item_num1 a:hover .item_content,
#content-row-6 .item_num2 a:hover .item_content,
#content-row-6 .item_num3 a:hover .item_content,
#content-row-6 .item_num4 a:hover .item_content,
#content-row-6 .item_num5 a:hover .item_content,
#content-row-6 .item_num6 a:hover .item_content,
#content-row-6 .item_num7 a:hover .item_content
{
color: #ffffff;
background-color: #37b373;
transition: all 0.2s linear 0s;
}
#content-row-6 .item_num0 .item_content::before,
#content-row-6 .item_num1 .item_content::before,
#content-row-6 .item_num2 .item_content::before,
#content-row-6 .item_num3 .item_content::before,
#content-row-6 .item_num4 .item_content::before,
#content-row-6 .item_num5 .item_content::before,
#content-row-6 .item_num6 .item_content::before,
#content-row-6 .item_num7 .item_content::before
{
font-size: 42px;
font-weight: 100;
position: absolute;
right: 35px;
top: 30px;
}
#content-row-6 .item_num0 .item_content::before
{
color: #fff;
content: "\\01";
}
#content-row-6 .item_num1 .item_content::before
{
color: #666;
content: "\\02";
}
#content-row-6 .item_num2 .item_content::before
{
color: #37b373;
content: "\\03";
}
#content-row-6 .item_num3 .item_content::before
{
color: #fff;
content: "\\04";
}
#content-row-6 .item_num4 .item_content::before
{
color: #fff;
content: "\\05";
}
#content-row-6 .item_num5 .item_content::before
{
color: #666;
content: "\\06";
}
#content-row-6 .item_num6 .item_content::before
{
color: #666;
content: "\\07";
}
#content-row-6 .item_num7 .item_content::before
{
color: #fff;
content: "\\08";
}
#content-row-6 .item_num1 a:hover .item_content::before,
#content-row-6 .item_num2 a:hover .item_content::before,
#content-row-6 .item_num5 a:hover .item_content::before,
#content-row-6 .item_num6 a:hover .item_content::before
{
color: #fff;
}
#content-row-6 .item_num0 .item_content,
#content-row-6 .item_num1 .item_content,
#content-row-6 .item_num2 .item_content,
#content-row-6 .item_num3 .item_content,
#content-row-6 .item_num4 .item_content,
#content-row-6 .item_num5 .item_content,
#content-row-6 .item_num6 .item_content,
#content-row-6 .item_num7 .item_content
{
padding: 70px 120px 15px 35px;
transition: all 0.2s linear 0s;
-webkit-transform: translate(-2000px, 0);
-moz-transform: translate(-2000px, 0);
-ms-transform: translate(-2000px, 0);
-o-transform: translate(-2000px, 0);
transform: translate(-2000px, 0);
}
#content-row-6 .item_num0 .item_content
{
background: #37b373 none repeat scroll 0 0;
color: #ffffff;
}
#content-row-6 .item_num3 .item_content
{
background: #63cd54 none repeat scroll 0 0;
color: #ffffff;
}
#content-row-6 .item_num4 .item_content
{
background: #d8c860 none repeat scroll 0 0;
color: #ffffff;
}
#content-row-6 .item_num7 .item_content
{
background: #cac9c5 none repeat scroll 0 0;
color: #ffffff;
}
#content-row-6 .item_num8 .item_content
{
background: #4acad5 none repeat scroll 0 0;
color: #ffffff;
}
#content-row-6 .item_num1 .item_content,
#content-row-6 .item_num5 .item_content,
#content-row-6 .item_num6 .item_content
{
border: 1px solid #ccc;
}
#content-row-6 .item_num1 a:hover .item_content,
#content-row-6 .item_num5 a:hover .item_content,
#content-row-6 .item_num6 a:hover .item_content
{
border: 1px solid #fff;
}
#content-row-6 .item_num0 .item_content
{
-webkit-transition: transform 0.5s ease 0.5s;
-moz-transition: transform 0.5s ease 0.5s;
-o-transition: transform 0.5s ease 0.5s;
transition: transform 0.5s ease 0.5s;
}
#content-row-6 .item_num1 .item_content
{
-webkit-transition: transform 0.5s ease;
-moz-transition: transform 0.5s ease;
-o-transition: transform 0.5s ease;
transition: transform 0.5s ease;
}
#content-row-6 .item_num2 .item_content
{
-webkit-transition: transform 1.5s ease 0.5s;
-moz-transition: transform 1.5s ease 0.5s;
-o-transition: transform 1.5s ease 0.5s;
transition: transform 1.5s ease 0.5s;
}
#content-row-6 .item_num3 .item_content
{
-webkit-transition: transform 1.5s ease;
-moz-transition: transform 1.5s ease;
-o-transition: transform 1.5s ease;
transition: transform 1.5s ease;
}
#content-row-6 .item_num4 .item_content
{
-webkit-transition: transform 2.5s ease 0.5s;
-moz-transition: transform 2.5s ease 0.5s;
-o-transition: transform 2.5s ease 0.5s;
transition: transform 2.5s ease 0.5s
}
#content-row-6 .item_num5 .item_content
{
-webkit-transition: transform 2.5s ease;
-moz-transition: transform 2.5s ease;
-o-transition: transform 2.5s ease;
transition: transform 2.5s ease;
}
#content-row-6 .item_num6 .item_content
{
-webkit-transition: transform 3.5s ease 0.5s;
-moz-transition: transform 3.5s ease 0.5s;
-o-transition: transform 3.5s ease 0.5s;
transition: transform 3.5s ease 0.5s;
}
#content-row-6 .item_num7 .item_content
{
-webkit-transition: transform 3.5s ease;
-moz-transition: transform 3.5s ease;
-o-transition: transform 3.5s ease;
transition: transform 3.5s ease;
}
#content-row-6 .visible .item_num0 .item_content,
#content-row-6 .visible .item_num1 .item_content,
#content-row-6 .visible .item_num2 .item_content,
#content-row-6 .visible .item_num3 .item_content,
#content-row-6 .visible .item_num4 .item_content,
#content-row-6 .visible .item_num5 .item_content,
#content-row-6 .visible .item_num6 .item_content,
#content-row-6 .visible .item_num7 .item_content
{
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
#content-row-6 .moduletable
{
opacity: 0;
-webkit-transition: opacity 1s ease-in-out 0.2s;
-moz-transition: opacity 1s ease-in-out 0.2s;
transition: opacity 1s ease-in-out 0.2s;
}
#content-row-6 .visible .moduletable
{
opacity: 1;
}
/**************************************************************************************/
#content-row-7
{
background: url(../images/bg.row7.jpg);
background-size: cover;
background-attachment: fixed;
padding: 100px 0 40px;
overflow: hidden;
color: #fff;
}
#content-row-7 h1,
#content-row-7 h2,
#content-row-7 h3
{
color: #fff;
}
#content-row-7 a
{
color: #fff;
}
#content-row-7 a:hover
{
color: #37b373;
}
/**************************************************************************************/
#content-row-8
{
background: url(../images/bg.row8.jpg);
background-size: cover;
background-attachment: fixed;
padding: 100px 0 90px;
overflow: hidden;
color: #fff;
}
#content-row-8 h1,
#content-row-8 h2,
#content-row-8 h3
{
color: #fff;
}
#content-row-8 .moduletable
{
opacity: 0;
-webkit-transition: opacity 1s ease-in-out 0.2s;
-moz-transition: opacity 1s ease-in-out 0.2s;
transition: opacity 1s ease-in-out 0.2s;
}
#content-row-8 .visible .moduletable
{
opacity: 1;
}
/**************************************************************************************/
#content-row-9
{
background: url(../images/bg.row9.jpg);
background-size: cover;
background-attachment: fixed;
padding: 100px 0 90px;
overflow: hidden;
color: #fff;
}
#content-row-9 h1,
#content-row-9 h2,
#content-row-9 h3
{
color: #fff;
}
#content-row-9 h4
{
color: #37b373;
}
#content-row-9 .moduletable
{
opacity: 0;
-webkit-transition: opacity 1s ease-in-out 0.2s;
-moz-transition: opacity 1s ease-in-out 0.2s;
transition: opacity 1s ease-in-out 0.2s;
}
#content-row-9 .visible .moduletable
{
opacity: 1;
}
/**************************************************************************************/
#main-content-top-row
{
padding-bottom: 70px;
}
#content-bottom
{
margin-top: 70px;
}
/**************************************************************************************/
/* Our Team */
[class*="_team"] .item_img.img-intro img
{
max-width: 85%;
}
.team .moduleTitle
{
text-align: center;
margin-bottom: 60px;
}
.team .item_img img
{
border: 0px solid #fff;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.team .item_container
{
text-align: left;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.team .item_content
{
padding: 10px;
}
.team .item_container .item_title
{
color: #fff;
}
.team .item_container .item_introtext p
{
font-size: 16px;
}
.team .item_container .item_title a
{
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.team .item_container .item_title a:hover
{
color: #37b373;
}
.team .item_container:hover
{
}
.team .item_container:hover img
{
-ms-transform: scale(0.9, 0.9); /* IE 9 */
-webkit-transform: scale(0.9,0.9); /* Chrome, Safari, Opera */
transform: scale(0.9, 0.9);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.team .item_num0
{
-webkit-transform: translate(-1000px, 100px);
-moz-transform: translate(-1000px, 100px);
-ms-transform: translate(-1000px, 100px);
-o-transform: translate(-1000px, 100px);
transform: translate(-1000px, 100px);
-webkit-transition: transform 1s;
-moz-transition: transform 1s;
-o-transition: transform 1s;
transition: transform 1s;
}
.team .item_num1
{
-webkit-transform: translate(-1000px, -100px);
-moz-transform: translate(-1000px, -100px);
-ms-transform: translate(-1000px, -100px);
-o-transform: translate(-1000px, -100px);
transform: translate(-1000px, -100px);
-webkit-transition: transform 1s ease 0.3s;
-moz-transition: transform 1s ease 0.3s;
-o-transition: transform 1s ease 0.3s;
transition: transform 1s ease 0.3s;
}
.team .item_num2
{
-webkit-transform: translate(1000px, 100px);
-moz-transform: translate(1000px, 100px);
-ms-transform: translate(1000px, 100px);
-o-transform: translate(1000px, 100px);
transform: translate(1000px, 100px);
-webkit-transition: transform 1s ease 0.6s;
-moz-transition: transform 1s ease 0.6s;
-o-transition: transform 1s ease 0.6s;
transition: transform 1s ease 0.6s;
}
.team .item_num3
{
-webkit-transform: translate(1000px, -100px);
-moz-transform: translate(1000px, -100px);
-ms-transform: translate(1000px, -100px);
-o-transform: translate(1000px, -100px);
transform: translate(1000px, -100px);
-webkit-transition: transform 1s ease 0.9s;
-moz-transition: transform 1s ease 0.9s;
-o-transition: transform 1s ease 0.9s;
transition: transform 1s ease 0.9s;
}
/**************************************************************************************/
/* Testimonials */
.testimonials:before
{
content: '\f10d';
color: #37b373;
font-size: 98px;
display: block;
text-align: center;
font-family: FontAwesome;
line-height: 98px;
margin-bottom: 40px;
}
.testimonials .caroufredsel_wrapper li
{
text-align: center;
overflow: hidden;
}
.testimonials .caroufredsel_wrapper li .item_img
{
position: relative;
display: inline-block;
max-width: 100%;
}
.testimonials .caroufredsel_wrapper li .item_img:before
{
position: absolute;
content: '';
height: 1px;
width: 470px;
background: #fff;
top: 50%;
right: 100%;
margin-right: 30px;
}
.testimonials .caroufredsel_wrapper li .item_img:after
{
position: absolute;
content: '';
height: 1px;
width: 470px;
background: #fff;
top: 50%;
left: 100%;
margin-left: 30px;
}
.testimonials .caroufredsel_wrapper li .item_img img
{
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
}
.testimonials .caroufredsel_wrapper li .item_title
{
margin-bottom: 54px;
}
.testimonials .caroufredsel_wrapper li .item_introtext
{
font-size: 19px;
line-height: 31px;
max-width: 760px;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto 20px;
}
.testimonials .caroufredsel_pagination
{
font-size: 0;
line-height: 0;
}
.testimonials .caroufredsel_pagination a
{
margin: 0 4px;
padding: 0;
width: 12px;
height: 12px;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
border: 1px solid #1b1b1b;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
background: transparent;
}
.testimonials .caroufredsel_pagination a:hover,
.testimonials .caroufredsel_pagination a.selected
{
background: #0780c5;
border: 1px solid #0780c5;
}
.testimonials .caroufredsel_pagination a span
{
display: none;
}
/**************************************************************************************/
/* Social */
.social_team
{
margin: 20px 0 0;
float: right;
}
.social_team li
{
list-style: none;
display: inline-block;
margin: 0 5px;
}
.social_team li a
{
border: 1px solid #aaa;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 40px;
line-height: 48px;
padding-left: 8px;
font-size: 26px;
color: #aaa;
display: block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.social_team li a:hover
{
border-color: #37b373;
color: #37b373;
}
.page-category__team .item_introtext
{
padding-bottom: 16px;
}
.visible .team .item_num0,
.visible .team .item_num1,
.visible .team .item_num2,
.visible .team .item_num3
{
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
/**************************************************************************************/
/* Achievements */
.achievements .item_title
{
text-align: center;
}
.achievements .radial-progress
{
margin: 0 auto 44px;
}
.radial-progress
{
width: 240px;
height: 240px;
border-radius: 1000px;
}
.radial-progress .circle .fill
{
width: 224px;
height: 224px;
position: absolute;
border: 8px solid #37b373;
border-radius: 1000px;
-webkit-backface-visibility: hidden;
}
.radial-progress .circle .mask
{
border-radius: 1000px;
-webkit-backface-visibility: hidden;
position: absolute;
width: 240px;
height: 240px;
clip: rect(0px, 240px, 240px, 120px);
}
.radial-progress .circle .mask .fill
{
clip: rect(0px, 120px, 240px, 0px);
background-color: #c5eaff;
}
.radial-progress .inset
{
width: 224px;
height: 224px;
position: absolute;
margin-left: 8px;
margin-top: 8px;
border-radius: 1000px;
}
.radial-progress .inset .percentage
{
height: 43px;
width: 120px;
overflow: hidden;
position: absolute;
top: 90.5px;
left: 52px;
line-height: 1;
}
.radial-progress .inset .percentage .numbers
{
margin-top: -43px;
}
.radial-progress .inset .percentage .numbers span
{
width: 120px;
display: inline-block;
vertical-align: top;
text-align: center;
font-size: 43px;
color: #85b1d8;
}
.radial-progress:hover .circle .fill
{
border-color: #1b1b1b;
-webkit-transition: border-color 0.5s ease !important;
-moz-transition: border-color 0.5s ease !important;
-o-transition: border-color 0.5s ease !important;
transition: border-color 0.5s ease !important;
}
.radial-progress:hover .circle .mask .fill
{
background-color: #d5d5d5;
-webkit-transition: border-color 0.5s ease !important;
-moz-transition: border-color 0.5s ease !important;
-o-transition: border-color 0.5s ease !important;
transition: border-color 0.5s ease !important;
}
.achievements .item_num0
{
-webkit-transform: translate(-1000px, 100px);
-moz-transform: translate(-1000px, 100px);
-ms-transform: translate(-1000px, 100px);
-o-transform: translate(-1000px, 100px);
transform: translate(-1000px, 100px);
-webkit-transition: transform 1s ease;
-moz-transition: transform 1s ease;
-o-transition: transform 1s ease;
transition: transform 1s ease;
}
.achievements .item_num0 .radial-progress .circle .fill
{
-webkit-transition: -webkit-transform 1s ease 1s, background 0.5s ease, border-color 0.5s ease;
-moz-transition: -moz-transform 1s ease 1s, background 0.5s ease, border-color 0.5s ease;
-ms-transition: -ms-transform 1s ease 1s, background 0.5s ease, border-color 0.5s ease;
-o-transition: -o-transform 1s ease 1s, background 0.5s ease, border-color 0.5s ease;
transition: transform 1s ease 1s, background 0.5s ease, border-color 0.5s ease;
}
.achievements .item_num0 .radial-progress .circle .mask
{
-webkit-transition: -webkit-transform 1s ease 1s;
-moz-transition: -moz-transform 1s ease 1s;
-ms-transition: -ms-transform 1s ease 1s;
-o-transition: -o-transform 1s ease 1s;
transition: transform 1s ease 1s;
}
.achievements .item_num0 .radial-progress .inset .percentage .numbers
{
-webkit-transition: width 1s ease 1s;
-moz-transition: width 1s ease 1s;
-o-transition: width 1s ease 1s;
transition: width 1s ease 1s;
}
.achievements .item_num1
{
-webkit-transform: translate(-1000px, -100px);
-moz-transform: translate(-1000px, -100px);
-ms-transform: translate(-1000px, -100px);
-o-transform: translate(-1000px, -100px);
transform: translate(-1000px, -100px);
-webkit-transition: transform 1s ease 0.3s;
-moz-transition: transform 1s ease 0.3s;
-o-transition: transform 1s ease 0.3s;
transition: transform 1s ease 0.3s;
}
.achievements .item_num1 .radial-progress .circle .fill
{
-webkit-transition: -webkit-transform 1s ease 1.3s, background 0.5s ease, border-color 0.5s ease;
-moz-transition: -moz-transform 1s ease 1.3s, background 0.5s ease, border-color 0.5s ease;
-ms-transition: -ms-transform 1s ease 1.3s, background 0.5s ease, border-color 0.5s ease;
-o-transition: -o-transform 1s ease 1.3s, background 0.5s ease, border-color 0.5s ease;
transition: transform 1s ease 1.3s, background 0.5s ease, border-color 0.5s ease;
}
.achievements .item_num1 .radial-progress .circle .mask
{
-webkit-transition: -webkit-transform 1s ease 1.3s;
-moz-transition: -moz-transform 1s ease 1.3s;
-ms-transition: -ms-transform 1s ease 1.3s;
transition: transform 1s ease 1.3s;
}
.achievements .item_num1 .radial-progress .inset .percentage .numbers
{
-webkit-transition: width 1s ease 1.3s;
-moz-transition: width 1s ease 1.3s;
-o-transition: width 1s ease 1.3s;
transition: width 1s ease 1.3s;
}
.achievements .item_num2
{
-webkit-transform: translate(1000px, 100px);
-moz-transform: translate(1000px, 100px);
-ms-transform: translate(1000px, 100px);
-o-transform: translate(1000px, 100px);
transform: translate(1000px, 100px);
-webkit-transition: transform 1s ease 0.6s;
-moz-transition: transform 1s ease 0.6s;
-o-transition: transform 1s ease 0.6s;
transition: transform 1s ease 0.6s;
}
.achievements .item_num2 .radial-progress .circle .fill
{
-webkit-transition: -webkit-transform 1s ease 1.6s, background 0.5s ease, border-color 0.5s ease;
-moz-transition: -moz-transform 1s ease 1.6s, background 0.5s ease, border-color 0.5s ease;
-ms-transition: -ms-transform 1s ease 1.6s, background 0.5s ease, border-color 0.5s ease;
-o-transition: -o-transform 1s ease 1.6s, background 0.5s ease, border-color 0.5s ease;
transition: transform 1s ease 1.6s, background 0.5s ease, border-color 0.5s ease;
}
.achievements .item_num2 .radial-progress .circle .mask
{
-webkit-transition: -webkit-transform 1s ease 1.6s;
-moz-transition: -moz-transform 1s ease 1.6s;
-ms-transition: -ms-transform 1s ease 1.6s;
transition: transform 1s ease 1.6s;
}
.achievements .item_num2 .radial-progress .inset .percentage .numbers
{
-webkit-transition: width 1s ease 1.6s;
-moz-transition: width 1s ease 1.6s;
-o-transition: width 1s ease 1.6s;
transition: width 1s ease 1.6s;
}
.achievements .item_num3
{
-webkit-transform: translate(1000px, -100px);
-moz-transform: translate(1000px, -100px);
-ms-transform: translate(1000px, -100px);
-o-transform: translate(1000px, -100px);
transform: translate(1000px, -100px);
-webkit-transition: transform 1s ease 0.9s;
-moz-transition: transform 1s ease 0.9s;
-o-transition: transform 1s ease 0.9s;
transition: transform 1s ease 0.9s;
}
.achievements .item_num3 .radial-progress .circle .fill
{
-webkit-transition: -webkit-transform 1s ease 1.9s, background 0.5s ease, border-color 0.5s ease;
-moz-transition: -moz-transform 1s ease 1.9s, background 0.5s ease, border-color 0.5s ease;
-ms-transition: -ms-transform 1s ease 1.9s, background 0.5s ease, border-color 0.5s ease;
-o-transition: -o-transform 1s ease 1.9s, background 0.5s ease, border-color 0.5s ease;
transition: transform 1s ease 1.9s, background 0.5s ease, border-color 0.5s ease;
}
.achievements .item_num3 .radial-progress .circle .mask
{
-webkit-transition: -webkit-transform 1s ease 1.9s;
-moz-transition: -moz-transform 1s ease 1.9s;
-ms-transition: -ms-transform 1s ease 1.9s;
transition: transform 1s ease 1.9s;
}
.achievements .item_num3 .radial-progress .inset .percentage .numbers
{
-webkit-transition: width 1s ease 1.9s;
-moz-transition: width 1s ease 1.9s;
-o-transition: width 1s ease 1.9s;
transition: width 1s ease 1.9s;
}
.visible .achievements .item_num0, .visible .achievements .item_num1, .visible .achievements .item_num2, .visible .achievements .item_num3
{
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.radial-progress[data-progress] .circle .mask.full
{
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.radial-progress[data-progress] .circle .fill
{
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.radial-progress[data-progress] .circle .fill.fix
{
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.radial-progress[data-progress] .inset .percentage .numbers
{
width: 120px;
}
.visible .radial-progress[data-progress="0"] .circle .mask.full
{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.visible .radial-progress[data-progress="0"] .circle .fill
{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.visible .radial-progress[data-progress="0"] .circle .fill.fix
{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.visible .radial-progress[data-progress="0"] .inset .percentage .numbers
{
width: 120px;
}
.visible .radial-progress[data-progress="1"] .circle .mask.full
{
-webkit-transform: rotate(1.8deg);
-ms-transform: rotate(1.8deg);
transform: rotate(1.8deg);
}
.visible .radial-progress[data-progress="1"] .circle .fill
{
-webkit-transform: rotate(1.8deg);
-ms-transform: rotate(1.8deg);
transform: rotate(1.8deg);
}
.visible .radial-progress[data-progress="1"] .circle .fill.fix
{
-webkit-transform: rotate(3.6deg);
-ms-transform: rotate(3.6deg);
transform: rotate(3.6deg);
}
.visible .radial-progress[data-progress="1"] .inset .percentage .numbers
{
width: 240px;
}
.visible .radial-progress[data-progress="2"] .circle .mask.full
{
-webkit-transform: rotate(3.6deg);
-ms-transform: rotate(3.6deg);
transform: rotate(3.6deg);
}
.visible .radial-progress[data-progress="2"] .circle .fill
{
-webkit-transform: rotate(3.6deg);
-ms-transform: rotate(3.6deg);
transform: rotate(3.6deg);
}
.visible .radial-progress[data-progress="2"] .circle .fill.fix
{
-webkit-transform: rotate(7.2deg);
-ms-transform: rotate(7.2deg);
transform: rotate(7.2deg);
}
.visible .radial-progress[data-progress="2"] .inset .percentage .numbers
{
width: 360px;
}
.visible .radial-progress[data-progress="3"] .circle .mask.full
{
-webkit-transform: rotate(5.4deg);
-ms-transform: rotate(5.4deg);
transform: rotate(5.4deg);
}
.visible .radial-progress[data-progress="3"] .circle .fill
{
-webkit-transform: rotate(5.4deg);
-ms-transform: rotate(5.4deg);
transform: rotate(5.4deg);
}
.visible .radial-progress[data-progress="3"] .circle .fill.fix
{
-webkit-transform: rotate(10.8deg);
-ms-transform: rotate(10.8deg);
transform: rotate(10.8deg);
}
.visible .radial-progress[data-progress="3"] .inset .percentage .numbers
{
width: 480px;
}
.visible .radial-progress[data-progress="4"] .circle .mask.full
{
-webkit-transform: rotate(7.2deg);
-ms-transform: rotate(7.2deg);
transform: rotate(7.2deg);
}
.visible .radial-progress[data-progress="4"] .circle .fill
{
-webkit-transform: rotate(7.2deg);
-ms-transform: rotate(7.2deg);
transform: rotate(7.2deg);
}
.visible .radial-progress[data-progress="4"] .circle .fill.fix
{
-webkit-transform: rotate(14.4deg);
-ms-transform: rotate(14.4deg);
transform: rotate(14.4deg);
}
.visible .radial-progress[data-progress="4"] .inset .percentage .numbers
{
width: 600px;
}
.visible .radial-progress[data-progress="5"] .circle .mask.full
{
-webkit-transform: rotate(9deg);
-ms-transform: rotate(9deg);
transform: rotate(9deg);
}
.visible .radial-progress[data-progress="5"] .circle .fill
{
-webkit-transform: rotate(9deg);
-ms-transform: rotate(9deg);
transform: rotate(9deg);
}
.visible .radial-progress[data-progress="5"] .circle .fill.fix
{
-webkit-transform: rotate(18deg);
-ms-transform: rotate(18deg);
transform: rotate(18deg);
}
.visible .radial-progress[data-progress="5"] .inset .percentage .numbers
{
width: 720px;
}
.visible .radial-progress[data-progress="6"] .circle .mask.full
{
-webkit-transform: rotate(10.8deg);
-ms-transform: rotate(10.8deg);
transform: rotate(10.8deg);
}
.visible .radial-progress[data-progress="6"] .circle .fill
{
-webkit-transform: rotate(10.8deg);
-ms-transform: rotate(10.8deg);
transform: rotate(10.8deg);
}
.visible .radial-progress[data-progress="6"] .circle .fill.fix
{
-webkit-transform: rotate(21.6deg);
-ms-transform: rotate(21.6deg);
transform: rotate(21.6deg);
}
.visible .radial-progress[data-progress="6"] .inset .percentage .numbers
{
width: 840px;
}
.visible .radial-progress[data-progress="7"] .circle .mask.full
{
-webkit-transform: rotate(12.6deg);
-ms-transform: rotate(12.6deg);
transform: rotate(12.6deg);
}
.visible .radial-progress[data-progress="7"] .circle .fill
{
-webkit-transform: rotate(12.6deg);
-ms-transform: rotate(12.6deg);
transform: rotate(12.6deg);
}
.visible .radial-progress[data-progress="7"] .circle .fill.fix
{
-webkit-transform: rotate(25.2deg);
-ms-transform: rotate(25.2deg);
transform: rotate(25.2deg);
}
.visible .radial-progress[data-progress="7"] .inset .percentage .numbers
{
width: 960px;
}
.visible .radial-progress[data-progress="8"] .circle .mask.full
{
-webkit-transform: rotate(14.4deg);
-ms-transform: rotate(14.4deg);
transform: rotate(14.4deg);
}
.visible .radial-progress[data-progress="8"] .circle .fill
{
-webkit-transform: rotate(14.4deg);
-ms-transform: rotate(14.4deg);
transform: rotate(14.4deg);
}
.visible .radial-progress[data-progress="8"] .circle .fill.fix
{
-webkit-transform: rotate(28.8deg);
-ms-transform: rotate(28.8deg);
transform: rotate(28.8deg);
}
.visible .radial-progress[data-progress="8"] .inset .percentage .numbers
{
width: 1080px;
}
.visible .radial-progress[data-progress="9"] .circle .mask.full
{
-webkit-transform: rotate(16.2deg);
-ms-transform: rotate(16.2deg);
transform: rotate(16.2deg);
}
.visible .radial-progress[data-progress="9"] .circle .fill
{
-webkit-transform: rotate(16.2deg);
-ms-transform: rotate(16.2deg);
transform: rotate(16.2deg);
}
.visible .radial-progress[data-progress="9"] .circle .fill.fix
{
-webkit-transform: rotate(32.4deg);
-ms-transform: rotate(32.4deg);
transform: rotate(32.4deg);
}
.visible .radial-progress[data-progress="9"] .inset .percentage .numbers
{
width: 1200px;
}
.visible .radial-progress[data-progress="10"] .circle .mask.full
{
-webkit-transform: rotate(18deg);
-ms-transform: rotate(18deg);
transform: rotate(18deg);
}
.visible .radial-progress[data-progress="10"] .circle .fill
{
-webkit-transform: rotate(18deg);
-ms-transform: rotate(18deg);
transform: rotate(18deg);
}
.visible .radial-progress[data-progress="10"] .circle .fill.fix
{
-webkit-transform: rotate(36deg);
-ms-transform: rotate(36deg);
transform: rotate(36deg);
}
.visible .radial-progress[data-progress="10"] .inset .percentage .numbers
{
width: 1320px;
}
.visible .radial-progress[data-progress="11"] .circle .mask.full
{
-webkit-transform: rotate(19.8deg);
-ms-transform: rotate(19.8deg);
transform: rotate(19.8deg);
}
.visible .radial-progress[data-progress="11"] .circle .fill
{
-webkit-transform: rotate(19.8deg);
-ms-transform: rotate(19.8deg);
transform: rotate(19.8deg);
}
.visible .radial-progress[data-progress="11"] .circle .fill.fix
{
-webkit-transform: rotate(39.6deg);
-ms-transform: rotate(39.6deg);
transform: rotate(39.6deg);
}
.visible .radial-progress[data-progress="11"] .inset .percentage .numbers
{
width: 1440px;
}
.visible .radial-progress[data-progress="12"] .circle .mask.full
{
-webkit-transform: rotate(21.6deg);
-ms-transform: rotate(21.6deg);
transform: rotate(21.6deg);
}
.visible .radial-progress[data-progress="12"] .circle .fill
{
-webkit-transform: rotate(21.6deg);
-ms-transform: rotate(21.6deg);
transform: rotate(21.6deg);
}
.visible .radial-progress[data-progress="12"] .circle .fill.fix
{
-webkit-transform: rotate(43.2deg);
-ms-transform: rotate(43.2deg);
transform: rotate(43.2deg);
}
.visible .radial-progress[data-progress="12"] .inset .percentage .numbers
{
width: 1560px;
}
.visible .radial-progress[data-progress="13"] .circle .mask.full
{
-webkit-transform: rotate(23.400000000000002deg);
-ms-transform: rotate(23.400000000000002deg);
transform: rotate(23.400000000000002deg);
}
.visible .radial-progress[data-progress="13"] .circle .fill
{
-webkit-transform: rotate(23.400000000000002deg);
-ms-transform: rotate(23.400000000000002deg);
transform: rotate(23.400000000000002deg);
}
.visible .radial-progress[data-progress="13"] .circle .fill.fix
{
-webkit-transform: rotate(46.800000000000004deg);
-ms-transform: rotate(46.800000000000004deg);
transform: rotate(46.800000000000004deg);
}
.visible .radial-progress[data-progress="13"] .inset .percentage .numbers
{
width: 1680px;
}
.visible .radial-progress[data-progress="14"] .circle .mask.full
{
-webkit-transform: rotate(25.2deg);
-ms-transform: rotate(25.2deg);
transform: rotate(25.2deg);
}
.visible .radial-progress[data-progress="14"] .circle .fill
{
-webkit-transform: rotate(25.2deg);
-ms-transform: rotate(25.2deg);
transform: rotate(25.2deg);
}
.visible .radial-progress[data-progress="14"] .circle .fill.fix
{
-webkit-transform: rotate(50.4deg);
-ms-transform: rotate(50.4deg);
transform: rotate(50.4deg);
}
.visible .radial-progress[data-progress="14"] .inset .percentage .numbers
{
width: 1800px;
}
.visible .radial-progress[data-progress="15"] .circle .mask.full
{
-webkit-transform: rotate(27deg);
-ms-transform: rotate(27deg);
transform: rotate(27deg);
}
.visible .radial-progress[data-progress="15"] .circle .fill
{
-webkit-transform: rotate(27deg);
-ms-transform: rotate(27deg);
transform: rotate(27deg);
}
.visible .radial-progress[data-progress="15"] .circle .fill.fix
{
-webkit-transform: rotate(54deg);
-ms-transform: rotate(54deg);
transform: rotate(54deg);
}
.visible .radial-progress[data-progress="15"] .inset .percentage .numbers
{
width: 1920px;
}
.visible .radial-progress[data-progress="16"] .circle .mask.full
{
-webkit-transform: rotate(28.8deg);
-ms-transform: rotate(28.8deg);
transform: rotate(28.8deg);
}
.visible .radial-progress[data-progress="16"] .circle .fill
{
-webkit-transform: rotate(28.8deg);
-ms-transform: rotate(28.8deg);
transform: rotate(28.8deg);
}
.visible .radial-progress[data-progress="16"] .circle .fill.fix
{
-webkit-transform: rotate(57.6deg);
-ms-transform: rotate(57.6deg);
transform: rotate(57.6deg);
}
.visible .radial-progress[data-progress="16"] .inset .percentage .numbers
{
width: 2040px;
}
.visible .radial-progress[data-progress="17"] .circle .mask.full
{
-webkit-transform: rotate(30.6deg);
-ms-transform: rotate(30.6deg);
transform: rotate(30.6deg);
}
.visible .radial-progress[data-progress="17"] .circle .fill
{
-webkit-transform: rotate(30.6deg);
-ms-transform: rotate(30.6deg);
transform: rotate(30.6deg);
}
.visible .radial-progress[data-progress="17"] .circle .fill.fix
{
-webkit-transform: rotate(61.2deg);
-ms-transform: rotate(61.2deg);
transform: rotate(61.2deg);
}
.visible .radial-progress[data-progress="17"] .inset .percentage .numbers
{
width: 2160px;
}
.visible .radial-progress[data-progress="18"] .circle .mask.full
{
-webkit-transform: rotate(32.4deg);
-ms-transform: rotate(32.4deg);
transform: rotate(32.4deg);
}
.visible .radial-progress[data-progress="18"] .circle .fill
{
-webkit-transform: rotate(32.4deg);
-ms-transform: rotate(32.4deg);
transform: rotate(32.4deg);
}
.visible .radial-progress[data-progress="18"] .circle .fill.fix
{
-webkit-transform: rotate(64.8deg);
-ms-transform: rotate(64.8deg);
transform: rotate(64.8deg);
}
.visible .radial-progress[data-progress="18"] .inset .percentage .numbers
{
width: 2280px;
}
.visible .radial-progress[data-progress="19"] .circle .mask.full
{
-webkit-transform: rotate(34.2deg);
-ms-transform: rotate(34.2deg);
transform: rotate(34.2deg);
}
.visible .radial-progress[data-progress="19"] .circle .fill
{
-webkit-transform: rotate(34.2deg);
-ms-transform: rotate(34.2deg);
transform: rotate(34.2deg);
}
.visible .radial-progress[data-progress="19"] .circle .fill.fix
{
-webkit-transform: rotate(68.4deg);
-ms-transform: rotate(68.4deg);
transform: rotate(68.4deg);
}
.visible .radial-progress[data-progress="19"] .inset .percentage .numbers
{
width: 2400px;
}
.visible .radial-progress[data-progress="20"] .circle .mask.full
{
-webkit-transform: rotate(36deg);
-ms-transform: rotate(36deg);
transform: rotate(36deg);
}
.visible .radial-progress[data-progress="20"] .circle .fill
{
-webkit-transform: rotate(36deg);
-ms-transform: rotate(36deg);
transform: rotate(36deg);
}
.visible .radial-progress[data-progress="20"] .circle .fill.fix
{
-webkit-transform: rotate(72deg);
-ms-transform: rotate(72deg);
transform: rotate(72deg);
}
.visible .radial-progress[data-progress="20"] .inset .percentage .numbers
{
width: 2520px;
}
.visible .radial-progress[data-progress="21"] .circle .mask.full
{
-webkit-transform: rotate(37.800000000000004deg);
-ms-transform: rotate(37.800000000000004deg);
transform: rotate(37.800000000000004deg);
}
.visible .radial-progress[data-progress="21"] .circle .fill
{
-webkit-transform: rotate(37.800000000000004deg);
-ms-transform: rotate(37.800000000000004deg);
transform: rotate(37.800000000000004deg);
}
.visible .radial-progress[data-progress="21"] .circle .fill.fix
{
-webkit-transform: rotate(75.60000000000001deg);
-ms-transform: rotate(75.60000000000001deg);
transform: rotate(75.60000000000001deg);
}
.visible .radial-progress[data-progress="21"] .inset .percentage .numbers
{
width: 2640px;
}
.visible .radial-progress[data-progress="22"] .circle .mask.full
{
-webkit-transform: rotate(39.6deg);
-ms-transform: rotate(39.6deg);
transform: rotate(39.6deg);
}
.visible .radial-progress[data-progress="22"] .circle .fill
{
-webkit-transform: rotate(39.6deg);
-ms-transform: rotate(39.6deg);
transform: rotate(39.6deg);
}
.visible .radial-progress[data-progress="22"] .circle .fill.fix
{
-webkit-transform: rotate(79.2deg);
-ms-transform: rotate(79.2deg);
transform: rotate(79.2deg);
}
.visible .radial-progress[data-progress="22"] .inset .percentage .numbers
{
width: 2760px;
}
.visible .radial-progress[data-progress="23"] .circle .mask.full
{
-webkit-transform: rotate(41.4deg);
-ms-transform: rotate(41.4deg);
transform: rotate(41.4deg);
}
.visible .radial-progress[data-progress="23"] .circle .fill
{
-webkit-transform: rotate(41.4deg);
-ms-transform: rotate(41.4deg);
transform: rotate(41.4deg);
}
.visible .radial-progress[data-progress="23"] .circle .fill.fix
{
-webkit-transform: rotate(82.8deg);
-ms-transform: rotate(82.8deg);
transform: rotate(82.8deg);
}
.visible .radial-progress[data-progress="23"] .inset .percentage .numbers
{
width: 2880px;
}
.visible .radial-progress[data-progress="24"] .circle .mask.full
{
-webkit-transform: rotate(43.2deg);
-ms-transform: rotate(43.2deg);
transform: rotate(43.2deg);
}
.visible .radial-progress[data-progress="24"] .circle .fill
{
-webkit-transform: rotate(43.2deg);
-ms-transform: rotate(43.2deg);
transform: rotate(43.2deg);
}
.visible .radial-progress[data-progress="24"] .circle .fill.fix
{
-webkit-transform: rotate(86.4deg);
-ms-transform: rotate(86.4deg);
transform: rotate(86.4deg);
}
.visible .radial-progress[data-progress="24"] .inset .percentage .numbers
{
width: 3000px;
}
.visible .radial-progress[data-progress="25"] .circle .mask.full
{
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.visible .radial-progress[data-progress="25"] .circle .fill
{
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.visible .radial-progress[data-progress="25"] .circle .fill.fix
{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.visible .radial-progress[data-progress="25"] .inset .percentage .numbers
{
width: 3120px;
}
.visible .radial-progress[data-progress="26"] .circle .mask.full
{
-webkit-transform: rotate(46.800000000000004deg);
-ms-transform: rotate(46.800000000000004deg);
transform: rotate(46.800000000000004deg);
}
.visible .radial-progress[data-progress="26"] .circle .fill
{
-webkit-transform: rotate(46.800000000000004deg);
-ms-transform: rotate(46.800000000000004deg);
transform: rotate(46.800000000000004deg);
}
.visible .radial-progress[data-progress="26"] .circle .fill.fix
{
-webkit-transform: rotate(93.60000000000001deg);
-ms-transform: rotate(93.60000000000001deg);
transform: rotate(93.60000000000001deg);
}
.visible .radial-progress[data-progress="26"] .inset .percentage .numbers
{
width: 3240px;
}
.visible .radial-progress[data-progress="27"] .circle .mask.full
{
-webkit-transform: rotate(48.6deg);
-ms-transform: rotate(48.6deg);
transform: rotate(48.6deg);
}
.visible .radial-progress[data-progress="27"] .circle .fill
{
-webkit-transform: rotate(48.6deg);
-ms-transform: rotate(48.6deg);
transform: rotate(48.6deg);
}
.visible .radial-progress[data-progress="27"] .circle .fill.fix
{
-webkit-transform: rotate(97.2deg);
-ms-transform: rotate(97.2deg);
transform: rotate(97.2deg);
}
.visible .radial-progress[data-progress="27"] .inset .percentage .numbers
{
width: 3360px;
}
.visible .radial-progress[data-progress="28"] .circle .mask.full
{
-webkit-transform: rotate(50.4deg);
-ms-transform: rotate(50.4deg);
transform: rotate(50.4deg);
}
.visible .radial-progress[data-progress="28"] .circle .fill
{
-webkit-transform: rotate(50.4deg);
-ms-transform: rotate(50.4deg);
transform: rotate(50.4deg);
}
.visible .radial-progress[data-progress="28"] .circle .fill.fix
{
-webkit-transform: rotate(100.8deg);
-ms-transform: rotate(100.8deg);
transform: rotate(100.8deg);
}
.visible .radial-progress[data-progress="28"] .inset .percentage .numbers
{
width: 3480px;
}
.visible .radial-progress[data-progress="29"] .circle .mask.full
{
-webkit-transform: rotate(52.2deg);
-ms-transform: rotate(52.2deg);
transform: rotate(52.2deg);
}
.visible .radial-progress[data-progress="29"] .circle .fill
{
-webkit-transform: rotate(52.2deg);
-ms-transform: rotate(52.2deg);
transform: rotate(52.2deg);
}
.visible .radial-progress[data-progress="29"] .circle .fill.fix
{
-webkit-transform: rotate(104.4deg);
-ms-transform: rotate(104.4deg);
transform: rotate(104.4deg);
}
.visible .radial-progress[data-progress="29"] .inset .percentage .numbers
{
width: 3600px;
}
.visible .radial-progress[data-progress="30"] .circle .mask.full
{
-webkit-transform: rotate(54deg);
-ms-transform: rotate(54deg);
transform: rotate(54deg);
}
.visible .radial-progress[data-progress="30"] .circle .fill
{
-webkit-transform: rotate(54deg);
-ms-transform: rotate(54deg);
transform: rotate(54deg);
}
.visible .radial-progress[data-progress="30"] .circle .fill.fix
{
-webkit-transform: rotate(108deg);
-ms-transform: rotate(108deg);
transform: rotate(108deg);
}
.visible .radial-progress[data-progress="30"] .inset .percentage .numbers
{
width: 3720px;
}
.visible .radial-progress[data-progress="31"] .circle .mask.full
{
-webkit-transform: rotate(55.800000000000004deg);
-ms-transform: rotate(55.800000000000004deg);
transform: rotate(55.800000000000004deg);
}
.visible .radial-progress[data-progress="31"] .circle .fill
{
-webkit-transform: rotate(55.800000000000004deg);
-ms-transform: rotate(55.800000000000004deg);
transform: rotate(55.800000000000004deg);
}
.visible .radial-progress[data-progress="31"] .circle .fill.fix
{
-webkit-transform: rotate(111.60000000000001deg);
-ms-transform: rotate(111.60000000000001deg);
transform: rotate(111.60000000000001deg);
}
.visible .radial-progress[data-progress="31"] .inset .percentage .numbers
{
width: 3840px;
}
.visible .radial-progress[data-progress="32"] .circle .mask.full
{
-webkit-transform: rotate(57.6deg);
-ms-transform: rotate(57.6deg);
transform: rotate(57.6deg);
}
.visible .radial-progress[data-progress="32"] .circle .fill
{
-webkit-transform: rotate(57.6deg);
-ms-transform: rotate(57.6deg);
transform: rotate(57.6deg);
}
.visible .radial-progress[data-progress="32"] .circle .fill.fix
{
-webkit-transform: rotate(115.2deg);
-ms-transform: rotate(115.2deg);
transform: rotate(115.2deg);
}
.visible .radial-progress[data-progress="32"] .inset .percentage .numbers
{
width: 3960px;
}
.visible .radial-progress[data-progress="33"] .circle .mask.full
{
-webkit-transform: rotate(59.4deg);
-ms-transform: rotate(59.4deg);
transform: rotate(59.4deg);
}
.visible .radial-progress[data-progress="33"] .circle .fill
{
-webkit-transform: rotate(59.4deg);
-ms-transform: rotate(59.4deg);
transform: rotate(59.4deg);
}
.visible .radial-progress[data-progress="33"] .circle .fill.fix
{
-webkit-transform: rotate(118.8deg);
-ms-transform: rotate(118.8deg);
transform: rotate(118.8deg);
}
.visible .radial-progress[data-progress="33"] .inset .percentage .numbers
{
width: 4080px;
}
.visible .radial-progress[data-progress="34"] .circle .mask.full
{
-webkit-transform: rotate(61.2deg);
-ms-transform: rotate(61.2deg);
transform: rotate(61.2deg);
}
.visible .radial-progress[data-progress="34"] .circle .fill
{
-webkit-transform: rotate(61.2deg);
-ms-transform: rotate(61.2deg);
transform: rotate(61.2deg);
}
.visible .radial-progress[data-progress="34"] .circle .fill.fix
{
-webkit-transform: rotate(122.4deg);
-ms-transform: rotate(122.4deg);
transform: rotate(122.4deg);
}
.visible .radial-progress[data-progress="34"] .inset .percentage .numbers
{
width: 4200px;
}
.visible .radial-progress[data-progress="35"] .circle .mask.full
{
-webkit-transform: rotate(63deg);
-ms-transform: rotate(63deg);
transform: rotate(63deg);
}
.visible .radial-progress[data-progress="35"] .circle .fill
{
-webkit-transform: rotate(63deg);
-ms-transform: rotate(63deg);
transform: rotate(63deg);
}
.visible .radial-progress[data-progress="35"] .circle .fill.fix
{
-webkit-transform: rotate(126deg);
-ms-transform: rotate(126deg);
transform: rotate(126deg);
}
.visible .radial-progress[data-progress="35"] .inset .percentage .numbers
{
width: 4320px;
}
.visible .radial-progress[data-progress="36"] .circle .mask.full
{
-webkit-transform: rotate(64.8deg);
-ms-transform: rotate(64.8deg);
transform: rotate(64.8deg);
}
.visible .radial-progress[data-progress="36"] .circle .fill
{
-webkit-transform: rotate(64.8deg);
-ms-transform: rotate(64.8deg);
transform: rotate(64.8deg);
}
.visible .radial-progress[data-progress="36"] .circle .fill.fix
{
-webkit-transform: rotate(129.6deg);
-ms-transform: rotate(129.6deg);
transform: rotate(129.6deg);
}
.visible .radial-progress[data-progress="36"] .inset .percentage .numbers
{
width: 4440px;
}
.visible .radial-progress[data-progress="37"] .circle .mask.full
{
-webkit-transform: rotate(66.60000000000001deg);
-ms-transform: rotate(66.60000000000001deg);
transform: rotate(66.60000000000001deg);
}
.visible .radial-progress[data-progress="37"] .circle .fill
{
-webkit-transform: rotate(66.60000000000001deg);
-ms-transform: rotate(66.60000000000001deg);
transform: rotate(66.60000000000001deg);
}
.visible .radial-progress[data-progress="37"] .circle .fill.fix
{
-webkit-transform: rotate(133.20000000000002deg);
-ms-transform: rotate(133.20000000000002deg);
transform: rotate(133.20000000000002deg);
}
.visible .radial-progress[data-progress="37"] .inset .percentage .numbers
{
width: 4560px;
}
.visible .radial-progress[data-progress="38"] .circle .mask.full
{
-webkit-transform: rotate(68.4deg);
-ms-transform: rotate(68.4deg);
transform: rotate(68.4deg);
}
.visible .radial-progress[data-progress="38"] .circle .fill
{
-webkit-transform: rotate(68.4deg);
-ms-transform: rotate(68.4deg);
transform: rotate(68.4deg);
}
.visible .radial-progress[data-progress="38"] .circle .fill.fix
{
-webkit-transform: rotate(136.8deg);
-ms-transform: rotate(136.8deg);
transform: rotate(136.8deg);
}
.visible .radial-progress[data-progress="38"] .inset .percentage .numbers
{
width: 4680px;
}
.visible .radial-progress[data-progress="39"] .circle .mask.full
{
-webkit-transform: rotate(70.2deg);
-ms-transform: rotate(70.2deg);
transform: rotate(70.2deg);
}
.visible .radial-progress[data-progress="39"] .circle .fill
{
-webkit-transform: rotate(70.2deg);
-ms-transform: rotate(70.2deg);
transform: rotate(70.2deg);
}
.visible .radial-progress[data-progress="39"] .circle .fill.fix
{
-webkit-transform: rotate(140.4deg);
-ms-transform: rotate(140.4deg);
transform: rotate(140.4deg);
}
.visible .radial-progress[data-progress="39"] .inset .percentage .numbers
{
width: 4800px;
}
.visible .radial-progress[data-progress="40"] .circle .mask.full
{
-webkit-transform: rotate(72deg);
-ms-transform: rotate(72deg);
transform: rotate(72deg);
}
.visible .radial-progress[data-progress="40"] .circle .fill
{
-webkit-transform: rotate(72deg);
-ms-transform: rotate(72deg);
transform: rotate(72deg);
}
.visible .radial-progress[data-progress="40"] .circle .fill.fix
{
-webkit-transform: rotate(144deg);
-ms-transform: rotate(144deg);
transform: rotate(144deg);
}
.visible .radial-progress[data-progress="40"] .inset .percentage .numbers
{
width: 4920px;
}
.visible .radial-progress[data-progress="41"] .circle .mask.full
{
-webkit-transform: rotate(73.8deg);
-ms-transform: rotate(73.8deg);
transform: rotate(73.8deg);
}
.visible .radial-progress[data-progress="41"] .circle .fill
{
-webkit-transform: rotate(73.8deg);
-ms-transform: rotate(73.8deg);
transform: rotate(73.8deg);
}
.visible .radial-progress[data-progress="41"] .circle .fill.fix
{
-webkit-transform: rotate(147.6deg);
-ms-transform: rotate(147.6deg);
transform: rotate(147.6deg);
}
.visible .radial-progress[data-progress="41"] .inset .percentage .numbers
{
width: 5040px;
}
.visible .radial-progress[data-progress="42"] .circle .mask.full
{
-webkit-transform: rotate(75.60000000000001deg);
-ms-transform: rotate(75.60000000000001deg);
transform: rotate(75.60000000000001deg);
}
.visible .radial-progress[data-progress="42"] .circle .fill
{
-webkit-transform: rotate(75.60000000000001deg);
-ms-transform: rotate(75.60000000000001deg);
transform: rotate(75.60000000000001deg);
}
.visible .radial-progress[data-progress="42"] .circle .fill.fix
{
-webkit-transform: rotate(151.20000000000002deg);
-ms-transform: rotate(151.20000000000002deg);
transform: rotate(151.20000000000002deg);
}
.visible .radial-progress[data-progress="42"] .inset .percentage .numbers
{
width: 5160px;
}
.visible .radial-progress[data-progress="43"] .circle .mask.full
{
-webkit-transform: rotate(77.4deg);
-ms-transform: rotate(77.4deg);
transform: rotate(77.4deg);
}
.visible .radial-progress[data-progress="43"] .circle .fill
{
-webkit-transform: rotate(77.4deg);
-ms-transform: rotate(77.4deg);
transform: rotate(77.4deg);
}
.visible .radial-progress[data-progress="43"] .circle .fill.fix
{
-webkit-transform: rotate(154.8deg);
-ms-transform: rotate(154.8deg);
transform: rotate(154.8deg);
}
.visible .radial-progress[data-progress="43"] .inset .percentage .numbers
{
width: 5280px;
}
.visible .radial-progress[data-progress="44"] .circle .mask.full
{
-webkit-transform: rotate(79.2deg);
-ms-transform: rotate(79.2deg);
transform: rotate(79.2deg);
}
.visible .radial-progress[data-progress="44"] .circle .fill
{
-webkit-transform: rotate(79.2deg);
-ms-transform: rotate(79.2deg);
transform: rotate(79.2deg);
}
.visible .radial-progress[data-progress="44"] .circle .fill.fix
{
-webkit-transform: rotate(158.4deg);
-ms-transform: rotate(158.4deg);
transform: rotate(158.4deg);
}
.visible .radial-progress[data-progress="44"] .inset .percentage .numbers
{
width: 5400px;
}
.visible .radial-progress[data-progress="45"] .circle .mask.full
{
-webkit-transform: rotate(81deg);
-ms-transform: rotate(81deg);
transform: rotate(81deg);
}
.visible .radial-progress[data-progress="45"] .circle .fill
{
-webkit-transform: rotate(81deg);
-ms-transform: rotate(81deg);
transform: rotate(81deg);
}
.visible .radial-progress[data-progress="45"] .circle .fill.fix
{
-webkit-transform: rotate(162deg);
-ms-transform: rotate(162deg);
transform: rotate(162deg);
}
.visible .radial-progress[data-progress="45"] .inset .percentage .numbers
{
width: 5520px;
}
.visible .radial-progress[data-progress="46"] .circle .mask.full
{
-webkit-transform: rotate(82.8deg);
-ms-transform: rotate(82.8deg);
transform: rotate(82.8deg);
}
.visible .radial-progress[data-progress="46"] .circle .fill
{
-webkit-transform: rotate(82.8deg);
-ms-transform: rotate(82.8deg);
transform: rotate(82.8deg);
}
.visible .radial-progress[data-progress="46"] .circle .fill.fix
{
-webkit-transform: rotate(165.6deg);
-ms-transform: rotate(165.6deg);
transform: rotate(165.6deg);
}
.visible .radial-progress[data-progress="46"] .inset .percentage .numbers
{
width: 5640px;
}
.visible .radial-progress[data-progress="47"] .circle .mask.full
{
-webkit-transform: rotate(84.60000000000001deg);
-ms-transform: rotate(84.60000000000001deg);
transform: rotate(84.60000000000001deg);
}
.visible .radial-progress[data-progress="47"] .circle .fill
{
-webkit-transform: rotate(84.60000000000001deg);
-ms-transform: rotate(84.60000000000001deg);
transform: rotate(84.60000000000001deg);
}
.visible .radial-progress[data-progress="47"] .circle .fill.fix
{
-webkit-transform: rotate(169.20000000000002deg);
-ms-transform: rotate(169.20000000000002deg);
transform: rotate(169.20000000000002deg);
}
.visible .radial-progress[data-progress="47"] .inset .percentage .numbers
{
width: 5760px;
}
.visible .radial-progress[data-progress="48"] .circle .mask.full
{
-webkit-transform: rotate(86.4deg);
-ms-transform: rotate(86.4deg);
transform: rotate(86.4deg);
}
.visible .radial-progress[data-progress="48"] .circle .fill
{
-webkit-transform: rotate(86.4deg);
-ms-transform: rotate(86.4deg);
transform: rotate(86.4deg);
}
.visible .radial-progress[data-progress="48"] .circle .fill.fix
{
-webkit-transform: rotate(172.8deg);
-ms-transform: rotate(172.8deg);
transform: rotate(172.8deg);
}
.visible .radial-progress[data-progress="48"] .inset .percentage .numbers
{
width: 5880px;
}
.visible .radial-progress[data-progress="49"] .circle .mask.full
{
-webkit-transform: rotate(88.2deg);
-ms-transform: rotate(88.2deg);
transform: rotate(88.2deg);
}
.visible .radial-progress[data-progress="49"] .circle .fill
{
-webkit-transform: rotate(88.2deg);
-ms-transform: rotate(88.2deg);
transform: rotate(88.2deg);
}
.visible .radial-progress[data-progress="49"] .circle .fill.fix
{
-webkit-transform: rotate(176.4deg);
-ms-transform: rotate(176.4deg);
transform: rotate(176.4deg);
}
.visible .radial-progress[data-progress="49"] .inset .percentage .numbers
{
width: 6000px;
}
.visible .radial-progress[data-progress="50"] .circle .mask.full
{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.visible .radial-progress[data-progress="50"] .circle .fill
{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.visible .radial-progress[data-progress="50"] .circle .fill.fix
{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.visible .radial-progress[data-progress="50"] .inset .percentage .numbers
{
width: 6120px;
}
.visible .radial-progress[data-progress="51"] .circle .mask.full
{
-webkit-transform: rotate(91.8deg);
-ms-transform: rotate(91.8deg);
transform: rotate(91.8deg);
}
.visible .radial-progress[data-progress="51"] .circle .fill
{
-webkit-transform: rotate(91.8deg);
-ms-transform: rotate(91.8deg);
transform: rotate(91.8deg);
}
.visible .radial-progress[data-progress="51"] .circle .fill.fix
{
-webkit-transform: rotate(183.6deg);
-ms-transform: rotate(183.6deg);
transform: rotate(183.6deg);
}
.visible .radial-progress[data-progress="51"] .inset .percentage .numbers
{
width: 6240px;
}
.visible .radial-progress[data-progress="52"] .circle .mask.full
{
-webkit-transform: rotate(93.60000000000001deg);
-ms-transform: rotate(93.60000000000001deg);
transform: rotate(93.60000000000001deg);
}
.visible .radial-progress[data-progress="52"] .circle .fill
{
-webkit-transform: rotate(93.60000000000001deg);
-ms-transform: rotate(93.60000000000001deg);
transform: rotate(93.60000000000001deg);
}
.visible .radial-progress[data-progress="52"] .circle .fill.fix
{
-webkit-transform: rotate(187.20000000000002deg);
-ms-transform: rotate(187.20000000000002deg);
transform: rotate(187.20000000000002deg);
}
.visible .radial-progress[data-progress="52"] .inset .percentage .numbers
{
width: 6360px;
}
.visible .radial-progress[data-progress="53"] .circle .mask.full
{
-webkit-transform: rotate(95.4deg);
-ms-transform: rotate(95.4deg);
transform: rotate(95.4deg);
}
.visible .radial-progress[data-progress="53"] .circle .fill
{
-webkit-transform: rotate(95.4deg);
-ms-transform: rotate(95.4deg);
transform: rotate(95.4deg);
}
.visible .radial-progress[data-progress="53"] .circle .fill.fix
{
-webkit-transform: rotate(190.8deg);
-ms-transform: rotate(190.8deg);
transform: rotate(190.8deg);
}
.visible .radial-progress[data-progress="53"] .inset .percentage .numbers
{
width: 6480px;
}
.visible .radial-progress[data-progress="54"] .circle .mask.full
{
-webkit-transform: rotate(97.2deg);
-ms-transform: rotate(97.2deg);
transform: rotate(97.2deg);
}
.visible .radial-progress[data-progress="54"] .circle .fill
{
-webkit-transform: rotate(97.2deg);
-ms-transform: rotate(97.2deg);
transform: rotate(97.2deg);
}
.visible .radial-progress[data-progress="54"] .circle .fill.fix
{
-webkit-transform: rotate(194.4deg);
-ms-transform: rotate(194.4deg);
transform: rotate(194.4deg);
}
.visible .radial-progress[data-progress="54"] .inset .percentage .numbers
{
width: 6600px;
}
.visible .radial-progress[data-progress="55"] .circle .mask.full
{
-webkit-transform: rotate(99deg);
-ms-transform: rotate(99deg);
transform: rotate(99deg);
}
.visible .radial-progress[data-progress="55"] .circle .fill
{
-webkit-transform: rotate(99deg);
-ms-transform: rotate(99deg);
transform: rotate(99deg);
}
.visible .radial-progress[data-progress="55"] .circle .fill.fix
{
-webkit-transform: rotate(198deg);
-ms-transform: rotate(198deg);
transform: rotate(198deg);
}
.visible .radial-progress[data-progress="55"] .inset .percentage .numbers
{
width: 6720px;
}
.visible .radial-progress[data-progress="56"] .circle .mask.full
{
-webkit-transform: rotate(100.8deg);
-ms-transform: rotate(100.8deg);
transform: rotate(100.8deg);
}
.visible .radial-progress[data-progress="56"] .circle .fill
{
-webkit-transform: rotate(100.8deg);
-ms-transform: rotate(100.8deg);
transform: rotate(100.8deg);
}
.visible .radial-progress[data-progress="56"] .circle .fill.fix
{
-webkit-transform: rotate(201.6deg);
-ms-transform: rotate(201.6deg);
transform: rotate(201.6deg);
}
.visible .radial-progress[data-progress="56"] .inset .percentage .numbers
{
width: 6840px;
}
.visible .radial-progress[data-progress="57"] .circle .mask.full
{
-webkit-transform: rotate(102.60000000000001deg);
-ms-transform: rotate(102.60000000000001deg);
transform: rotate(102.60000000000001deg);
}
.visible .radial-progress[data-progress="57"] .circle .fill
{
-webkit-transform: rotate(102.60000000000001deg);
-ms-transform: rotate(102.60000000000001deg);
transform: rotate(102.60000000000001deg);
}
.visible .radial-progress[data-progress="57"] .circle .fill.fix
{
-webkit-transform: rotate(205.20000000000002deg);
-ms-transform: rotate(205.20000000000002deg);
transform: rotate(205.20000000000002deg);
}
.visible .radial-progress[data-progress="57"] .inset .percentage .numbers
{
width: 6960px;
}
.visible .radial-progress[data-progress="58"] .circle .mask.full
{
-webkit-transform: rotate(104.4deg);
-ms-transform: rotate(104.4deg);
transform: rotate(104.4deg);
}
.visible .radial-progress[data-progress="58"] .circle .fill
{
-webkit-transform: rotate(104.4deg);
-ms-transform: rotate(104.4deg);
transform: rotate(104.4deg);
}
.visible .radial-progress[data-progress="58"] .circle .fill.fix
{
-webkit-transform: rotate(208.8deg);
-ms-transform: rotate(208.8deg);
transform: rotate(208.8deg);
}
.visible .radial-progress[data-progress="58"] .inset .percentage .numbers
{
width: 7080px;
}
.visible .radial-progress[data-progress="59"] .circle .mask.full
{
-webkit-transform: rotate(106.2deg);
-ms-transform: rotate(106.2deg);
transform: rotate(106.2deg);
}
.visible .radial-progress[data-progress="59"] .circle .fill
{
-webkit-transform: rotate(106.2deg);
-ms-transform: rotate(106.2deg);
transform: rotate(106.2deg);
}
.visible .radial-progress[data-progress="59"] .circle .fill.fix
{
-webkit-transform: rotate(212.4deg);
-ms-transform: rotate(212.4deg);
transform: rotate(212.4deg);
}
.visible .radial-progress[data-progress="59"] .inset .percentage .numbers
{
width: 7200px;
}
.visible .radial-progress[data-progress="60"] .circle .mask.full
{
-webkit-transform: rotate(108deg);
-ms-transform: rotate(108deg);
transform: rotate(108deg);
}
.visible .radial-progress[data-progress="60"] .circle .fill
{
-webkit-transform: rotate(108deg);
-ms-transform: rotate(108deg);
transform: rotate(108deg);
}
.visible .radial-progress[data-progress="60"] .circle .fill.fix
{
-webkit-transform: rotate(216deg);
-ms-transform: rotate(216deg);
transform: rotate(216deg);
}
.visible .radial-progress[data-progress="60"] .inset .percentage .numbers
{
width: 7320px;
}
.visible .radial-progress[data-progress="61"] .circle .mask.full
{
-webkit-transform: rotate(109.8deg);
-ms-transform: rotate(109.8deg);
transform: rotate(109.8deg);
}
.visible .radial-progress[data-progress="61"] .circle .fill
{
-webkit-transform: rotate(109.8deg);
-ms-transform: rotate(109.8deg);
transform: rotate(109.8deg);
}
.visible .radial-progress[data-progress="61"] .circle .fill.fix
{
-webkit-transform: rotate(219.6deg);
-ms-transform: rotate(219.6deg);
transform: rotate(219.6deg);
}
.visible .radial-progress[data-progress="61"] .inset .percentage .numbers
{
width: 7440px;
}
.visible .radial-progress[data-progress="62"] .circle .mask.full
{
-webkit-transform: rotate(111.60000000000001deg);
-ms-transform: rotate(111.60000000000001deg);
transform: rotate(111.60000000000001deg);
}
.visible .radial-progress[data-progress="62"] .circle .fill
{
-webkit-transform: rotate(111.60000000000001deg);
-ms-transform: rotate(111.60000000000001deg);
transform: rotate(111.60000000000001deg);
}
.visible .radial-progress[data-progress="62"] .circle .fill.fix
{
-webkit-transform: rotate(223.20000000000002deg);
-ms-transform: rotate(223.20000000000002deg);
transform: rotate(223.20000000000002deg);
}
.visible .radial-progress[data-progress="62"] .inset .percentage .numbers
{
width: 7560px;
}
.visible .radial-progress[data-progress="63"] .circle .mask.full
{
-webkit-transform: rotate(113.4deg);
-ms-transform: rotate(113.4deg);
transform: rotate(113.4deg);
}
.visible .radial-progress[data-progress="63"] .circle .fill
{
-webkit-transform: rotate(113.4deg);
-ms-transform: rotate(113.4deg);
transform: rotate(113.4deg);
}
.visible .radial-progress[data-progress="63"] .circle .fill.fix
{
-webkit-transform: rotate(226.8deg);
-ms-transform: rotate(226.8deg);
transform: rotate(226.8deg);
}
.visible .radial-progress[data-progress="63"] .inset .percentage .numbers
{
width: 7680px;
}
.visible .radial-progress[data-progress="64"] .circle .mask.full
{
-webkit-transform: rotate(115.2deg);
-ms-transform: rotate(115.2deg);
transform: rotate(115.2deg);
}
.visible .radial-progress[data-progress="64"] .circle .fill
{
-webkit-transform: rotate(115.2deg);
-ms-transform: rotate(115.2deg);
transform: rotate(115.2deg);
}
.visible .radial-progress[data-progress="64"] .circle .fill.fix
{
-webkit-transform: rotate(230.4deg);
-ms-transform: rotate(230.4deg);
transform: rotate(230.4deg);
}
.visible .radial-progress[data-progress="64"] .inset .percentage .numbers
{
width: 7800px;
}
.visible .radial-progress[data-progress="65"] .circle .mask.full
{
-webkit-transform: rotate(117deg);
-ms-transform: rotate(117deg);
transform: rotate(117deg);
}
.visible .radial-progress[data-progress="65"] .circle .fill
{
-webkit-transform: rotate(117deg);
-ms-transform: rotate(117deg);
transform: rotate(117deg);
}
.visible .radial-progress[data-progress="65"] .circle .fill.fix
{
-webkit-transform: rotate(234deg);
-ms-transform: rotate(234deg);
transform: rotate(234deg);
}
.visible .radial-progress[data-progress="65"] .inset .percentage .numbers
{
width: 7920px;
}
.visible .radial-progress[data-progress="66"] .circle .mask.full
{
-webkit-transform: rotate(118.8deg);
-ms-transform: rotate(118.8deg);
transform: rotate(118.8deg);
}
.visible .radial-progress[data-progress="66"] .circle .fill
{
-webkit-transform: rotate(118.8deg);
-ms-transform: rotate(118.8deg);
transform: rotate(118.8deg);
}
.visible .radial-progress[data-progress="66"] .circle .fill.fix
{
-webkit-transform: rotate(237.6deg);
-ms-transform: rotate(237.6deg);
transform: rotate(237.6deg);
}
.visible .radial-progress[data-progress="66"] .inset .percentage .numbers
{
width: 8040px;
}
.visible .radial-progress[data-progress="67"] .circle .mask.full
{
-webkit-transform: rotate(120.60000000000001deg);
-ms-transform: rotate(120.60000000000001deg);
transform: rotate(120.60000000000001deg);
}
.visible .radial-progress[data-progress="67"] .circle .fill
{
-webkit-transform: rotate(120.60000000000001deg);
-ms-transform: rotate(120.60000000000001deg);
transform: rotate(120.60000000000001deg);
}
.visible .radial-progress[data-progress="67"] .circle .fill.fix
{
-webkit-transform: rotate(241.20000000000002deg);
-ms-transform: rotate(241.20000000000002deg);
transform: rotate(241.20000000000002deg);
}
.visible .radial-progress[data-progress="67"] .inset .percentage .numbers
{
width: 8160px;
}
.visible .radial-progress[data-progress="68"] .circle .mask.full
{
-webkit-transform: rotate(122.4deg);
-ms-transform: rotate(122.4deg);
transform: rotate(122.4deg);
}
.visible .radial-progress[data-progress="68"] .circle .fill
{
-webkit-transform: rotate(122.4deg);
-ms-transform: rotate(122.4deg);
transform: rotate(122.4deg);
}
.visible .radial-progress[data-progress="68"] .circle .fill.fix
{
-webkit-transform: rotate(244.8deg);
-ms-transform: rotate(244.8deg);
transform: rotate(244.8deg);
}
.visible .radial-progress[data-progress="68"] .inset .percentage .numbers
{
width: 8280px;
}
.visible .radial-progress[data-progress="69"] .circle .mask.full
{
-webkit-transform: rotate(124.2deg);
-ms-transform: rotate(124.2deg);
transform: rotate(124.2deg);
}
.visible .radial-progress[data-progress="69"] .circle .fill
{
-webkit-transform: rotate(124.2deg);
-ms-transform: rotate(124.2deg);
transform: rotate(124.2deg);
}
.visible .radial-progress[data-progress="69"] .circle .fill.fix
{
-webkit-transform: rotate(248.4deg);
-ms-transform: rotate(248.4deg);
transform: rotate(248.4deg);
}
.visible .radial-progress[data-progress="69"] .inset .percentage .numbers
{
width: 8400px;
}
.visible .radial-progress[data-progress="70"] .circle .mask.full
{
-webkit-transform: rotate(126deg);
-ms-transform: rotate(126deg);
transform: rotate(126deg);
}
.visible .radial-progress[data-progress="70"] .circle .fill
{
-webkit-transform: rotate(126deg);
-ms-transform: rotate(126deg);
transform: rotate(126deg);
}
.visible .radial-progress[data-progress="70"] .circle .fill.fix
{
-webkit-transform: rotate(252deg);
-ms-transform: rotate(252deg);
transform: rotate(252deg);
}
.visible .radial-progress[data-progress="70"] .inset .percentage .numbers
{
width: 8520px;
}
.visible .radial-progress[data-progress="71"] .circle .mask.full
{
-webkit-transform: rotate(127.8deg);
-ms-transform: rotate(127.8deg);
transform: rotate(127.8deg);
}
.visible .radial-progress[data-progress="71"] .circle .fill
{
-webkit-transform: rotate(127.8deg);
-ms-transform: rotate(127.8deg);
transform: rotate(127.8deg);
}
.visible .radial-progress[data-progress="71"] .circle .fill.fix
{
-webkit-transform: rotate(255.6deg);
-ms-transform: rotate(255.6deg);
transform: rotate(255.6deg);
}
.visible .radial-progress[data-progress="71"] .inset .percentage .numbers
{
width: 8640px;
}
.visible .radial-progress[data-progress="72"] .circle .mask.full
{
-webkit-transform: rotate(129.6deg);
-ms-transform: rotate(129.6deg);
transform: rotate(129.6deg);
}
.visible .radial-progress[data-progress="72"] .circle .fill
{
-webkit-transform: rotate(129.6deg);
-ms-transform: rotate(129.6deg);
transform: rotate(129.6deg);
}
.visible .radial-progress[data-progress="72"] .circle .fill.fix
{
-webkit-transform: rotate(259.2deg);
-ms-transform: rotate(259.2deg);
transform: rotate(259.2deg);
}
.visible .radial-progress[data-progress="72"] .inset .percentage .numbers
{
width: 8760px;
}
.visible .radial-progress[data-progress="73"] .circle .mask.full
{
-webkit-transform: rotate(131.4deg);
-ms-transform: rotate(131.4deg);
transform: rotate(131.4deg);
}
.visible .radial-progress[data-progress="73"] .circle .fill
{
-webkit-transform: rotate(131.4deg);
-ms-transform: rotate(131.4deg);
transform: rotate(131.4deg);
}
.visible .radial-progress[data-progress="73"] .circle .fill.fix
{
-webkit-transform: rotate(262.8deg);
-ms-transform: rotate(262.8deg);
transform: rotate(262.8deg);
}
.visible .radial-progress[data-progress="73"] .inset .percentage .numbers
{
width: 8880px;
}
.visible .radial-progress[data-progress="74"] .circle .mask.full
{
-webkit-transform: rotate(133.20000000000002deg);
-ms-transform: rotate(133.20000000000002deg);
transform: rotate(133.20000000000002deg);
}
.visible .radial-progress[data-progress="74"] .circle .fill
{
-webkit-transform: rotate(133.20000000000002deg);
-ms-transform: rotate(133.20000000000002deg);
transform: rotate(133.20000000000002deg);
}
.visible .radial-progress[data-progress="74"] .circle .fill.fix
{
-webkit-transform: rotate(266.40000000000003deg);
-ms-transform: rotate(266.40000000000003deg);
transform: rotate(266.40000000000003deg);
}
.visible .radial-progress[data-progress="74"] .inset .percentage .numbers
{
width: 9000px;
}
.visible .radial-progress[data-progress="75"] .circle .mask.full
{
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.visible .radial-progress[data-progress="75"] .circle .fill
{
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.visible .radial-progress[data-progress="75"] .circle .fill.fix
{
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.visible .radial-progress[data-progress="75"] .inset .percentage .numbers
{
width: 9120px;
}
.visible .radial-progress[data-progress="76"] .circle .mask.full
{
-webkit-transform: rotate(136.8deg);
-ms-transform: rotate(136.8deg);
transform: rotate(136.8deg);
}
.visible .radial-progress[data-progress="76"] .circle .fill
{
-webkit-transform: rotate(136.8deg);
-ms-transform: rotate(136.8deg);
transform: rotate(136.8deg);
}
.visible .radial-progress[data-progress="76"] .circle .fill.fix
{
-webkit-transform: rotate(273.6deg);
-ms-transform: rotate(273.6deg);
transform: rotate(273.6deg);
}
.visible .radial-progress[data-progress="76"] .inset .percentage .numbers
{
width: 9240px;
}
.visible .radial-progress[data-progress="77"] .circle .mask.full
{
-webkit-transform: rotate(138.6deg);
-ms-transform: rotate(138.6deg);
transform: rotate(138.6deg);
}
.visible .radial-progress[data-progress="77"] .circle .fill
{
-webkit-transform: rotate(138.6deg);
-ms-transform: rotate(138.6deg);
transform: rotate(138.6deg);
}
.visible .radial-progress[data-progress="77"] .circle .fill.fix
{
-webkit-transform: rotate(277.2deg);
-ms-transform: rotate(277.2deg);
transform: rotate(277.2deg);
}
.visible .radial-progress[data-progress="77"] .inset .percentage .numbers
{
width: 9360px;
}
.visible .radial-progress[data-progress="78"] .circle .mask.full
{
-webkit-transform: rotate(140.4deg);
-ms-transform: rotate(140.4deg);
transform: rotate(140.4deg);
}
.visible .radial-progress[data-progress="78"] .circle .fill
{
-webkit-transform: rotate(140.4deg);
-ms-transform: rotate(140.4deg);
transform: rotate(140.4deg);
}
.visible .radial-progress[data-progress="78"] .circle .fill.fix
{
-webkit-transform: rotate(280.8deg);
-ms-transform: rotate(280.8deg);
transform: rotate(280.8deg);
}
.visible .radial-progress[data-progress="78"] .inset .percentage .numbers
{
width: 9480px;
}
.visible .radial-progress[data-progress="79"] .circle .mask.full
{
-webkit-transform: rotate(142.20000000000002deg);
-ms-transform: rotate(142.20000000000002deg);
transform: rotate(142.20000000000002deg);
}
.visible .radial-progress[data-progress="79"] .circle .fill
{
-webkit-transform: rotate(142.20000000000002deg);
-ms-transform: rotate(142.20000000000002deg);
transform: rotate(142.20000000000002deg);
}
.visible .radial-progress[data-progress="79"] .circle .fill.fix
{
-webkit-transform: rotate(284.40000000000003deg);
-ms-transform: rotate(284.40000000000003deg);
transform: rotate(284.40000000000003deg);
}
.visible .radial-progress[data-progress="79"] .inset .percentage .numbers
{
width: 9600px;
}
.visible .radial-progress[data-progress="80"] .circle .mask.full
{
-webkit-transform: rotate(144deg);
-ms-transform: rotate(144deg);
transform: rotate(144deg);
}
.visible .radial-progress[data-progress="80"] .circle .fill
{
-webkit-transform: rotate(144deg);
-ms-transform: rotate(144deg);
transform: rotate(144deg);
}
.visible .radial-progress[data-progress="80"] .circle .fill.fix
{
-webkit-transform: rotate(288deg);
-ms-transform: rotate(288deg);
transform: rotate(288deg);
}
.visible .radial-progress[data-progress="80"] .inset .percentage .numbers
{
width: 9720px;
}
.visible .radial-progress[data-progress="81"] .circle .mask.full
{
-webkit-transform: rotate(145.8deg);
-ms-transform: rotate(145.8deg);
transform: rotate(145.8deg);
}
.visible .radial-progress[data-progress="81"] .circle .fill
{
-webkit-transform: rotate(145.8deg);
-ms-transform: rotate(145.8deg);
transform: rotate(145.8deg);
}
.visible .radial-progress[data-progress="81"] .circle .fill.fix
{
-webkit-transform: rotate(291.6deg);
-ms-transform: rotate(291.6deg);
transform: rotate(291.6deg);
}
.visible .radial-progress[data-progress="81"] .inset .percentage .numbers
{
width: 9840px;
}
.visible .radial-progress[data-progress="82"] .circle .mask.full
{
-webkit-transform: rotate(147.6deg);
-ms-transform: rotate(147.6deg);
transform: rotate(147.6deg);
}
.visible .radial-progress[data-progress="82"] .circle .fill
{
-webkit-transform: rotate(147.6deg);
-ms-transform: rotate(147.6deg);
transform: rotate(147.6deg);
}
.visible .radial-progress[data-progress="82"] .circle .fill.fix
{
-webkit-transform: rotate(295.2deg);
-ms-transform: rotate(295.2deg);
transform: rotate(295.2deg);
}
.visible .radial-progress[data-progress="82"] .inset .percentage .numbers
{
width: 9960px;
}
.visible .radial-progress[data-progress="83"] .circle .mask.full
{
-webkit-transform: rotate(149.4deg);
-ms-transform: rotate(149.4deg);
transform: rotate(149.4deg);
}
.visible .radial-progress[data-progress="83"] .circle .fill
{
-webkit-transform: rotate(149.4deg);
-ms-transform: rotate(149.4deg);
transform: rotate(149.4deg);
}
.visible .radial-progress[data-progress="83"] .circle .fill.fix
{
-webkit-transform: rotate(298.8deg);
-ms-transform: rotate(298.8deg);
transform: rotate(298.8deg);
}
.visible .radial-progress[data-progress="83"] .inset .percentage .numbers
{
width: 10080px;
}
.visible .radial-progress[data-progress="84"] .circle .mask.full
{
-webkit-transform: rotate(151.20000000000002deg);
-ms-transform: rotate(151.20000000000002deg);
transform: rotate(151.20000000000002deg);
}
.visible .radial-progress[data-progress="84"] .circle .fill
{
-webkit-transform: rotate(151.20000000000002deg);
-ms-transform: rotate(151.20000000000002deg);
transform: rotate(151.20000000000002deg);
}
.visible .radial-progress[data-progress="84"] .circle .fill.fix
{
-webkit-transform: rotate(302.40000000000003deg);
-ms-transform: rotate(302.40000000000003deg);
transform: rotate(302.40000000000003deg);
}
.visible .radial-progress[data-progress="84"] .inset .percentage .numbers
{
width: 10200px;
}
.visible .radial-progress[data-progress="85"] .circle .mask.full
{
-webkit-transform: rotate(153deg);
-ms-transform: rotate(153deg);
transform: rotate(153deg);
}
.visible .radial-progress[data-progress="85"] .circle .fill
{
-webkit-transform: rotate(153deg);
-ms-transform: rotate(153deg);
transform: rotate(153deg);
}
.visible .radial-progress[data-progress="85"] .circle .fill.fix
{
-webkit-transform: rotate(306deg);
-ms-transform: rotate(306deg);
transform: rotate(306deg);
}
.visible .radial-progress[data-progress="85"] .inset .percentage .numbers
{
width: 10320px;
}
.visible .radial-progress[data-progress="86"] .circle .mask.full
{
-webkit-transform: rotate(154.8deg);
-ms-transform: rotate(154.8deg);
transform: rotate(154.8deg);
}
.visible .radial-progress[data-progress="86"] .circle .fill
{
-webkit-transform: rotate(154.8deg);
-ms-transform: rotate(154.8deg);
transform: rotate(154.8deg);
}
.visible .radial-progress[data-progress="86"] .circle .fill.fix
{
-webkit-transform: rotate(309.6deg);
-ms-transform: rotate(309.6deg);
transform: rotate(309.6deg);
}
.visible .radial-progress[data-progress="86"] .inset .percentage .numbers
{
width: 10440px;
}
.visible .radial-progress[data-progress="87"] .circle .mask.full
{
-webkit-transform: rotate(156.6deg);
-ms-transform: rotate(156.6deg);
transform: rotate(156.6deg);
}
.visible .radial-progress[data-progress="87"] .circle .fill
{
-webkit-transform: rotate(156.6deg);
-ms-transform: rotate(156.6deg);
transform: rotate(156.6deg);
}
.visible .radial-progress[data-progress="87"] .circle .fill.fix
{
-webkit-transform: rotate(313.2deg);
-ms-transform: rotate(313.2deg);
transform: rotate(313.2deg);
}
.visible .radial-progress[data-progress="87"] .inset .percentage .numbers
{
width: 10560px;
}
.visible .radial-progress[data-progress="88"] .circle .mask.full
{
-webkit-transform: rotate(158.4deg);
-ms-transform: rotate(158.4deg);
transform: rotate(158.4deg);
}
.visible .radial-progress[data-progress="88"] .circle .fill
{
-webkit-transform: rotate(158.4deg);
-ms-transform: rotate(158.4deg);
transform: rotate(158.4deg);
}
.visible .radial-progress[data-progress="88"] .circle .fill.fix
{
-webkit-transform: rotate(316.8deg);
-ms-transform: rotate(316.8deg);
transform: rotate(316.8deg);
}
.visible .radial-progress[data-progress="88"] .inset .percentage .numbers
{
width: 10680px;
}
.visible .radial-progress[data-progress="89"] .circle .mask.full
{
-webkit-transform: rotate(160.20000000000002deg);
-ms-transform: rotate(160.20000000000002deg);
transform: rotate(160.20000000000002deg);
}
.visible .radial-progress[data-progress="89"] .circle .fill
{
-webkit-transform: rotate(160.20000000000002deg);
-ms-transform: rotate(160.20000000000002deg);
transform: rotate(160.20000000000002deg);
}
.visible .radial-progress[data-progress="89"] .circle .fill.fix
{
-webkit-transform: rotate(320.40000000000003deg);
-ms-transform: rotate(320.40000000000003deg);
transform: rotate(320.40000000000003deg);
}
.visible .radial-progress[data-progress="89"] .inset .percentage .numbers
{
width: 10800px;
}
.visible .radial-progress[data-progress="90"] .circle .mask.full
{
-webkit-transform: rotate(162deg);
-ms-transform: rotate(162deg);
transform: rotate(162deg);
}
.visible .radial-progress[data-progress="90"] .circle .fill
{
-webkit-transform: rotate(162deg);
-ms-transform: rotate(162deg);
transform: rotate(162deg);
}
.visible .radial-progress[data-progress="90"] .circle .fill.fix
{
-webkit-transform: rotate(324deg);
-ms-transform: rotate(324deg);
transform: rotate(324deg);
}
.visible .radial-progress[data-progress="90"] .inset .percentage .numbers
{
width: 10920px;
}
.visible .radial-progress[data-progress="91"] .circle .mask.full
{
-webkit-transform: rotate(163.8deg);
-ms-transform: rotate(163.8deg);
transform: rotate(163.8deg);
}
.visible .radial-progress[data-progress="91"] .circle .fill
{
-webkit-transform: rotate(163.8deg);
-ms-transform: rotate(163.8deg);
transform: rotate(163.8deg);
}
.visible .radial-progress[data-progress="91"] .circle .fill.fix
{
-webkit-transform: rotate(327.6deg);
-ms-transform: rotate(327.6deg);
transform: rotate(327.6deg);
}
.visible .radial-progress[data-progress="91"] .inset .percentage .numbers
{
width: 11040px;
}
.visible .radial-progress[data-progress="92"] .circle .mask.full
{
-webkit-transform: rotate(165.6deg);
-ms-transform: rotate(165.6deg);
transform: rotate(165.6deg);
}
.visible .radial-progress[data-progress="92"] .circle .fill
{
-webkit-transform: rotate(165.6deg);
-ms-transform: rotate(165.6deg);
transform: rotate(165.6deg);
}
.visible .radial-progress[data-progress="92"] .circle .fill.fix
{
-webkit-transform: rotate(331.2deg);
-ms-transform: rotate(331.2deg);
transform: rotate(331.2deg);
}
.visible .radial-progress[data-progress="92"] .inset .percentage .numbers
{
width: 11160px;
}
.visible .radial-progress[data-progress="93"] .circle .mask.full
{
-webkit-transform: rotate(167.4deg);
-ms-transform: rotate(167.4deg);
transform: rotate(167.4deg);
}
.visible .radial-progress[data-progress="93"] .circle .fill
{
-webkit-transform: rotate(167.4deg);
-ms-transform: rotate(167.4deg);
transform: rotate(167.4deg);
}
.visible .radial-progress[data-progress="93"] .circle .fill.fix
{
-webkit-transform: rotate(334.8deg);
-ms-transform: rotate(334.8deg);
transform: rotate(334.8deg);
}
.visible .radial-progress[data-progress="93"] .inset .percentage .numbers
{
width: 11280px;
}
.visible .radial-progress[data-progress="94"] .circle .mask.full
{
-webkit-transform: rotate(169.20000000000002deg);
-ms-transform: rotate(169.20000000000002deg);
transform: rotate(169.20000000000002deg);
}
.visible .radial-progress[data-progress="94"] .circle .fill
{
-webkit-transform: rotate(169.20000000000002deg);
-ms-transform: rotate(169.20000000000002deg);
transform: rotate(169.20000000000002deg);
}
.visible .radial-progress[data-progress="94"] .circle .fill.fix
{
-webkit-transform: rotate(338.40000000000003deg);
-ms-transform: rotate(338.40000000000003deg);
transform: rotate(338.40000000000003deg);
}
.visible .radial-progress[data-progress="94"] .inset .percentage .numbers
{
width: 11400px;
}
.visible .radial-progress[data-progress="95"] .circle .mask.full
{
-webkit-transform: rotate(171deg);
-ms-transform: rotate(171deg);
transform: rotate(171deg);
}
.visible .radial-progress[data-progress="95"] .circle .fill
{
-webkit-transform: rotate(171deg);
-ms-transform: rotate(171deg);
transform: rotate(171deg);
}
.visible .radial-progress[data-progress="95"] .circle .fill.fix
{
-webkit-transform: rotate(342deg);
-ms-transform: rotate(342deg);
transform: rotate(342deg);
}
.visible .radial-progress[data-progress="95"] .inset .percentage .numbers
{
width: 11520px;
}
.visible .radial-progress[data-progress="96"] .circle .mask.full
{
-webkit-transform: rotate(172.8deg);
-ms-transform: rotate(172.8deg);
transform: rotate(172.8deg);
}
.visible .radial-progress[data-progress="96"] .circle .fill
{
-webkit-transform: rotate(172.8deg);
-ms-transform: rotate(172.8deg);
transform: rotate(172.8deg);
}
.visible .radial-progress[data-progress="96"] .circle .fill.fix
{
-webkit-transform: rotate(345.6deg);
-ms-transform: rotate(345.6deg);
transform: rotate(345.6deg);
}
.visible .radial-progress[data-progress="96"] .inset .percentage .numbers
{
width: 11640px;
}
.visible .radial-progress[data-progress="97"] .circle .mask.full
{
-webkit-transform: rotate(174.6deg);
-ms-transform: rotate(174.6deg);
transform: rotate(174.6deg);
}
.visible .radial-progress[data-progress="97"] .circle .fill
{
-webkit-transform: rotate(174.6deg);
-ms-transform: rotate(174.6deg);
transform: rotate(174.6deg);
}
.visible .radial-progress[data-progress="97"] .circle .fill.fix
{
-webkit-transform: rotate(349.2deg);
-ms-transform: rotate(349.2deg);
transform: rotate(349.2deg);
}
.visible .radial-progress[data-progress="97"] .inset .percentage .numbers
{
width: 11760px;
}
.visible .radial-progress[data-progress="98"] .circle .mask.full
{
-webkit-transform: rotate(176.4deg);
-ms-transform: rotate(176.4deg);
transform: rotate(176.4deg);
}
.visible .radial-progress[data-progress="98"] .circle .fill
{
-webkit-transform: rotate(176.4deg);
-ms-transform: rotate(176.4deg);
transform: rotate(176.4deg);
}
.visible .radial-progress[data-progress="98"] .circle .fill.fix
{
-webkit-transform: rotate(352.8deg);
-ms-transform: rotate(352.8deg);
transform: rotate(352.8deg);
}
.visible .radial-progress[data-progress="98"] .inset .percentage .numbers
{
width: 11880px;
}
.visible .radial-progress[data-progress="99"] .circle .mask.full
{
-webkit-transform: rotate(178.20000000000002deg);
-ms-transform: rotate(178.20000000000002deg);
transform: rotate(178.20000000000002deg);
}
.visible .radial-progress[data-progress="99"] .circle .fill
{
-webkit-transform: rotate(178.20000000000002deg);
-ms-transform: rotate(178.20000000000002deg);
transform: rotate(178.20000000000002deg);
}
.visible .radial-progress[data-progress="99"] .circle .fill.fix
{
-webkit-transform: rotate(356.40000000000003deg);
-ms-transform: rotate(356.40000000000003deg);
transform: rotate(356.40000000000003deg);
}
.visible .radial-progress[data-progress="99"] .inset .percentage .numbers
{
width: 12000px;
}
.visible .radial-progress[data-progress="100"] .circle .mask.full
{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.visible .radial-progress[data-progress="100"] .circle .fill
{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.visible .radial-progress[data-progress="100"] .circle .fill.fix
{
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.visible .radial-progress[data-progress="100"] .inset .percentage .numbers
{
width: 12120px;
}
/**************************************************************************************/
/* Gallery */
.gallery
{
font-size: 0;
line-height: 0;
}
.gallery .mod-newsflash-adv__gallery
{
text-align: center;
}
.gallery [class*="span"]
{
padding-left: 0 !important;
}
.gallery .item_img
{
margin-bottom: 0;
}
.gallery .mix
{
display: inline-block;
float: none !important;
margin: 0;
background-color: transparent;
}
.gallery .loaded .mix
{
display: none;
}
.gallery .gallery-grid h4
{
color: #fff;
}
.gallery .gallery-grid h4 a
{
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.gallery .gallery-grid h4 a:hover
{
color: #deeedb;
}
.gallery .galleryZoom
{
color: #fff;
font-size: 33px !important;
line-height: 33px;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.gallery .galleryZoom:hover
{
color: #deeedb;
}
.gallery .filters
{
text-transform: uppercase;
text-align: center;
font-size: 18px;
line-height: 24px;
}
.gallery .filters ul#filters
{
margin-bottom: 50px;
}
.gallery .filters a
{
color: #fff;
display: inline-block;
margin: 0 15px;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.gallery .filters a:hover,
.gallery .filters a.active
{
color: #37b373;
}
.gallery .item_num0
{
-webkit-transform: translate(-1000px, -1000px);
-moz-transform: translate(-1000px, -1000px);
-ms-transform: translate(-1000px, -1000px);
-o-transform: translate(-1000px, -1000px);
transform: translate(-1000px, -1000px);
-webkit-transition: transform 1s ease;
-moz-transition: transform 1s ease;
-o-transition: transform 1s ease;
transition: transform 1s ease;
}
.gallery .item_num1
{
-webkit-transform: translate(0px, -1000px);
-moz-transform: translate(0px, -1000px);
-ms-transform: translate(0px, -1000px);
-o-transform: translate(0px, -1000px);
transform: translate(0px, -1000px);
-webkit-transition: transform 1s ease 0.1s;
-moz-transition: transform 1s ease 0.1s;
-o-transition: transform 1s ease 0.1s;
transition: transform 1s ease 0.1s;
}
.gallery .item_num2
{
-webkit-transform: translate(1000px, -1000px);
-moz-transform: translate(1000px, -1000px);
-ms-transform: translate(1000px, -1000px);
-o-transform: translate(1000px, -1000px);
transform: translate(1000px, -1000px);
-webkit-transition: transform 1s ease 0.2s;
-moz-transition: transform 1s ease 0.2s;
-o-transition: transform 1s ease 0.2s;
transition: transform 1s ease 0.2s;
}
.gallery .item_num3
{
-webkit-transform: translate(-1000px, 0px);
-moz-transform: translate(-1000px, 0px);
-ms-transform: translate(-1000px, 0px);
-o-transform: translate(-1000px, 0px);
transform: translate(-1000px, 0px);
-webkit-transition: transform 1s ease 0.3s;
-moz-transition: transform 1s ease 0.3s;
-o-transition: transform 1s ease 0.3s;
transition: transform 1s ease 0.3s;
}
.gallery .item_num4
{
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: transform 1s ease 0.4s;
-moz-transition: transform 1s ease 0.4s;
-o-transition: transform 1s ease 0.4s;
transition: transform 1s ease 0.4s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.gallery .item_num5
{
-webkit-transform: translate(1000px, 0px);
-moz-transform: translate(1000px, 0px);
-ms-transform: translate(1000px, 0px);
-o-transform: translate(1000px, 0px);
transform: translate(1000px, 0px);
-webkit-transition: transform 1s ease 0.4s;
-moz-transition: transform 1s ease 0.4s;
-o-transition: transform 1s ease 0.4s;
transition: transform 1s ease 0.4s;
}
.gallery .item_num6
{
-webkit-transform: translate(-1000px, 1000px);
-moz-transform: translate(-1000px, 1000px);
-ms-transform: translate(-1000px, 1000px);
-o-transform: translate(-1000px, 1000px);
transform: translate(-1000px, 1000px);
-webkit-transition: transform 1s ease 0.4s;
-moz-transition: transform 1s ease 0.4s;
-o-transition: transform 1s ease 0.4s;
transition: transform 1s ease 0.4s;
}
.gallery .item_num7
{
-webkit-transform: translate(0px, 1000px);
-moz-transform: translate(0px, 1000px);
-ms-transform: translate(0px, 1000px);
-o-transform: translate(0px, 1000px);
transform: translate(0px, 1000px);
-webkit-transition: transform 1s ease 0.4s;
-moz-transition: transform 1s ease 0.4s;
-o-transition: transform 1s ease 0.4s;
transition: transform 1s ease 0.4s;
}
.gallery .item_num8
{
-webkit-transform: translate(1000px, 1000px);
-moz-transform: translate(1000px, 1000px);
-ms-transform: translate(1000px, 1000px);
-o-transform: translate(1000px, 1000px);
transform: translate(1000px, 1000px);
-webkit-transition: transform 1s ease 0.4s;
-moz-transition: transform 1s ease 0.4s;
-o-transition: transform 1s ease 0.4s;
transition: transform 1s ease 0.4s;
}
.gallery .btn-info
{
background: #37b373 none repeat;
}
.gallery .btn-info:hover
{
background-color: #85b1d8;
color: #ffffff;
}
.gallery [class$="custom-link"]
{
margin-top: 70px;
}
.mfp-title h4
{
color: #fff;
}
.mfp-title h4 a:hover
{
color: #37b373;
}
.visible .gallery .item_num0,
.visible .gallery .item_num1,
.visible .gallery .item_num2,
.visible .gallery .item_num3,
.visible .gallery .item_num4,
.visible .gallery .item_num5,
.visible .gallery .item_num6,
.visible .gallery .item_num7,
.visible .gallery .item_num8
{
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.moduletable.video
{
width: 100%;
position: relative;
}
.mod-custom__video
{
height: 0;
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
}
.mod-custom__video .video-container
{
position: absolute;
left: 0;
height: 100%;
width: 100%;
}
.mod-custom__video .module-content
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 0;
line-height: 0;
text-align: center;
background: rgba(0, 0, 0, 0.4);
padding: 0 20px;
}
.mod-custom__video .module-content:before
{
display: inline-block;
content: '';
width: 0;
height: 100%;
overflow: hidden;
vertical-align: middle;
}
.mod-custom__video .module-content .module-content-inner
{
display: inline-block;
max-width: 99%;
vertical-align: middle;
color: #37b373;
text-transform: uppercase;
font-size: 32px;
line-height: 40px;
}
.mod-custom__video .module-content .module-content-inner h3
{
color: #fff;
}
/**************************************************************************************/
/**************************************************************************************/
/* Side rows */
#aside-left
{
}
#aside-right #aside-right-top,
#aside-right #aside-right-bottom
{
margin-left: 40px;
}
#aside-right #aside-right-top a,
#aside-right #aside-right-bottom a
{
color: #6B714F;
}
#aside-right #aside-right-top a:hover,
#aside-right #aside-right-bottom a:hover
{
color: #fff;
}
#aside-right #aside-right-top ul,
#aside-right #aside-right-bottom ul
{
margin-left: 10px;
}
#aside-left .mod-article-single .img-intro,
#aside-right .mod-article-single .img-intro
{
margin: 0px 0px 65px;
}
#aside-left input.inputbox,
#aside-right input.inputbox
{
width: 100%;
}
#aside-left-top,
#aside-left-bottom,
#aside-right-top,
#aside-right-bottom
{
padding-bottom: 70px;
margin-right: 40px;
}
#aside-left .archive-module li a:before,
#aside-left .categories-module li a:before,
#aside-left .mod-menu .nav.menu li a:before,
#aside-right .archive-module li a:before,
#aside-right .categories-module li a:before,
#aside-right .mod-menu .nav.menu li a:before
{
top: auto !important;
left: 0;
transition: all 0.5s ease 0s;
position: absolute;
}
#aside-left .archive-module li a:hover:before,
#aside-left .categories-module li a:hover:before,
#aside-left .mod-menu .nav.menu li a:hover:before,
#aside-right .archive-module li a:hover:before,
#aside-right .categories-module li a:hover:before,
#aside-right .mod-menu .nav.menu li a:hover:before
{
left: 20px !important;
}
#aside-left .archive-module li a:hover,
#aside-left .categories-module li a:hover,
#aside-left .mod-menu .nav.menu li a:hover,
#aside-right .archive-module li a:hover,
#aside-right .categories-module li a:hover,
#aside-right .mod-menu .nav.menu li a:hover
{
padding-left: 55px !important;
background-color: #85b1d8 !important;
color: #fff !important;
}
#aside-left .archive-module li a,
#aside-left .categories-module li a,
#aside-left .mod-menu .nav.menu li a,
#aside-right .archive-module li a,
#aside-right .categories-module li a,
#aside-right .mod-menu .nav.menu li a
{
color: #85b1d8 !important;
padding: 18px 60px 18px 41px;
}
#aside-left .archive-module li + li,
#aside-left .categories-module li + li,
#aside-left .mod-menu .nav.menu li + li,
#aside-right .archive-module li + li,
#aside-right .categories-module li + li,
#aside-right .mod-menu .nav.menu li + li
{
border: none ;
}
#aside-left .moduletable,
#aside-right .moduletable
{
margin-bottom: 50px;
}
/**************************************************************************************/
/**************************************************************************************/
/* Content row */
#main-content-row
{
overflow: hidden;
padding: 100px 0px 70px;
background-color: #fff;
}
.body__home #main-content-row
{
padding: 100px 0px 50px;
}
#component
{
min-height: 0;
}
.contentpane
{
padding: 40px;
}
.item
{
margin-bottom: 18px;
}
article.item
{
margin-bottom: 50px;
}
.item:after
{
content: '';
display: block;
clear: both;
}
.page-header
{
border: none;
padding: 0;
margin: 0;
}
.item_info_dl
{
margin: 0 0 30px;
font-style: italic;
font-weight: 300;
}
.item_info_dl dd
{
margin: 0;
}
.item_info_dl dd > *
{
display: inline;
}
.item_info_dl a
{
color: #37b373;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.item_info_dl a:hover
{
color: #1b1b1b;
}
.item_icons.btn-group.pull-right
{
margin: 0px 0 10px 10px;
position: relative;
z-index: 10;
}
.item_icons.btn-group.pull-right ul.dropdown-menu
{
background-clip: padding-box;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
list-style: none outside none;
margin: 2px 0 0;
min-width: 150px;
padding: 5px 10px;
position: absolute;
top: 100%;
z-index: 1000;
}
.item_icons.btn-group.pull-right ul.dropdown-menu li
{
padding: 0;
float: none;
}
.item_icons.btn-group.pull-right ul.dropdown-menu li a
{
display: inline;
}
/**************************************************************************************/
/* Gallery page */
.page-gallery
{
padding-bottom: 50px;
}
ul.gallery
{
margin: 0;
text-align: justify;
font-size: 0.1px;
display: block;
line-height: 0;
}
ul.gallery:after
{
content: '';
display: inline-block;
width: 100%;
}
ul.gallery .gallery-item
{
list-style: none;
opacity: 0;
filter: alpha(opacity=0);
display: none;
font-size: 17px;
line-height: 25px;
overflow: hidden;
margin-top: 1px;
}
ul.gallery .gallery-item .view .content *
{
color: inherit;
}
ul.gallery .gap
{
list-style: none;
}
ul.gallery .gallery-grid .item_img
{
margin-right: 0;
float: none;
max-width: 100%;
}
ul.gallery .gallery-grid .item_img img
{
opacity: 0.99;
filter: alpha(opacity=99);
}
ul.gallery .gallery-list .item_img
{
max-width: 40%;
}
ul.gallery .gallery-grid.straightDown
{
float: none;
}
ul.gallery .gallery-grid.straightDown .item_img
{
float: left;
margin: 0 25px 25px 0 !important;
}
ul.gallery .gallery-grid .view a.hover_more
{
background: none !important;
line-height: inherit;
border: none;
color: inherit;
}
ul.gallery .gallery-grid .view a.hover_more span
{
display: none;
}
ul.gallery .gallery-grid .view a.hover_more:hover
{
color: #999;
}
ul.gallery .gallery-grid .view a
{
color: inherit;
}
ul.gallery .gallery-grid .view a:hover
{
color: #999;
}
ul.gallery .gap
{
display: inline-block;
}
ul.gallery .gallery-list
{
margin: 0 0 15px;
background: transparent;
}
ul.gallery .gallery-list .view a.hover_more i
{
display: none;
}
ul.gallery .gallery-list .galleryZoom
{
display: none;
}
ul.gallery .item_more a
{
vertical-align: top;
}
ul.gallery.cols-1 .gap,
ul.gallery.cols-1 .gallery-grid
{
width: 100%;
}
ul.gallery.cols-2 .gap,
ul.gallery.cols-2 .gallery-grid
{
width: 48%;
}
ul.gallery.cols-3 .gap,
ul.gallery.cols-3 .gallery-grid
{
width: 33.33%;
}
ul.gallery.cols-4 .gap,
ul.gallery.cols-4 .gallery-grid
{
width: 24%;
}
ul.gallery .gallery-grid .view a.hover_more
{
max-width: none;
width: auto;
height: auto;
}
.body__gallery .page-header
{
display: none;
}
/**************************************************************************************/
/* Testimonials page */
.page-category__testimonials .item
{
margin-bottom: 30px;
}
.page-category__testimonials .item .img-intro__left
{
padding-right: 30px;
border-right: 8px solid #DDD;
}
blockquote
{
padding: 0;
margin: 0;
border-left: none;
}
blockquote p
{
margin-bottom: 0;
padding: 0;
font-size: inherit;
font-weight: normal;
line-height: inherit;
}
blockquote p:before
{
content: '"';
}
blockquote p:after
{
content: '"';
}
blockquote small
{
text-align: right;
}
/**************************************************************************************/
/* Team page */
.page-category__team .item_introtext
{
overflow: hidden;
}
/**************************************************************************************/
/* FAQ page */
.page-category__faq h4.item_title span.item_title_part0,
.page-category__faq h4.item_title span.item_title_part1
{
color: #37b373;
}
/**************************************************************************************/
/* Blog page */
.page-blog,
.page-item__blog,
.blog-fullwidth
{
text-align: left;
color: #777;
font-weight: 300;
}
.page-blog .item_img,
.page-item__blog .item_img,
.blog-fullwidth .item_img
{
position: relative;
}
.page-blog .item_img a,
.page-item__blog .item_img a,
.blog-fullwidth .item_img a
{
width: 100%;
}
.page-blog .item_img a:hover .item_published,
.page-item__blog .item_img a:hover .item_published,
.blog-fullwidth .item_img a:hover .item_published,
.page-blog .item_img a:hover .komento,
.page-item__blog .item_img a:hover .komento,
.blog-fullwidth .item_img a:hover .komento
{
opacity: 0;
filter: alpha(opacity=0);
}
.page-blog .item_published,
.page-item__blog .item_published,
.blog-fullwidth .item_published
{
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
color: #fff;
text-transform: uppercase;
background-color: #37b373;
font-weight: normal;
background: rgba(191, 139, 94, 0.8);
width: 155px;
line-height: 155px;
font-size: 18px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -75px;
margin-top: -75px;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.page-blog .komento,
.page-item__blog .komento,
.blog-fullwidth .komento
{
position: absolute;
left: 20px;
top: 20px;
background: #1d1d1d;
background: rgba(29, 29, 29, 0.8);
line-height: 38px;
font-weight: 400;
padding: 0 15px;
font-size: 15px;
color: #fff;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.page-blog .komento .kmt-comment,
.page-item__blog .komento .kmt-comment,
.blog-fullwidth .komento .kmt-comment
{
white-space: nowrap;
}
.page-blog .komento .kmt-comment:before,
.page-item__blog .komento .kmt-comment:before,
.blog-fullwidth .komento .kmt-comment:before
{
content: '\f0e5';
font-family: FontAwesome;
color: #37b373;
padding-right: 3px;
}
.page-blog .item,
.page-item__blog .item,
.blog-fullwidth .item
{
margin-bottom: 70px;
}
.page-blog .items-row + .items-row .item,
.page-item__blog .items-row + .items-row .item,
.blog-fullwidth .items-row + .items-row .item
{
border-top: 1px solid #c3c3c3;
padding-top: 100px;
}
.page-blog .item_createdby,
.page-item__blog .item_createdby,
.blog-fullwidth .item_createdby
{
position: relative;
display: inline-block;
font-style: italic;
font-weight: 300;
color: #37b373;
}
.page-blog .item_createdby:before,
.page-item__blog .item_createdby:before,
.blog-fullwidth .item_createdby:before
{
height: 1px;
right: 100%;
margin-right: 8px;
width: 60px;
background: #37b373;
content: '';
position: absolute;
top: 50%;
margin-top: 3px;
}
.page-blog .item_createdby:after,
.page-item__blog .item_createdby:after,
.blog-fullwidth .item_createdby:after
{
height: 1px;
left: 100%;
margin-left: 8px;
width: 60px;
background: #37b373;
content: '';
position: absolute;
top: 50%;
margin-top: 3px;
}
.page-blog .item_img,
.page-item__blog .item_img,
.blog-fullwidth .item_img
{
margin-bottom: 55px;
}
.page-blog .item_introtext,
.page-item__blog .item_introtext,
.blog-fullwidth .item_introtext
{
padding-bottom: 10px;
}
.page-blog .kmt-form-area,
.page-item__blog .kmt-form-area,
.blog-fullwidth .kmt-form-area, .page-blog .kmt-meta, .page-item__blog .kmt-meta, .blog-fullwidth .kmt-meta
{
text-align: left;
}
.blog-fullwidth .item_createdby
{
margin-bottom: 30px;
}
.tags
{
clear: both;
}
.addthis_toolbox
{
padding-top: 17px;
}
.page-gallery .btn-group .btn-info
{
padding: 0 20px;
margin-bottom: 10px;
background: #333;
}
.page-gallery .btn-group .btn-info.active,
.page-gallery .btn-group .btn-info:hover
{
background: #37b373;
}
/**************************************************************************************/
/* Blog row */
.blog [class*="span"]
{
padding-left: 0 !important;
}
.blog .item
{
position: relative;
margin: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.blog .item .block_link
{
display: block;
}
.blog .item .block_link:hover .item_img
{
opacity: 1;
filter: alpha(opacity=100);
}
.blog .item .block_link:hover .item_content
{
opacity: 0;
filter: alpha(opacity=0);
}
.blog .item .item_img
{
margin: 0;
opacity: 1;
filter: alpha(opacity=90);
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
margin: 3px;
border: 1px solid #ddd;
}
.blog .item .item_content
{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.blog .item .item_content .item_title
{
position: absolute;
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
right: 20px;
top: 20px;
color: #fff;
padding: 6px 13px 7px;
margin: 0;
}
.blog .item .item_content .item_introtext
{
left: 20px;
bottom: 43px;
text-transform: uppercase;
font-size: 19px;
line-height: 31px;
color: #fff;
position: absolute;
right: 20px;
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
margin: 5px 0;
padding: 10px;
}
.blog .item .item_content .item_info
{
position: absolute;
left: 20px;
color: #fff;
font-size: 15px;
bottom: 15px;
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
padding: 2px 10px;
}
.blog .item .item_content .item_published
{
white-space: nowrap;
display: inline-block;
padding-right: 12px;
}
.blog .item .item_content .item_published:before
{
content: '\f017';
font-family: FontAwesome;
padding-right: 5px;
}
.blog .item .item_content .komento
{
display: inline-block;
white-space: nowrap;
}
.blog .item .item_content .komento:before
{
content: '\f0e5';
font-family: FontAwesome;
color: #37b373;
padding-right: 5px;
}
.blog .item .item_content .komento .kmt-readon
{
width: auto;
}
.blog .item .item_content .komento .kmt-readon .kmt-comment
{
background: none;
margin: 0;
float: none;
}
.blog .mod-newsflash-adv_custom-link
{
text-align: center;
padding-top: 60px;
}
.blog .item_num0
{
-webkit-transform: translate(-1000px, -1000px);
-moz-transform: translate(-1000px, -1000px);
-ms-transform: translate(-1000px, -1000px);
-o-transform: translate(-1000px, -1000px);
transform: translate(-1000px, -1000px);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.blog .item_num1
{
-webkit-transform: translate(0px, -1000px);
-moz-transform: translate(0px, -1000px);
-ms-transform: translate(0px, -1000px);
-o-transform: translate(0px, -1000px);
transform: translate(0px, -1000px);
-webkit-transition: all 0.5s ease 0.1s;
-moz-transition: all 0.5s ease 0.1s;
-o-transition: all 0.5s ease 0.1s;
transition: all 0.5s ease 0.1s;
}
.blog .item_num2
{
-webkit-transform: translate(1000px, -1000px);
-moz-transform: translate(1000px, -1000px);
-ms-transform: translate(1000px, -1000px);
-o-transform: translate(1000px, -1000px);
transform: translate(1000px, -1000px);
-webkit-transition: all 0.5s ease 0.2s;
-moz-transition: all 0.5s ease 0.2s;
-o-transition: all 0.5s ease 0.2s;
transition: all 0.5s ease 0.2s;
}
.blog .item_num3
{
-webkit-transform: translate(-1000px, 1000px);
-moz-transform: translate(-1000px, 1000px);
-ms-transform: translate(-1000px, 1000px);
-o-transform: translate(-1000px, 1000px);
transform: translate(-1000px, 1000px);
-webkit-transition: all 0.5s ease 0.3s;
-moz-transition: all 0.5s ease 0.3s;
-o-transition: all 0.5s ease 0.3s;
transition: all 0.5s ease 0.3s;
}
.blog .item_num4
{
-webkit-transform: translate(0px, 1000px);
-moz-transform: translate(0px, 1000px);
-ms-transform: translate(0px, 1000px);
-o-transform: translate(0px, 1000px);
transform: translate(0px, 1000px);
-webkit-transition: all 0.5s ease 0.4s;
-moz-transition: all 0.5s ease 0.4s;
-o-transition: all 0.5s ease 0.4s;
transition: all 0.5s ease 0.4s;
}
.blog .item_num5
{
-webkit-transform: translate(1000px, 1000px);
-moz-transform: translate(1000px, 1000px);
-ms-transform: translate(1000px, 1000px);
-o-transform: translate(1000px, 1000px);
transform: translate(1000px, 1000px);
-webkit-transition: all 0.5s ease 0.5s;
-moz-transition: all 0.5s ease 0.5s;
-o-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.5s;
}
.visible .blog .item_num0,
.visible .blog .item_num1,
.visible .blog .item_num2,
.visible .blog .item_num3,
.visible .blog .item_num4,
.visible .blog .item_num5
{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
/**************************************************************************************/
.pricing .moduleTitle
{
color: #37b373;
}
.pricing .row-fluid
{
margin-left: 0;
}
.pricing .row-fluid .item
{
padding: 0;
position: relative;
}
.pricing .row-fluid .item:hover,
.pricing .row-fluid .item.featured
{
z-index: 4;
}
.pricing .row-fluid .item:hover .item_container,
.pricing .row-fluid .item.featured .item_container
{
border-color: #fff !important;
-webkit-box-shadow: 0 0 38px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 0 38px rgba(0, 0, 0, 0.23);
box-shadow: 0 0 38px rgba(0, 0, 0, 0.23);
}
.pricing .row-fluid .item:hover .item_container .price,
.pricing .row-fluid .item.featured .item_container .price
{
background-color: #78c9f7;
}
.pricing .row-fluid .item:hover .item_container ul,
.pricing .row-fluid .item.featured .item_container ul
{
margin-left: -1px;
margin-right: -1px;
}
.pricing .row-fluid .item:hover .item_container ul li,
.pricing .row-fluid .item.featured .item_container ul li
{
padding-left: 1px;
padding-right: 1px;
}
.pricing .row-fluid .item + .item
{
margin-left: -1px;
}
.pricing .row-fluid .item_container
{
border: 1px solid #c3c3c3;
text-align: center;
padding: 22px 0 19px;
background: #fff;
margin: 0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
position: relative;
}
.pricing .row-fluid .item_container .item_title span
{
display: block;
}
.pricing .row-fluid .item_container .price
{
background: #37b373;
color: #fff;
font-size: 60px;
font-weight: 300;
line-height: 60px;
padding: 20px 0 25px;
margin: 0 -1px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.pricing .row-fluid .item_container .price small
{
display: block;
font-size: 17px;
text-transform: uppercase;
line-height: 25px;
}
.pricing .row-fluid .item_container ul
{
margin: 0 0px 18px;
list-style: none;
background: #f6f6f6;
}
.pricing .row-fluid .item_container ul li
{
border-bottom: 1px solid #c3c3c3;
color: #777;
font-weight: 300;
padding: 16px 10px 17px;
padding-left: 0;
padding-right: 0;
}
.pricing .row-fluid .item_container .btn-info
{
background: #333;
}
.pricing .row-fluid .item_container .btn-info:hover
{
background-color: #37b373;
}
.pricing .row-fluid:hover .featured
{
z-index: 1;
}
.pricing .row-fluid:hover .featured .item_container
{
border-color: #c3c3c3 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pricing .row-fluid:hover .featured .item_container ul
{
margin-left: 0px;
margin-right: 0px;
}
.pricing .row-fluid:hover .featured .item_container ul li
{
padding-left: 0px;
padding-right: 0px;
}
.pricing .row-fluid:hover .featured:hover
{
z-index: 4;
}
.pricing .row-fluid:hover .featured:hover .item_container
{
border-color: #fff !important;
-webkit-box-shadow: 0 0 38px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 0 38px rgba(0, 0, 0, 0.23);
box-shadow: 0 0 38px rgba(0, 0, 0, 0.23);
}
.pricing .row-fluid:hover .featured:hover .item_container .price
{
background-color: #78c9f7;
}
.pricing .row-fluid:hover .featured:hover .item_container ul
{
margin-left: -1px;
margin-right: -1px;
}
.pricing .row-fluid:hover .featured:hover .item_container ul li
{
padding-left: 1px;
padding-right: 1px;
}
.pricing .item_num0
{
-webkit-transform: translate(-1000px, 100px);
-moz-transform: translate(-1000px, 100px);
-ms-transform: translate(-1000px, 100px);
-o-transform: translate(-1000px, 100px);
transform: translate(-1000px, 100px);
-webkit-transition: transform 1s;
-moz-transition: transform 1s;
-o-transition: transform 1s;
transition: transform 1s;
}
.pricing .item_num1
{
-webkit-transform: translate(-1000px, -100px);
-moz-transform: translate(-1000px, -100px);
-ms-transform: translate(-1000px, -100px);
-o-transform: translate(-1000px, -100px);
transform: translate(-1000px, -100px);
-webkit-transition: transform 1s ease 0.3s;
-moz-transition: transform 1s ease 0.3s;
-o-transition: transform 1s ease 0.3s;
transition: transform 1s ease 0.3s;
}
.pricing .item_num2
{
-webkit-transform: translate(1000px, 100px);
-moz-transform: translate(1000px, 100px);
-ms-transform: translate(1000px, 100px);
-o-transform: translate(1000px, 100px);
transform: translate(1000px, 100px);
-webkit-transition: transform 1s ease 0.6s;
-moz-transition: transform 1s ease 0.6s;
-o-transition: transform 1s ease 0.6s;
transition: transform 1s ease 0.6s;
}
.pricing .item_num3
{
-webkit-transform: translate(1000px, -100px);
-moz-transform: translate(1000px, -100px);
-ms-transform: translate(1000px, -100px);
-o-transform: translate(1000px, -100px);
transform: translate(1000px, -100px);
-webkit-transition: transform 1s ease 0.9s;
-moz-transition: transform 1s ease 0.9s;
-o-transition: transform 1s ease 0.9s;
transition: transform 1s ease 0.9s;
}
.visible .pricing .item_num0,
.visible .pricing .item_num1,
.visible .pricing .item_num2,
.visible .pricing .item_num3
{
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
/**************************************************************************************/
/* Footer */
/**************************************************************************************/
/**************************************************************************************/
#footer-wrapper
{
font-size: 13px;
font-weight: 300;
background-color: #e9e9e9;
}
#footer-wrapper a
{
color: inherit;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#footer-wrapper a:hover
{
color: #000;
}
/**************************************************************************************/
#footer-row-1
{
padding: 100px 0 20px;
}
/**************************************************************************************/
#footer-row-2
{
padding: 100px 0 0px;
}
#footer-row-2 header
{
text-align: center;
}
.mod-custom__address
{
text-align: center;
color: #777;
margin-bottom: 30px;
}
.mod-custom__address p
{
font-weight: 300;
padding-bottom: 15px;
font-size: 18px;
color: #37b373;
}
.mod-custom__address span
{
font-size: 22px;
display: inline-block;
color: #888;
line-height: 37px;
}
.mod-custom__address span:before
{
font-family: FontAwesome;
color: #37b373;
font-size: 24px;
display: inline-block;
width: 47px;
}
.mod-custom__address span.phone:before
{
content: '\f095';
}
.mod-custom__address span.fax:before
{
content: '\f1ac';
}
/**************************************************************************************/
#footer-row-3
{
padding: 100px 0 50px;
}
/**************************************************************************************/
/* AS Contact Form */
.mod_as_contact_form_placeholder
{
text-transform: uppercase;
}
.mod_as_contact_form
{
margin: 0;
}
.mod_as_contact_form .control-group-input input,
.mod_as_contact_form .control-group-input .controls
{
width: 100%;
}
.mod_as_contact_form .control-group .controls
{
margin-bottom: 30px;
}
.mod_as_contact_form .control-group-button
{
text-align: center;
}
.mod_as_contact_form .control-group-button .controls
{
display: block;
font-size: 0;
}
.mod_as_contact_form .control-group-button .btn-primary
{
margin: 0 15px;
}
.mod_as_contact_form input.error,
.mod_as_contact_form select.error,
.mod_as_contact_form textarea.error
{
border: 2px solid #ec7b7b !important;
}
.mod_as_contact_form .mod_as_contact_form_message.loader
{
background: url(../images/preloader.gif) 50% 50% no-repeat #f6f6f6 !important;
}
.mod_as_contact_form .mod_as_contact_form_message.error,
.mod_as_contact_form .mod_as_contact_form_message.success
{
background: #f6f6f6 !important;
}
.mod_as_contact_form mark
{
display: none !important;
}
/**************************************************************************************/
/* Copyright row */
#copyright-row
{
background-color: #262525;
color: #fff;
padding: 16px 0 19px;
text-align: center;
text-transform: capitalize;
}
#copyright .year:after
{
content: '|';
padding: 0 7px 0 10px;
}
/**************************************************************************************/
/* Social media */
ul.social
{
margin: 0 0 30px;
text-align: center;
font-size: 0;
line-height: 0;
}
ul.social li
{
line-height: 0;
display: inline-block;
margin: 0 5px;
list-style: none;
}
ul.social li a
{
width: 58px;
line-height: 58px;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: 31px;
overflow: hidden;
border: 1px solid #c3c3c3;
color: #bbb;
}
#footer_wrapper ul.social li a:hover,
ul.social li a:hover
{
color: #fff !important;
border: 1px solid #37b373;
background: #37b373;
}
/**************************************************************************************/
/* Toggling */
.toggling
{
overflow: hidden;
margin-bottom: 30px;
}
.toggle
{
min-height: 30px;
font-weight: normal;
background-color: #37b373;
color: #fff;
background-image: url('../images/bg.toggle.open.png');
background-position: left top;
background-repeat: no-repeat;
cursor: pointer;
margin: 0px 0px 15px 0px;
padding: 11px 0px 8px 60px;
clear: both;
}
.toggle:hover
{
background-color: #262525;
}
.toggle.opened
{
background-image: url('../images/bg.toggle.close.png');
background-position: left top;
background-repeat: no-repeat;
background-color: #262525;
}
.toggle.opened:hover
{
background-color: #37b373;
}
.toggle_content
{
display: none;
margin: 15px 0px 20px 0px;
padding: 25px;
font-weight: normal;
border-radius: 0px;
background-color: #FDFDFD;
border: 1px solid #DEDEDE;
}
.toggling .toggle
{
-webkit-transform: translate(-1000px, 0);
-moz-transform: translate(-1000px, 0);
-ms-transform: translate(-1000px, 0);
-o-transform: translate(-1000px, 0);
transform: translate(-1000px, 0);
-webkit-transition: transform 0.5s ease;
-moz-transition: transform 0.5s ease;
-o-transition: transform 0.5s ease;
transition: transform 0.5s ease;
}
.visible .toggling .toggle
{
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
/**************************************************************************************/
/* Magnific Popup */
.mfp-bg
{
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=(0.8*100));
}
.mfp-wrap
{
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container
{
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before
{
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before
{
display: none;
}
.mfp-content
{
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content
{
width: 100%;
cursor: auto;
}
.mfp-ajax-cur
{
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close
{
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom
{
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content
{
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter
{
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure
{
display: none;
}
.mfp-hide
{
display: none !important;
}
.mfp-preloader
{
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a
{
color: #cccccc;
}
.mfp-preloader a:hover
{
color: #ffffff;
}
.mfp-s-ready .mfp-preloader
{
display: none;
}
.mfp-s-error .mfp-content
{
display: none;
}
button.mfp-close,
button.mfp-arrow
{
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 1046;
}
button::-moz-focus-inner
{
padding: 0;
border: 0;
}
.mfp-close
{
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #ffffff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus
{
opacity: 1;
}
.mfp-close:active
{
top: 1px;
}
.mfp-close-btn-in .mfp-close
{
color: #85b1d8;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close
{
color: #ffffff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter
{
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow
{
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active
{
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus
{
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a
{
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a
{
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b
{
border-top-width: 21px;
border-bottom-width: 21px;
}
.mfp-arrow-left
{
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a
{
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b
{
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right
{
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a
{
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b
{
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder
{
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content
{
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close
{
top: -40px;
}
.mfp-iframe-scaler
{
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe
{
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000000;
}
img.mfp-img
{
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
.mfp-figure
{
line-height: 0;
}
.mfp-figure figure
{
margin: 0;
}
.mfp-figure:after
{
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444;
}
.mfp-figure small
{
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-bottom-bar
{
margin-top: 0px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title
{
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-break: break-word;
padding-right: 36px;
}
.mfp-title h3
{
margin-bottom: 10px;
color: #fff;
}
.mfp-image-holder .mfp-content
{
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure
{
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px)
{
.mfp-img-mobile .mfp-image-holder
{
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img
{
padding: 0;
}
.mfp-img-mobile .mfp-figure:after
{
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small
{
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar
{
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty
{
padding: 0;
}
.mfp-img-mobile .mfp-counter
{
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close
{
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px)
{
.mfp-arrow
{
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-ms-transform: scale(0.75);
-o-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left
{
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right
{
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container
{
padding-left: 0px;
padding-right: 0px;
}
}
.mfp-ie7 .mfp-img
{
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar
{
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container
{
padding: 0;
}
.mfp-ie7 .mfp-content
{
padding-top: 44px;
}
.mfp-ie7 .mfp-close
{
top: 0;
right: 0;
padding-top: 0;
}
.page-blog .item > .kmt-readon
{
display: none;
}
@media (max-width: 1600px)
{
}
@media print
{
a:after
{
display: none !important;
}
}