@font-face {
font-family: 'icomoon';
src:  url(//drmarnie.ca/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.eot?5ujmx2);
src:  url(//drmarnie.ca/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.eot?5ujmx2#iefix) format('embedded-opentype'),
url(//drmarnie.ca/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.ttf?5ujmx2) format('truetype'),
url(//drmarnie.ca/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.woff?5ujmx2) format('woff'),
url(//drmarnie.ca/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.svg?5ujmx2#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="wpr-icon-"], [class*=" wpr-icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpr-icon-store:before {
content: "\e900";
}
.wpr-icon-cart2:before {
content: "\e901";
}
.wpr-icon-basket:before {
content: "\e902";
}
.wpr-icon-cart:before {
content: "\e93a";
}
.wpr-icon-x:before {
content: "\e687";
}
.wpr-icon-rss:before {
content: "\e600";
}
.wpr-icon-rss-alt:before {
content: "\e68c";
}
.wpr-icon-mail:before {
content: "\e68d";
}
.wpr-icon-plus:before {
content: "\e601";
}
.wpr-icon-minus:before {
content: "\e602";
}
.wpr-icon-magnifying-glass:before {
content: "\e603";
}
.wpr-icon-instagram:before {
content: "\e688";
}
.wpr-icon-grid:before {
content: "\e604";
}
.wpr-icon-search:before {
content: "\e605";
}
.wpr-icon-twitter:before {
content: "\e606";
}
.wpr-icon-plus2:before {
content: "\e607";
}
.wpr-icon-minus2:before {
content: "\e608";
}
.wpr-icon-search2:before {
content: "\e609";
}
.wpr-icon-feed:before {
content: "\e60a";
}
.wpr-icon-cancel:before {
content: "\e60b";
}
.wpr-icon-home:before {
content: "\e60c";
}
.wpr-icon-home2:before {
content: "\e60d";
}
.wpr-icon-search3:before {
content: "\e689";
}
.wpr-icon-menu:before {
content: "\e60e";
}
.wpr-icon-point-right:before {
content: "\e60f";
}
.wpr-icon-point-down:before {
content: "\e610";
}
.wpr-icon-close:before {
content: "\e611";
}
.wpr-icon-minus3:before {
content: "\e612";
}
.wpr-icon-plus3:before {
content: "\e613";
}
.wpr-icon-arrow-right:before {
content: "\e614";
}
.wpr-icon-arrow-down:before {
content: "\e615";
}
.wpr-icon-arrow-right2:before {
content: "\e616";
}
.wpr-icon-arrow-down2:before {
content: "\e617";
}
.wpr-icon-arrow-right3:before {
content: "\e618";
}
.wpr-icon-arrow-down3:before {
content: "\e619";
}
.wpr-icon-paragraph-justify:before {
content: "\e61a";
}
.wpr-icon-paragraph-justify2:before {
content: "\e61b";
}
.wpr-icon-mail2:before {
content: "\e61c";
}
.wpr-icon-google:before {
content: "\e61d";
}
.wpr-icon-googleplus:before {
content: "\e61e";
}
.wpr-icon-googleplus2:before {
content: "\e61f";
}
.wpr-icon-googleplus3:before {
content: "\e620";
}
.wpr-icon-googleplus4:before {
content: "\e621";
}
.wpr-icon-facebook:before {
content: "\e622";
}
.wpr-icon-facebook2:before {
content: "\e623";
}
.wpr-icon-facebook3:before {
content: "\e624";
}
.wpr-icon-instagram2:before {
content: "\e68a";
}
.wpr-icon-twitter2:before {
content: "\e625";
}
.wpr-icon-twitter3:before {
content: "\e626";
}
.wpr-icon-twitter4:before {
content: "\e627";
}
.wpr-icon-feed2:before {
content: "\e628";
}
.wpr-icon-feed3:before {
content: "\e629";
}
.wpr-icon-feed4:before {
content: "\e62a";
}
.wpr-icon-vimeo:before {
content: "\e62b";
}
.wpr-icon-vimeo2:before {
content: "\e62c";
}
.wpr-icon-vimeo3:before {
content: "\e62d";
}
.wpr-icon-flickr:before {
content: "\e62e";
}
.wpr-icon-flickr2:before {
content: "\e62f";
}
.wpr-icon-flickr3:before {
content: "\e630";
}
.wpr-icon-flickr4:before {
content: "\e631";
}
.wpr-icon-deviantart:before {
content: "\e632";
}
.wpr-icon-deviantart2:before {
content: "\e633";
}
.wpr-icon-github:before {
content: "\e634";
}
.wpr-icon-github2:before {
content: "\e635";
}
.wpr-icon-github3:before {
content: "\e636";
}
.wpr-icon-github4:before {
content: "\e637";
}
.wpr-icon-github5:before {
content: "\e638";
}
.wpr-icon-tumblr:before {
content: "\e639";
}
.wpr-icon-tumblr2:before {
content: "\e63a";
}
.wpr-icon-skype:before {
content: "\e63b";
}
.wpr-icon-linkedin:before {
content: "\e63c";
}
.wpr-icon-pinterest:before {
content: "\e63d";
}
.wpr-icon-pinterest2:before {
content: "\e63e";
}
.wpr-icon-search32:before {
content: "\e63f";
}
.wpr-icon-basket2:before {
content: "\e903";
}
.wpr-icon-basket3:before {
content: "\e027";
}
.wpr-icon-magnifying-glass2:before {
content: "\e037";
}
.wpr-icon-facebook5:before {
content: "\e05d";
}
.wpr-icon-twitter5:before {
content: "\e05e";
}
.wpr-icon-googleplus5:before {
content: "\e05f";
}
.wpr-icon-rss2:before {
content: "\e060";
}
.wpr-icon-tumblr3:before {
content: "\e061";
}
.wpr-icon-linkedin2:before {
content: "\e062";
}
.wpr-icon-dribbble:before {
content: "\e063";
}
.wpr-icon-plus5:before {
content: "\e656";
}
.wpr-icon-plus6:before {
content: "\e657";
}
.wpr-icon-minus5:before {
content: "\e658";
}
.wpr-icon-minus6:before {
content: "\e659";
}
.wpr-icon-cancel2:before {
content: "\e65a";
}
.wpr-icon-magnifier:before {
content: "\e65b";
}
.wpr-icon-grid3:before {
content: "\e65c";
}
.wpr-icon-grid4:before {
content: "\e65d";
}
.wpr-icon-list:before {
content: "\e65e";
}
.wpr-icon-add:before {
content: "\e65f";
}
.wpr-icon-minus7:before {
content: "\e660";
}
.wpr-icon-search7:before {
content: "\e661";
}
.wpr-icon-shopping-bag2:before {
content: "\e904";
}
.wpr-icon-shopping-cart2:before {
content: "\e905";
}
.wpr-icon-add_shopping_cart:before {
content: "\e854";
}
.wpr-icon-shopping_cart:before {
content: "\e8cc";
}
.wpr-icon-remove_shopping_cart:before {
content: "\e928";
}
.wpr-icon-shopping_basket:before {
content: "\e8cb";
}
.wpr-icon-align-justify:before {
content: "\e026";
}
.wpr-icon-search5:before {
content: "\e036";
}
.wpr-icon-circle-plus:before {
content: "\e040";
}
.wpr-icon-circle-minus:before {
content: "\e041";
}
.wpr-icon-square-plus:before {
content: "\e044";
}
.wpr-icon-square-minus:before {
content: "\e045";
}
.wpr-icon-arrow-right4:before {
content: "\e095";
}
.wpr-icon-arrow-down4:before {
content: "\e097";
}
.wpr-icon-grid2:before {
content: "\e102";
}
.wpr-icon-cross:before {
content: "\e117";
}
.wpr-icon-menu2:before {
content: "\e120";
}
.wpr-icon-ellipsis:before {
content: "\e129";
}
.wpr-icon-times:before {
content: "\e647";
}
.wpr-icon-plus4:before {
content: "\e648";
}
.wpr-icon-minus4:before {
content: "\e649";
}
.wpr-icon-arrow-right-thick:before {
content: "\e64a";
}
.wpr-icon-th-menu:before {
content: "\e64b";
}
.wpr-icon-arrow-down-thick:before {
content: "\e64c";
}
.wpr-icon-times-outline:before {
content: "\e64d";
}
.wpr-icon-plus-outline:before {
content: "\e64e";
}
.wpr-icon-minus-outline:before {
content: "\e64f";
}
.wpr-icon-th-small-outline:before {
content: "\e650";
}
.wpr-icon-th-menu-outline:before {
content: "\e651";
}
.wpr-icon-zoom-outline:before {
content: "\e652";
}
.wpr-icon-arrow-down5:before {
content: "\e653";
}
.wpr-icon-arrow-right5:before {
content: "\e654";
}
.wpr-icon-search6:before {
content: "\e655";
}
.wpr-icon-shopping-cart:before {
content: "\f07a";
}
.wpr-icon-cart-plus:before {
content: "\f217";
}
.wpr-icon-cart-arrow-down:before {
content: "\f218";
}
.wpr-icon-shopping-bag:before {
content: "\f290";
}
.wpr-icon-shopping-basket:before {
content: "\f291";
}
.wpr-icon-search9:before {
content: "\f002";
}
.wpr-icon-envelope-o:before {
content: "\f003";
}
.wpr-icon-th-large:before {
content: "\f009";
}
.wpr-icon-th:before {
content: "\f00a";
}
.wpr-icon-th-list:before {
content: "\f00b";
}
.wpr-icon-times2:before {
content: "\f00d";
}
.wpr-icon-home3:before {
content: "\f015";
}
.wpr-icon-align-justify2:before {
content: "\f039";
}
.wpr-icon-chevron-right:before {
content: "\f054";
}
.wpr-icon-plus-circle:before {
content: "\f055";
}
.wpr-icon-minus-circle:before {
content: "\f056";
}
.wpr-icon-arrow-right6:before {
content: "\f061";
}
.wpr-icon-arrow-down6:before {
content: "\f063";
}
.wpr-icon-plus7:before {
content: "\f067";
}
.wpr-icon-minus8:before {
content: "\f068";
}
.wpr-icon-chevron-down:before {
content: "\f078";
}
.wpr-icon-twitter-square:before {
content: "\f081";
}
.wpr-icon-facebook-square:before {
content: "\f082";
}
.wpr-icon-linkedin-square:before {
content: "\f08c";
}
.wpr-icon-github-square:before {
content: "\f092";
}
.wpr-icon-twitter6:before {
content: "\f099";
}
.wpr-icon-facebook6:before {
content: "\f09a";
}
.wpr-icon-github6:before {
content: "\f09b";
}
.wpr-icon-hand-o-right:before {
content: "\f0a4";
}
.wpr-icon-hand-o-down:before {
content: "\f0a7";
}
.wpr-icon-arrow-circle-right:before {
content: "\f0a9";
}
.wpr-icon-arrow-circle-down:before {
content: "\f0ab";
}
.wpr-icon-tasks:before {
content: "\f0ae";
}
.wpr-icon-bars:before {
content: "\f0c9";
}
.wpr-icon-pinterest3:before {
content: "\f0d2";
}
.wpr-icon-pinterest-square:before {
content: "\f0d3";
}
.wpr-icon-google-plus-square:before {
content: "\f0d4";
}
.wpr-icon-google-plus:before {
content: "\f0d5";
}
.wpr-icon-envelope:before {
content: "\f0e0";
}
.wpr-icon-linkedin3:before {
content: "\f0e1";
}
.wpr-icon-angle-double-right:before {
content: "\f101";
}
.wpr-icon-angle-double-down:before {
content: "\f103";
}
.wpr-icon-angle-right:before {
content: "\f105";
}
.wpr-icon-angle-down:before {
content: "\f107";
}
.wpr-icon-github-alt:before {
content: "\f113";
}
.wpr-icon-ellipsis-h:before {
content: "\f141";
}
.wpr-icon-rss-square:before {
content: "\f143";
}
.wpr-icon-toggle-down:before {
content: "\f150";
}
.wpr-icon-toggle-right:before {
content: "\f152";
}
.wpr-icon-youtube-square:before {
content: "\f166";
}
.wpr-icon-youtube:before {
content: "\f167";
}
.wpr-icon-instagram3:before {
content: "\f16d";
}
.wpr-icon-apple:before {
content: "\f179";
}
.wpr-icon-android:before {
content: "\f17b";
}
.wpr-icon-skype2:before {
content: "\f17e";
}
.wpr-icon-vimeo-square:before {
content: "\f194";
}
.wpr-icon-cart3:before {
content: "\e906";
}
.wpr-icon-bag:before {
content: "\e907";
}
.wpr-icon-facebook4:before {
content: "\e640";
}
.wpr-icon-twitter-old:before {
content: "\e641";
}
.wpr-icon-feed5:before {
content: "\e642";
}
.wpr-icon-bird:before {
content: "\e643";
}
.wpr-icon-search4:before {
content: "\e644";
}
.wpr-icon-pointer:before {
content: "\e645";
}
.wpr-icon-pointer2:before {
content: "\e646";
}
.wpr-icon-shopping-bag3:before {
content: "\e908";
}
.wpr-icon-shopping-basket2:before {
content: "\e909";
}
.wpr-icon-shopping-cart3:before {
content: "\e90a";
}
.wpr-icon-search10:before {
content: "\e68b";
}
.wpr-icon-cross2:before {
content: "\e663";
}
.wpr-icon-minus9:before {
content: "\e664";
}
.wpr-icon-plus8:before {
content: "\e665";
}
.wpr-icon-layout:before {
content: "\e666";
}
.wpr-icon-list2:before {
content: "\e667";
}
.wpr-icon-video:before {
content: "\e668";
}
.wpr-icon-arrow-down7:before {
content: "\e669";
}
.wpr-icon-arrow-right7:before {
content: "\e66a";
}
.wpr-icon-arrow-down8:before {
content: "\e66b";
}
.wpr-icon-arrow-right8:before {
content: "\e66c";
}
.wpr-icon-arrow-down9:before {
content: "\e66d";
}
.wpr-icon-arrow-right9:before {
content: "\e66e";
}
.wpr-icon-arrow-down10:before {
content: "\e66f";
}
.wpr-icon-arrow-right10:before {
content: "\e670";
}
.wpr-icon-arrow-down11:before {
content: "\e671";
}
.wpr-icon-uniE672:before {
content: "\e672";
}
.wpr-icon-arrow-right11:before {
content: "\e673";
}
.wpr-icon-github62:before {
content: "\e674";
}
.wpr-icon-flickr5:before {
content: "\e675";
}
.wpr-icon-flickr6:before {
content: "\e676";
}
.wpr-icon-vimeo4:before {
content: "\e677";
}
.wpr-icon-vimeo5:before {
content: "\e678";
}
.wpr-icon-twitter7:before {
content: "\e679";
}
.wpr-icon-facebook7:before {
content: "\e67a";
}
.wpr-icon-facebook8:before {
content: "\e67b";
}
.wpr-icon-facebook9:before {
content: "\e67c";
}
.wpr-icon-googleplus6:before {
content: "\e67d";
}
.wpr-icon-googleplus7:before {
content: "\e67e";
}
.wpr-icon-pinterest4:before {
content: "\e67f";
}
.wpr-icon-pinterest5:before {
content: "\e680";
}
.wpr-icon-tumblr4:before {
content: "\e681";
}
.wpr-icon-linkedin4:before {
content: "\e682";
}
.wpr-icon-linkedin5:before {
content: "\e683";
}
.wpr-icon-instagram4:before {
content: "\e684";
}
.wpr-icon-skype3:before {
content: "\e685";
}
.wpr-icon-skype4:before {
content: "\e686";
}
.wpr-icon-cart4:before {
content: "\e90b";
}
.wpr-icon-search8:before {
content: "\e662";
}.title .container_inner h1{
color:#55C2EB;
} li#nav-menu-item-1615 {
background-color: #55c2eb;
}
.content_inner iframe {
width: 100% !important;
}
.textwidget{overflow:hidden!important; clear:both!important;}
.footer_holder.clearfix{overflow:hidden!important; clear:both!important;}
footer{overflow:hidden!important; clear:both!important;}
.contact_form h3 {
font-size: 30px;
font-weight: bold;
padding: 15px 0 10px;
text-align: center;
}
.second {
top: 69px !important;
}
.page-id-75 ul li {
list-style: inside none disc;
}
.left-head-section {
float: left;
width: auto;
} .forcefullwidth_wrapper_tp_banner {
display: none;
}
.home.page-template-default .homepage-hero-module{display:block;}
.page-template-default .homepage-hero-module{display:none;}
video.fillWidth{ width: 100%; }
@media (min-width: 1200px) {
.home.page-template-default .homepage-hero-module{height:45em;}        
}
.header_right_widget #searchform input[type="text"]{
margin:0!important;
}
.latest_post a img{
min-height:146px!important;
}
.container.top_move{
}
body > div.wrapper > div > div > div.container.top_move.container.top_move{ }
.container.top_move1 {
margin: -650px auto 0 auto;
background-color: #fff;
width: 1290px;
-webkit-animation: flyincontent 1s 1 ease-out 0s;
-moz-animation: flyincontent 1s 1 ease-out 0s;
-o-animation: flyincontent 1s 1 ease-out 0s;
animation: flyincontent 1s 1 ease-out 0s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
position: relative;
}
.video-container {
text-align: center!important;
}
body > div.wrapper > div > div > div.homepage-hero-module > div > img {
width: 1920px;
height: auto;
}
.head-phone{
clear:both;   color:#55C2EB;
font-size:24px;
width:100%;
text-align:right;
margin-top:10px;
}
@media only screen and (max-width: 1024px){
nav.main_menu {
display: none !important;
}
header {
position: initial !important;
}
.header_right_widget #searchform input[type="text"]{
width:200px !important;
}
.header_right_widget #searchform input[type="submit"]{
height:35px !important;
}
}
@media only screen and (max-width: 768px){
.logo img{
display:inline-block !important;
vertical-align:middle;
}
.header_right_widget .textwidget ul{
width:100%;
text-align:center;
}
.header_right_widget .textwidget ul li{
display:inline-block !important;
float:none;
}
.header_right_widget #text-5{
display:none !important;
}
.header_right_widget #searchform input[type="submit"]{
top:0 !important;
}
.head-phone{
margin-bottom:25px;
text-align:center;
}
.header_right_widget #searchform input[type="text"]{
height: 35px;
border:1px solid #dedede;
}
.container.top_move .container_inner{
width:90% !important;
}
}
@media only screen and (max-width: 340px){
.header_inner {
padding: 0 20px !important;
}
} @media only screen and (max-width: 779px){
.slide1 h3,
.slide2 h3,
.slide3 h3,
.slideA h3,
.slideB h3,
.slideC h3,
.slideD h3 {
text-align:center;
}
.slide1,
.slide2,
.slide3,
.slideA,
.slideB,
.slideC,
.slideD {
text-align:center;
margin-bottom:20px;
border:0px solid blue;
}
.slide1 img,
.slide2 img,
.slide3 img,
.slideA img,
.slideB img,
.slideC img,
.slideD img {
border:1px solid white;
width:100%;
}
}
@media only screen and (min-width: 780px){
.slide1 h3,
.slide2 h3,
.slide3 h3{
Border:0px solid red;
height:40px;
vertical-align: middle;
}
.slideA h3,
.slideB h3,
.slideC h3,
.slideD h3{
Border:0px solid red;
height:60px;
vertical-align: middle;
}
.slide1,
.slide2,
.slide3 {
border:0px solid blue;
width:30%;
float:left;
margin-right:20px;
text-align:center;
}
.slideA,
.slideB,
.slideC,
.slideD {
border:0px solid red;
width:22%;
float:left;
margin-right:20px;
text-align:center;
}
}.left-head-section {
float: left;
width: auto;
}
.header_right_widget {
float: left !important;
line-height: 60px !important;
}
.header_right_widget #searchform input[type="submit"] {
position: relative;
top: 22px;
}
.social_menu li:first-child {
margin-left: 0 !important;
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: 0
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none
}
.flexslider {
margin: 0;
padding: 0
}
.flexslider .slides>li {
background-color: transparent;
display:none;
position: relative;
margin: 0
}
.flexslider .slides img {
width: 100%;
display: block
}
.flex-pauseplay span {
text-transform: capitalize
}
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
html[xmlns] .slides {
display: block
}
* html .slides {
height: 1%
}
.no-js .slides>li:first-child {
display: block
}
.flexslider {
margin: 0 0 40px;
position: relative;
zoom: 1
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease
}
.loading .flex-viewport {
max-height: 300px
}
.flexslider .slides {
zoom: 1
}
.carousel li {
margin-right: 5px
}
.flex-direction-nav {
*height: 0
}
.flex-direction-nav a {
width: 12px;
height: 23px;
margin: -25px -1px 0;
display: block;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px
}
.flex-direction-nav .flex-next {
right: 1px;
background-color: #f4f4f4;
height: 50px;
width: 50px
}
.flex-direction-nav .flex-prev {
left: 1px;
background-color: #f4f4f4;
height: 50px;
width: 50px
}
.two_columns_66_33 .column1 .flex-direction-nav .flex-prev {
left: 1px;
background-color: #f4f4f4;
height: 50px;
width: 50px
}
.two_columns_66_33 .column1 .flex-direction-nav .flex-next {
right: 1px;
background-color: #f4f4f4;
height: 50px;
width: 50px;
padding-right: 1px
}
.flexslider .flex-next {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/portfolio_single_arrow_right.png);
background-position: center;
background-repeat: no-repeat;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .5s ease;
-moz-transition: opacity .5s ease;
transition: opacity .5s ease
}
.flexslider .flex-prev {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/portfolio_single_arrow_left.png);
background-position: center;
background-repeat: no-repeat;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .5s ease;
-moz-transition: opacity .5s ease;
transition: opacity .5s ease
}
.flexslider:hover .flex-next {
opacity: 1;
filter: alpha(opacity=100)
}
.flexslider:hover .flex-prev {
opacity: 1;
filter: alpha(opacity=100)
}
.flex-direction-nav .flex-disabled {
cursor: default
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7)
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer
}
.flex-control-thumbs img:hover {
opacity: 1
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default
}
@media screen and (max-width:860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 0
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 0
}
}
div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
height: 13px
}
div.pp_default .pp_top .pp_left {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite.png) -78px -93px no-repeat
}
div.pp_default .pp_top .pp_middle {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite_x.png) top left repeat-x
}
div.pp_default .pp_top .pp_right {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite.png) -112px -93px no-repeat
}
div.pp_default .pp_content .ppt {
color: #f8f8f8
}
div.pp_default .pp_content_container .pp_left {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
padding-left: 13px
}
div.pp_default .pp_content_container .pp_right {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite_y.png) top right repeat-y;
padding-right: 13px
}
div.pp_default .pp_content {
background-color: #fff
}
div.pp_default .pp_next:hover {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite_next.png) center right no-repeat;
cursor: pointer
}
div.pp_default .pp_previous:hover {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite_prev.png) center left no-repeat;
cursor: pointer
}
div.pp_default .pp_expand {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
cursor: pointer;
width: 28px;
height: 28px
}
div.pp_default .pp_expand:hover {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
cursor: pointer
}
div.pp_default .pp_contract {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
cursor: pointer;
width: 28px;
height: 28px
}
div.pp_default .pp_contract:hover {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
cursor: pointer
}
div.pp_default .pp_close {
width: 30px;
height: 30px;
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
cursor: pointer
}
div.pp_default #pp_full_res .pp_inline {
color: #000
}
div.pp_default .pp_gallery ul li a {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
border: 1px solid #aaa
}
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a {
border-color: #fff
}
div.pp_default .pp_social {
margin-top: 7px
}
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
position: static;
left: auto
}
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
height: 30px;
width: 30px
}
div.pp_default .pp_nav .pp_pause {
background-position: -51px -29px
}
div.pp_default .pp_details {
position: relative
}
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
height: 20px;
margin: 4px 0 0 0;
width: 20px
}
div.pp_default a.pp_arrow_next {
left: 52px;
background-position: -82px -3px
}
div.pp_default .pp_content_container .pp_details {
margin-top: 5px
}
div.pp_default .pp_nav {
clear: none;
height: 30px;
width: 110px;
position: relative
}
div.pp_default .pp_nav .currentTextHolder {
font-family: Georgia;
font-style: italic;
color: #999;
font-size: 11px;
left: 75px;
line-height: 25px;
margin: 0;
padding: 0 0 0 10px;
position: absolute;
top: 2px
}
div.pp_default .pp_close:hover,
div.pp_default .pp_nav .pp_play:hover,
div.pp_default .pp_nav .pp_pause:hover,
div.pp_default .pp_arrow_next:hover,
div.pp_default .pp_arrow_previous:hover {
opacity: .7
}
div.pp_default .pp_description {
font-size: 11px;
font-weight: bold;
line-height: 14px;
margin: 10px 50px 10px 0
}
div.pp_default .pp_bottom .pp_left {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite.png) -78px -127px no-repeat
}
div.pp_default .pp_bottom .pp_middle {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite_x.png) bottom left repeat-x
}
div.pp_default .pp_bottom .pp_right {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/sprite.png) -112px -127px no-repeat
}
div.pp_default .pp_loaderIcon {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/default/loader.gif) center center no-repeat
}
div.pp_pic_holder a:focus {
outline: 0
}
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000
}
.pp_top {
height: 20px;
position: relative
}
* html .pp_top {
padding: 0 20px
}
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px
}
* html .pp_top .pp_middle {
left: 0;
position: static
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px
}
.pp_content {
height: 40px;
min-width: 40px
}
* html .pp_content {
width: 40px
}
.pp_fade {
display: none
}
.pp_content_container {
position: relative;
text-align: left;
width: 100%
}
.pp_content_container .pp_left {
padding-left: 20px
}
.pp_content_container .pp_right {
padding-right: 20px
}
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0
}
.pp_description {
display: none;
margin: 0
}
.pp_social {
float: left;
margin: 0
}
.pp_social .facebook {
float: left;
width: 55px;
overflow: hidden
}
.pp_social .twitter {
float: left;
margin-right: 5px
}
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0, 0, 0, 0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
border-color: #fff
}
.pp_gallery ul a img {
border: 0
}
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0
}
.pp_gallery li.default a {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px
}
.pp_gallery li.default a img {
display: none
}
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px!important
}
a.pp_next {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%
}
a.pp_previous {
background: url(//drmarnie.ca/wp-content/themes/passage/css/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000
}
a.pp_close {
position: absolute;
right: 0;
top: 0;
display: block;
line-height: 22px;
text-indent: -10000px
}
.pp_bottom {
height: 20px;
position: relative
}
* html .pp_bottom {
padding: 0 20px
}
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px
}
* html .pp_bottom .pp_middle {
left: 0;
position: static
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px
}
#pp_full_res {
line-height: 1!important
}
#pp_full_res .pp_inline {
text-align: left
}
#pp_full_res .pp_inline p {
margin: 0 0 15px 0
}
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999
}
.tp-leftarrow.default,
.tp-rightarrow.default {
width: 50px;
height: 50px;
z-index: 1000
}
.tp-rightarrow.default {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/rev-arrow-right.png);
background-position: 0 0;
background-repeat: no-repeat
}
.tp-leftarrow.default {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/rev-arrow-left.png);
background-position: 0 0;
background-repeat: no-repeat
}
.tp-bullets {
bottom: 60px!important
}
.tp-bullets.simplebullets.round .bullet {
background: 0;
width: 10px;
height: 10px;
background-color: #999;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
margin: 0 3px 0;
opacity: .6;
filter: alpha(opacity=60)
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
opacity: 1;
filter: alpha(opacity=100)
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {
opacity: 1
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
::selection {
background: #69b200;
color: #FFF
}
::-moz-selection {
background: #69b200;
color: #FFF
}
.alignleft {
float: left;
margin: 0 20px 20px 0
}
.alignright {
float: right;
margin: 0 0 20px 20px
}
.aligncenter {
display: block;
margin: 10px auto 10px auto
}
.text-align-right {
text-align: right
}
.text-align-left {
text-align: left
}
.text-align-center {
text-align: center
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal
}
ol {
margin: 10px 0
}
ul {
list-style: none;
margin: 10px 0
}
ol ol,
ol ul,
ul ul,
ul ol {
margin: 0
}
ul li {
margin: 0 0 0 20px
}
ol li {
margin: 0 0 10px 20px
}
dl {
margin: 10px 0
}
dl dd {
margin: 0 0 0 20px
}
blockquote {
quotes: none
}
blockquote:before,
blockquote:after {
content: '';
content: none
}
del {
text-decoration: line-through
}
table {
border-collapse: collapse;
border-spacing: 0;
border: medium none;
width: 100%;
vertical-align: middle
}
table th {
background-color: #f4f4f4;
border: 0;
padding: 10px 15px;
text-align: center
}
table th h4 {
margin: 0
}
table tr:nth-child(even) td {
background-color: transparent
}
table tr:nth-child(odd) td {
background-color: #f4f4f4
}
table td {
padding: 10px 15px;
text-align: center
}
input[type='submit'] {
-webkit-appearance: none;
outline: 0;
border: 0
}
a img {
border: 0
}
img {
max-width: 100%;
height: auto
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Open Sans", sans-serif;
color: #333;
font-weight: 600;
text-decoration: none
}
h1 {
font-size: 45px;
line-height: 45px
}
h2 {
font-size: 25px;
line-height: 25px
}
h3 {
font-size: 30px;
line-height: 35px;
font-weight: 300
}
h4 {
font-size: 16px;
line-height: 16px
}
h4 a {
color: #333;
text-decoration: none
}
h5 {
font-size: 13px;
line-height: 13px
}
h6 {
font-size: 12px;
line-height: 12px
}
p {
font-family: "Open Sans", sans-serif;
font-size: 15px;
line-height: 22px;
font-weight: 400;
color: #4c4c4c;
margin: 10px 0
}
a {
color: #333;
font-weight: 600;
text-decoration: none
}
p a {
color: #000;
text-decoration: none
}
a:hover,
p a:hover {
color: #69b200
}
body {
font-family: "Open Sans", sans-serif;
font-size: 13px;
line-height: 22px;
font-weight: 400;
color: #4c4c4c;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/pattern_background.png);
background-repeat: repeat;
overflow-x: hidden!important;
overflow-y: scroll
}
body.smooth_scroll {
overflow-y: hidden;
padding-right: 16px
}
.meta {
display: none
}
.preload {
height: 1px;
width: 1px;
display: none
}
header {
width: 100%;
display: block;
position: fixed;
top: 0;
z-index: 2000;
background-color: #0d0d0d
}
header .container .container_inner .header_inner {
padding: 0;
width: 100%
}
.header_inner {
padding: 0 50px
}
.logo {
width: 100%;
float: left;
-webkit-animation: flyinbottom .8s 1 ease-out .4s;
-moz-animation: flyinbottom .8s 1 ease-out .4s;
-o-animation: flyinbottom .8s 1 ease-out .4s;
animation: flyinbottom .8s 1 ease-out .4s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.safari-mac .logo {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none
}
.logo a {
position: relative;
display: block;
visibility: hidden;
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s
}
.logo img {
display: block;
width: auto!important;
max-width: none
}
header.centered_logo {
text-align: center
}
header.centered_logo .logo {
float: none;
position: relative;
display: block;
margin: 10px 0
}
header.centered_logo .logo img {
top: 0;
margin: 0 auto
}
header.centered_logo .header_inner_right {
float: none;
display: inline-block;
position: relative;
margin: 0 0 -4px
}
header.centered_logo .header_right_widget {
float: left
}
.header_inner_right {
float: right;
position: relative
}
nav.main_menu {
float: left;
position: relative
}
nav.main_menu {
z-index: 100;
text-align: left
}
nav.main_menu ul {
list-style: none outside none;
margin: 0;
padding: 0
}
nav.main_menu ul li {
display: inline-block;
float: left;
padding: 0;
margin: 0;
background-repeat: no-repeat;
background-position: right;
z-index: 100
}
nav.main_menu>ul>li>a {
-webkit-animation: flyinbottom .8s 1 ease-out .4s;
-moz-animation: flyinbottom .8s 1 ease-out .4s;
-o-animation: flyinbottom .8s 1 ease-out .4s;
animation: flyinbottom .8s 1 ease-out .4s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.safari-mac nav.main_menu>ul>li>a {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none
}
nav.main_menu ul li a {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 600;
color: #fff;
text-decoration: none;
display: inline-block;
position: relative;
cursor: pointer;
line-height: 75px;
padding: 0 15px;
margin: 0;
z-index: 100
}
nav.main_menu>ul>li>a span {
border-bottom: 5px solid transparent;
display: block;
height: 70px;
position: relative;
overflow: visible!important
}
.menuHoverOn nav.main_menu>ul>li:hover>a span {
border-color: #69b200
}
.header_right_widget {
float: right;
position: relative;
line-height: 75px;
-webkit-animation: flyinbottom .8s 1 ease-out .4s;
-moz-animation: flyinbottom .8s 1 ease-out .4s;
-o-animation: flyinbottom .8s 1 ease-out .4s;
animation: flyinbottom .8s 1 ease-out .4s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.safari-mac .header_right_widget {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none
}
.header_right_widget a {
display: inline-block;
vertical-align: middle;
position: relative
}
.header_right_widget a img {
display: block;
float: left;
margin-left: 5px;
height: 22px
}
.header_right_widget .textwidget ul {
margin: -25px 0 0 0;
vertical-align: middle
}
.header_right_widget .textwidget ul li {
margin: 0;
margin-left: 10px
}
.header_right_widget #searchform {
display: block;
position: relative
}
.header_right_widget #searchform>div {
display: inline-block;
vertical-align: middle
}
.header_right_widget #searchform .screen-reader-text {
display: none
}
.header_right_widget #searchform input[type="text"] {
width: 80px;
float: left;
margin: 0 10px 0 0;
padding: 5px 10px
}
.header_right_widget #searchform input[type="submit"] {
width: 18px;
height: 29px;
float: left;
margin: 0;
padding: 0;
background: 0;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/search_icon.png);
background-repeat: no-repeat;
background-position: center;
text-indent: -9999px
}
.header_right_widget .social_menu li a {
background-color: #858585
}
.header_right_widget>div {
float: left
}
.header_right_widget #lang_sel {
font-family: 'Open Sans', sans-serif;
height: auto;
float: left
}
.header_right_widget #lang_sel ul>li {
width: auto;
float: none
}
.header_right_widget #lang_sel ul>li a.lang_sel_sel {
background: 0;
color: #fff;
font-size: 13px;
line-height: inherit!important;
border: 0;
font-weight: 600;
text-transform: uppercase;
padding: 0 0 0 15px;
text-transform: uppercase
}
.header_right_widget #lang_sel ul>li:hover>a {
color: #69b200
}
.header_right_widget #lang_sel ul ul {
top: 75px;
background-color: #111;
background-color: rgba(17, 17, 17, 0.95);
width: auto;
border: 0;
height: auto;
padding: 10px 0!important;
min-width: 100%;
visibility: hidden;
display: block
}
.header_right_widget #lang_sel ul li ul li a {
background: 0;
border: 0;
color: #fff;
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 600;
height: auto;
letter-spacing: 0;
line-height: 14px;
padding: 9px 15px;
text-transform: uppercase;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
white-space: nowrap
}
.header_right_widget #lang_sel ul li ul li:hover a {
color: #69b200
}
.header_right_widget #lang_sel_click {
font-family: 'Open Sans', sans-serif;
height: auto;
display: inline-block;
float: left
}
.header_right_widget #lang_sel_click ul>li {
width: auto;
float: none;
margin: 0
}
.header_right_widget #lang_sel_click ul ul a,
.header_right_widget #lang_sel ul ul a:visited {
background: 0;
border: 0;
color: #fff;
display: block;
font-size: 13px;
font-weight: 600;
height: auto;
letter-spacing: 0;
line-height: 14px;
padding: 9px 20px;
text-transform: uppercase;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
white-space: nowrap
}
.header_right_widget #lang_sel_click ul li ul li:hover a {
color: #69b200
}
.header_right_widget #lang_sel_click ul>li:hover>a.lang_sel_sel {
color: #69b200
}
.header_right_widget #lang_sel_click ul>li a.lang_sel_sel {
background: 0;
color: #fff;
font-size: 13px;
line-height: inherit!important;
border: 0;
font-weight: 600;
text-transform: uppercase;
padding: 0 0 0 15px;
text-transform: uppercase
}
.header_right_widget #lang_sel_click ul ul {
top: 75px;
background-color: #111;
background-color: rgba(17, 17, 17, 0.95);
width: auto;
border: 0;
height: auto;
padding: 10px 0!important;
min-width: 100%;
visibility: hidden;
display: block
}
.header_right_widget #lang_sel_list {
font-family: 'Open Sans', sans-serif;
height: auto;
width: auto;
float: left
}
.header_right_widget #lang_sel_list ul {
border: 0;
padding: 0 0 0 15px!important;
width: auto
}
.header_right_widget #lang_sel_list li {
display: inline-block;
float: none;
width: auto
}
.header_right_widget #lang_sel_list a,
.header_right_widget #lang_sel_list a:visited {
padding: 0 0 0 10px;
border: 0;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
background: none repeat scroll 0 0 transparent;
line-height: inherit!important;
color: #fff
}
.header_right_widget #lang_sel_list a:hover,
.header_right_widget #lang_sel_list a.lang_sel_other:hover {
color: #69b200
}
.header_right_widget #lang_sel_list a.lang_sel_other {
color: #949494!important
}
.header_right_widget #lang_sel img.iclflag,
.header_right_widget #lang_sel_click img.iclflag,
.header_right_widget #lang_sel_list img.iclflag {
display: inline;
float: none;
top: 2px;
margin: 0
}
.selectnav {
display: none;
width: 100%;
float: left;
position: relative;
top: 0;
text-align: left
}
.selectnav ul li a {
color: #fff;
padding: 4px 10px;
text-decoration: none;
display: block;
position: relative;
font-size: 13px;
font-weight: normal
}
.selectnav_button {
display: none;
float: left;
padding: 25px 0
}
.selectnav_button span {
width: 30px;
height: 30px;
z-index: 511;
display: block;
position: relative;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/navigation.png);
background-position: right center;
background-repeat: no-repeat;
cursor: pointer
}
.selectnav ul {
display: none;
width: 100%;
background-color: transparent;
position: relative;
top: -8px;
padding: 10px 0 10px 0;
margin: 0
}
#magic {
background-color: #69b200;
bottom: 0;
height: 5px;
left: 0;
position: absolute;
width: 0;
z-index: 10;
-webkit-animation: fadein .3s 1 ease-out 1.2s;
-moz-animation: fadein .3s 1 ease-out 1.2s;
-o-animation: fadein .3s 1 ease-out 1.2s;
animation: fadein .3s 1 ease-out 1.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.drop_down ul li {
position: relative;
overflow: visible
}
.drop_down .second {
left: 0;
margin: 0;
top: 75px;
position: absolute;
height: auto;
display: block;
visibility: hidden
}
.touch .drop_down ul li .second {
height: auto!important;
display: none!important;
visibility: visible!important;
overflow: visible!important
}
.touch .drop_down ul li:hover .second {
height: auto!important;
display: block!important;
visibility: visible!important;
overflow: visible!important
}
.drop_down .second .inner {
background-color: transparent;
padding: 0;
display: block
}
.drop_down .second .inner2 {
background-color: #111;
background-color: rgba(17, 17, 17, 0.95);
display: inline-block
}
.drop_down .second .inner2 ul {
display: inline-block;
float: left;
position: relative;
width: 230px;
padding: 10px 0
}
.drop_down .second .inner2 ul li {
display: block;
padding: 0;
position: relative;
float: none;
height: auto;
background: 0
}
.drop_down .second .inner2 ul li a {
font-family: 'Open Sans', sans-serif;
display: block;
font-size: 12px;
font-weight: 600;
color: #fff;
height: auto;
line-height: 14px;
letter-spacing: 0;
margin: 0;
padding: 9px 20px;
text-transform: uppercase;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s
}
.drop_down .second .inner2>ul>li:hover>a {
color: #69b200
}
.drop_down .second .inner2 ul li.sub a {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/sub_menu_arrow_right.png);
background-position: right center;
background-repeat: no-repeat
}
.drop_down .second .inner ul li ul {
position: absolute!important;
left: 100%;
top: -10px;
background-color: #111;
background-color: rgba(17, 17, 17, 0.95);
visibility: hidden;
height: auto;
display: block;
overflow: hidden;
padding: 10px 0
}
.touch .drop_down .second .inner ul li:hover ul {
height: auto!important;
display: block!important;
visibility: visible!important;
overflow: visible!important
}
.drop_down .second .inner2 ul li.sub ul li {
padding: 0
}
.drop_down .second .inner2 ul li.sub ul li a {
color: #fff;
font-style: normal;
background: 0;
margin: 0;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s
}
.drop_down .second .inner2 ul li.sub ul li:hover a {
color: #69b200
}
.drop_down .second .inner2 ul li.sub ul li a {
background: 0
}
.drop_down .second.right {
right: 0;
left: auto
}
.drop_down .second .inner2 ul.right li a {
text-align: right;
padding: 9px 20px
}
.drop_down .second .inner2 ul.right li:hover a {
color: #69b200
}
.drop_down .second .inner2 ul.right li ul {
left: -100%
}
.drop_down .second .inner2 ul.right li.sub a {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/sub_menu_arrow_left.png);
background-position: 15px center;
background-repeat: no-repeat
}
.drop_down .second .inner2 ul.right li.sub ul li {
padding: 0
}
.drop_down .second .inner2 ul.right li.sub ul li a {
color: #fff;
font-style: normal;
background: 0;
margin: 0;
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s
}
.drop_down .second .inner2 ul.right li.sub ul li:hover a {
color: #69b200
}
.drop_down .second .inner2 ul.right li.sub ul li a {
background: 0
}
.drop_down2 ul {
position: relative
}
.drop_down2 ul li {
overflow: visible
}
.drop_down2 .second {
padding: 0 1000px;
margin: 0 -1000px;
top: 75px;
position: absolute;
right: 0;
z-index: 20;
visibility: hidden;
overflow: hidden;
-webkit-animation: none!important;
-moz-animation: none!important;
-ms-animation: none!important;
-o-animation: none!important
}
body.large .drop_down2 .second,
body.large .drop_down2 .second .inner2 {
width: 1260px
}
body.normal .drop_down2 .second,
body.normal .drop_down2 .second .inner2 {
width: 1000px
}
body.small .drop_down2 .second,
body.small .drop_down2 .second .inner2 {
width: 768px
}
.touch .drop_down2 ul li .second {
height: auto!important;
display: none!important;
visibility: visible!important
}
.touch .drop_down2 ul li:hover .second {
height: auto!important;
display: block!important;
visibility: visible!important
}
.drop_down2 .second .inner {
background-color: #111;
background-color: rgba(17, 17, 17, 0.8);
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
padding: 0 1000px;
margin: 0 -1000px;
width: 100%;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px)
}
.drop_down2 .second .inner2 {
margin: 0 auto;
padding: 10px 0;
cursor: pointer
}
.drop_down2 .second .inner2a {
display: inline-block;
padding: 10px 0;
width: 100%
}
.drop_down2 .second div.mc {
float: left;
padding: 0;
margin: 0 .5% 0 0;
width: 24.5%
}
.drop_down2 .second .mc a {
font-family: 'Open Sans', sans-serif;
display: block;
font-size: 12px;
line-height: 12px;
font-weight: 600;
color: #69b200;
height: auto;
margin: 0;
padding: 10px 0;
text-transform: uppercase;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s
}
.drop_down2 .second .mc a.sub {
color: #fff
}
.drop_down2 .second .mc a.sub:hover {
margin: 0 0 0 10px
}
.container {
padding: 0;
width: 100%;
z-index: 1000
}
body.large .container_inner {
width: 1260px;
margin: 0 auto
}
body.normal .container_inner {
width: 990px;
margin: 0 auto
}
body.small .container_inner {
width: 768px;
margin: 0 auto
}
body.shadow1 .container.top_move .container_inner {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3)
}
body.shadow2 .container.top_move .container_inner {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5)
}
body.shadow3 .container.top_move .container_inner {
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.8)
}
.container_inner .container_inner2 {
padding: 30px
}
.container.top_move {
margin: -50px 0 0 0;
-webkit-animation: flyincontent 1s 1 ease-out 0s;
-moz-animation: flyincontent 1s 1 ease-out 0s;
-o-animation: flyincontent 1s 1 ease-out 0s;
animation: flyincontent 1s 1 ease-out 0s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
position: relative
}
.container.top_move.no_entering_animation {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none
}
.container.top_move .container_inner {
background-color: #f4f4f4
}
.rev_slider_wrapper {
z-index: 0
}
.title {
display: block;
width: 100%;
line-height: 330px;
height: 330px;
position: relative
}
.title.with_image {
height: auto;
line-height: normal;
background: 0
}
.title.with_image img {
display: block;
width: 100%
}
.title h1 {
display: inline-block;
color: #fff;
position: absolute;
bottom: 20%;
left: 0;
width: 100%;
text-transform: uppercase;
text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2)
}
.title .container {
position: absolute;
display: inline-block;
width: 100%;
left: 0;
bottom: 100px
}
.title .container_inner {
position: relative
}
.title .container_inner h1 {
bottom: 0;
display: block;
position: relative
}
.title h1 {
-webkit-animation: title-from-left .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
-moz-animation: title-from-left .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
-o-animation: title-from-left .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
animation: title-from-left .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible
}
.title.has_background {
background-repeat: no-repeat;
background-position: center 0
}
.title.has_fixed_background {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center 0
}
.title.no_entering_animation h1 {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none
}
.two_columns_66_33 {
width: 100%
}
.two_columns_66_33>.column1 {
width: 66.66%;
float: left
}
.two_columns_66_33>.column1>.column_inner {
padding: 0 12px 0 0
}
.two_columns_66_33.grid2>.column1>.column_inner {
padding: 0 30px 0 0
}
.two_columns_66_33>.column2 {
width: 33.33%;
float: left
}
.two_columns_66_33>.column2>.column_inner {
padding: 0 0 0 12px
}
.two_columns_66_33.grid2>.column2>.column_inner {
padding: 0 0 0 30px
}
.two_columns_33_66 {
width: 100%
}
.two_columns_33_66>.column1 {
width: 33.33%;
float: left
}
.two_columns_33_66>.column1>.column_inner {
padding: 0 12px 0 0
}
.two_columns_33_66.grid2>.column1>.column_inner {
padding: 0 30px 0 0
}
.two_columns_33_66>.column2 {
width: 66.66%;
float: left
}
.two_columns_33_66>.column2>.column_inner {
padding: 0 0 0 12px
}
.two_columns_33_66.grid2>.column2>.column_inner {
padding: 0 0 0 30px
}
.two_columns_75_25 {
width: 100%
}
.two_columns_75_25>.column1 {
width: 75%;
float: left
}
.two_columns_75_25>.column1>.column_inner {
padding: 0 12px 0 0
}
.two_columns_75_25.grid2>.column1>.column_inner {
padding: 0 30px 0 0
}
.two_columns_75_25>.column2 {
width: 25%;
float: left
}
.two_columns_75_25>.column2>.column_inner {
padding: 0 0 0 12px
}
.two_columns_75_25.grid2>.column2>.column_inner {
padding: 0 0 0 30px
}
.two_columns_25_75 {
width: 100%
}
.two_columns_25_75>.column1 {
width: 25%;
float: left
}
.two_columns_25_75>.column1>.column_inner {
padding: 0 12px 0 0
}
.two_columns_25_75.grid2>.column1>.column_inner {
padding: 0 30px 0 0
}
.two_columns_25_75>.column2 {
width: 75%;
float: left
}
.two_columns_25_75>.column2>.column_inner {
padding: 0 0 0 12px
}
.two_columns_25_75.grid2>.column2>.column_inner {
padding: 0 0 0 30px
}
.two_columns_50_50 {
width: 100%
}
.two_columns_50_50>.column1 {
width: 50%;
float: left
}
.two_columns_50_50>.column1>.column_inner {
padding: 0 12px 0 0
}
.two_columns_50_50>.column2 {
width: 50%;
float: left
}
.two_columns_50_50>.column2>.column_inner {
padding: 0 0 0 12px
}
.three_columns {
width: 100%
}
.three_columns>.column1,
.three_columns>.column2,
.three_columns>.column3 {
width: 33.33%;
float: left
}
.three_columns>.column1>.column_inner {
padding: 0 16px 0 0
}
.three_columns>.column2>.column_inner {
padding: 0 8px 0 8px
}
.three_columns>.column3>.column_inner {
padding: 0 0 0 16px
}
.four_columns {
width: 100%
}
.four_columns>.column1,
.four_columns>.column2,
.four_columns>.column3,
.four_columns>.column4 {
width: 25%;
float: left
}
.four_columns>.column1>.column_inner {
padding: 0 18px 0 0
}
.four_columns>.column2>.column_inner {
padding: 0 12px 0 6px
}
.four_columns>.column3>.column_inner {
padding: 0 6px 0 12px
}
.four_columns>.column4>.column_inner {
padding: 0 0 0 18px
}
.icon_with_title {
position: relative;
display: inline-block;
width: 100%;
margin: 0 0 3px 0
}
.icon_with_title .icons_holder {
display: inline-block;
width: 56px;
height: 56px;
background-color: #ededed;
float: left;
margin: 0 10px 0 0;
border-radius: 80px;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
-o-border-radius: 80px
}
.icon_with_title .icons_holder .icon {
margin: 8px
}
.icon_with_title.top .icons_outer {
width: 100%;
text-align: center;
margin: 0 0 15px
}
.icon_with_title.top .icons_outer .icons_holder {
float: none;
margin: 0
}
.icon_with_title.top h4 {
text-align: center;
line-height: 15px
}
.icon_with_title h4 {
font-size: 15px;
line-height: 56px
}
.box_holder_border {
position: relative;
width: 100%;
margin: 0 0 30px 0;
padding: 0 0 10px;
background-color: #fff;
border-bottom: 5px solid #ccc
}
.box_holder_border:hover {
border-color: #69b200
}
.box_holder_border img {
max-width: 100%
}
.box_holder_border .image_with_text .image_with_text_content {
padding: 0 15px
}
.image_with_text {
display: inline-block;
width: 100%;
position: relative
}
.image_with_text img {
display: block;
margin: 0 0 20px 0
}
.separator {
display: block;
height: 1px;
background-color: #ccc;
margin: 20px 0
}
.separator.transparent {
background-color: transparent!important
}
input {
width: 92%;
margin: 0 0 25px 0;
padding: 20px 4%;
background-color: #fff;
border: 0;
outline: 0;
font-size: 13px;
font-family: 'Open Sans', sans-serif
}
textarea {
width: 96%;
height: 180px;
margin: 0 0 25px 0;
padding: 20px 2%;
background-color: #fff;
border: 0;
outline: 0;
resize: none;
font-size: 13px;
font-family: 'Open Sans', sans-serif
}
.button,
input[type='submit'],
.load_more a {
width: auto;
display: inline-block;
margin: 0;
padding: 13px 34px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 12px;
color: #fff;
text-decoration: none;
background-color: #69b200;
cursor: pointer;
white-space: nowrap;
text-transform: uppercase
}
.button.large {
font-size: 18px;
line-height: 18px;
padding: 24px 69px
}
.button.medium {
font-size: 18px;
line-height: 18px;
padding: 18px 45px
}
.button.tiny {
font-size: 12px;
line-height: 12px;
padding: 13px 27px
}
.button:hover,
input[type='submit']:hover,
.load_more a:hover {
color: #fff;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/button_hover.png);
background-repeat: repeat
}
.title_with_line_holder {
position: relative;
display: block;
margin: 0 0 18px 0
}
.title_with_line {
text-align: left;
display: inline-block;
position: relative;
background-color: #f4f4f4;
z-index: 100;
padding: 0 10px 0 0
}
.title_with_line_separator {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: 100%;
height: 1px;
border-bottom: 1px solid #ccc;
box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-o-box-shadow: 0 1px 0 #fff;
z-index: 10
}
.title_with_line_holder a {
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: 400;
color: #333;
float: right;
display: inline-block;
position: relative;
background-color: #f4f4f4;
z-index: 100;
padding: 0 0 0 10px
}
.title_with_line_holder a:hover {
color: #69b200
}
.box_holder_shadow {
position: relative;
display: block;
margin: 0 0 30px 0;
background-color: #fff;
box-shadow: 0 1px 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px 1px #ccc;
-webkit-box-shadow: 0 1px 1px 1px #ccc;
-o-box-shadow: 0 1px 1px 1px #ccc;
padding: 20px 12px
}
.box_holder_shadow.no {
box-shadow: 0;
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
-o-box-shadow: 0
}
.box_holder_shadow .image_with_text .image_with_text_content {
padding: 0 15px
}
.counter_holder {
display: block;
opacity: 0;
filter: alpha(opacity: 0);
-webkit-transition: opacity .3s ease 0s;
-moz-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
width: 100%;
font-size: 90px;
line-height: 90px
}
.counter_holder.left {
text-align: left
}
.counter_holder.right {
text-align: right
}
.counter_holder.center {
text-align: center
}
.counter_holder span.counter {
font-family: "Lato", sans-serif;
font-size: inherit;
line-height: inherit;
color: #999;
overflow: hidden;
display: inline-block!important;
text-align: center;
height: 90px
}
.counter_holder p {
font-weight: 400;
font-size: 14px
}
.social_menu {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
overflow: hidden
}
.social_menu li {
display: inline;
float: left;
margin: 0 10px 0 0;
padding: 0;
width: auto
}
.social_menu li a {
overflow: hidden;
display: block;
float: left;
height: 26px;
width: 26px;
background-color: #ccc;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-o-border-radius: 30px;
text-align: center;
vertical-align: middle;
text-indent: -9999px;
margin: 0;
padding: 0;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s
}
.social_menu li a:hover {
background-color: #69b200
}
.social_menu li a span.inner {
overflow: hidden;
background-repeat: no-repeat;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/social_icons_sprite.png);
width: 26px;
height: 26px;
position: relative;
margin: -1px 0 0 -1px;
display: block;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:150/100),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-resolution:160dpi) {
.social_menu li a span.inner {
width: 28px;
height: 28px;
-o-background-size: 672px 56px;
-webkit-background-size: 672px 56px;
-moz-background-size: 672px 56px;
background-size: 672px 56px;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/social_icons_sprite@1_5x.png)
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2.0),
only screen and (min--moz-device-pixel-ratio:2.0),
only screen and (-o-min-device-pixel-ratio:200/100),
only screen and (min-device-pixel-ratio:2.0),
only screen and (min-resolution:210dpi) {
.social_menu li a span.inner {
width: 28px;
height: 28px;
-o-background-size: 672px 56px;
-webkit-background-size: 672px 56px;
-moz-background-size: 672px 56px;
background-size: 672px 56px;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/social_icons_sprite@2x.png)
}
}
.social_menu li.twitter a .inner {
background-position: 0 0
}
.social_menu li.facebook a .inner {
background-position: -28px 0
}
.social_menu li.pinterest a .inner {
background-position: -56px 0
}
.social_menu li.forrst a .inner {
background-position: -84px 0
}
.social_menu li.dribbble a .inner {
background-position: -112px 0
}
.social_menu li.flickr a .inner {
background-position: -140px 0
}
.social_menu li.linkedin a .inner {
background-position: -169px 0
}
.social_menu li.lastfm a .inner {
background-position: -196px 0
}
.social_menu li.vimeo a .inner {
background-position: -224px 0
}
.social_menu li.yahoo a .inner {
background-position: -252px 0
}
.social_menu li.tumblr a .inner {
background-position: -280px 0
}
.social_menu li.apple a .inner {
background-position: -309px 0
}
.social_menu li.blogger a .inner {
background-position: -337px 0
}
.social_menu li.wordpress a .inner {
background-position: -365px 0
}
.social_menu li.windows a .inner {
background-position: -394px 0
}
.social_menu li.youtube a .inner {
background-position: -422px 0
}
.social_menu li.rss a .inner {
background-position: -448px 0
}
.social_menu li.instagram a .inner {
background-position: -477px 0
}
.social_menu li.google a .inner {
background-position: -505px 0
}
.social_menu li.bechance a .inner {
background-position: -532px 0
}
.social_menu li.android a .inner {
background-position: -558px 0
}
.social_menu li.skype a .inner {
background-position: -586px 0
}
.social_menu li.digg a .inner {
background-position: -614px 0
}
.social_menu li.vk a .inner {
background-position: -642px 0
}
.social_menu li.twitter a:hover .inner {
background-position: 0 -28px
}
.social_menu li.facebook a:hover .inner {
background-position: -28px -28px
}
.social_menu li.pinterest a:hover .inner {
background-position: -56px -28px
}
.social_menu li.forrst a:hover .inner {
background-position: -84px -28px
}
.social_menu li.dribbble a:hover .inner {
background-position: -112px -28px
}
.social_menu li.flickr a:hover .inner {
background-position: -140px -28px
}
.social_menu li.linkedin a:hover .inner {
background-position: -169px -28px
}
.social_menu li.lastfm a:hover .inner {
background-position: -196px -28px
}
.social_menu li.vimeo a:hover .inner {
background-position: -224px -28px
}
.social_menu li.yahoo a:hover .inner {
background-position: -252px -28px
}
.social_menu li.tumblr a:hover .inner {
background-position: -280px -28px
}
.social_menu li.apple a:hover .inner {
background-position: -309px -28px
}
.social_menu li.blogger a:hover .inner {
background-position: -337px -28px
}
.social_menu li.wordpress a:hover .inner {
background-position: -365px -28px
}
.social_menu li.windows a:hover .inner {
background-position: -394px -28px
}
.social_menu li.youtube a:hover .inner {
background-position: -422px -28px
}
.social_menu li.rss a:hover .inner {
background-position: -448px -28px
}
.social_menu li.instagram a:hover .inner {
background-position: -477px -28px
}
.social_menu li.google a:hover .inner {
background-position: -505px -28px
}
.social_menu li.bechance a:hover .inner {
background-position: -532px -28px
}
.social_menu li.android a:hover .inner {
background-position: -558px -28px
}
.social_menu li.skype a:hover .inner {
background-position: -586px -28px
}
.social_menu li.digg a:hover .inner {
background-position: -614px -28px
}
.social_menu li.vk a:hover .inner {
background-position: -642px -28px
}
.full_width {
padding: 0 30px
}
.full_width .filter_outer {
margin: 0 0 25px
}
.filter_outer {
position: relative;
display: block;
margin: -5px 0 25px;
height: 30px
}
.filter_outer h5 {
position: relative;
display: inline-block;
line-height: 30px;
background-color: #f4f4f4;
padding: 0 15px 0 0;
z-index: 100
}
.filter_outer .filter_separator {
position: absolute;
left: 0;
top: 50%;
height: 1px;
display: inline-block;
width: 100%;
background-color: #ccc;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
-o-box-shadow: 0 1px 0 #fff;
z-index: 50
}
body:not(.touch) .filter_holder ul {
transition: height 200ms ease-in-out 0s
}
.filter_holder ul {
position: absolute;
right: 0;
top: 0;
height: 30px;
display: inline-block;
margin: 0;
background-color: #f4f4f4;
z-index: 100
}
.filter_holder ul li {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 30px;
font-weight: 400;
color: #333;
text-align: left;
display: inline-block;
float: left;
margin: 0;
cursor: pointer;
transition: background-color 150ms ease-in-out 0s
}
.filter_holder ul li span {
font-size: 13px;
line-height: 30px;
font-weight: 400;
display: inline-block;
position: relative;
padding: 0 0 0 15px
}
.filter_holder ul li:hover span,
.filter_holder ul li.active span {
color: #69b200
}
.projects_holder {
font-size: .1px;
line-height: 0;
list-style-type: none;
text-align: justify
}
.projects_holder:after,
.projects_holder:before {
content: "";
display: inline-block;
width: 100%
}
.projects_holder .mix {
display: none;
opacity: 0;
filter: alpha(opacity=0);
position: relative;
vertical-align: top;
overflow: hidden
}
.projects_holder .filler {
display: inline-block;
height: 0
}
.projects_holder.v4 .mix {
width: 23.5%;
margin: 0 0 2%
}
.projects_holder.v4 .filler {
width: 23.5%
}
.projects_holder.v3 .mix {
width: 32%;
margin: 0 0 2%
}
.projects_holder.v3 .filler {
width: 31.5%
}
.projects_holder.v2 .mix {
width: 48.9%;
margin: 0 0 2.2%
}
.projects_holder.v2 .filler {
width: 48.9%
}
.projects_holder article .image {
position: relative;
-webkit-backface-visibility: hidden
}
.projects_holder .image img {
width: 100%
}
.projects_type2 article {
background-color: #fff;
border-bottom: 5px solid #ccc;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px)
}
.projects_type2 article:hover {
border-bottom: 5px solid #69b200
}
.projects_type1 article .image {
overflow: hidden
}
.projects_type2 article .image a,
.projects_type1 article .image a {
display: inline-block;
width: 100%
}
.projects_type2 .text_holder,
.projects_type1 .text_holder {
position: relative;
display: block
}
.projects_type2 .text_holder_inner {
padding: 25px
}
.projects_type1 .text_holder_inner {
padding: 20px 0 0 0
}
.projects_type2 .text_holder_inner .portfolio_category,
.projects_type1 .text_holder_inner .portfolio_category {
font-family: "Open Sans", sans-serif;
font-size: 13px;
line-height: 13px;
font-weight: 400;
color: #333;
display: block;
margin: 14px 0 0 0;
cursor: pointer
}
.projects_type2 article .text_holder_inner h4,
.projects_type1 article .text_holder_inner h4 {
text-transform: uppercase;
margin: 0
}
.projects_type2 article:hover .text_holder_inner h4 a,
.projects_type2 .text_holder_inner .portfolio_category:hover,
.projects_type1 article:hover .text_holder_inner h4 a,
.projects_type1 .text_holder_inner .portfolio_category:hover {
color: #69b200
}
.projects_type2 article .image_border {
width: 365px;
height: 205px;
border-top: 14px;
border-left: 14px;
border-right: 14px;
border-style: solid;
border-color: #fff;
position: absolute;
top: -14px;
left: 0;
margin: 0 0 0 -14px;
padding: 0 14px 14px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: translateZ(0px);
z-index: 1000
}
.projects_type2 article:hover .image_border {
top: 0;
margin: 0;
padding: 0
}
.projects_type2 article .image a.preview {
position: absolute;
display: inline-block;
top: 0;
right: 0;
width: 60px!important;
height: 60px;
display: inline-block;
margin: 0;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/lightbox2.png);
background-repeat: no-repeat;
background-position: center;
visibility: hidden;
z-index: 9999
}
a.lightbox_single_portfolio {
display: inline-block;
width: 100%
}
div.pp_default .pp_description {
margin: 10px 50px 10px 0
}
.pp_social .facebook {
overflow: visible
}
.projects_type2 article:hover .image a.preview {
visibility: visible
}
.portfolio_paging {
text-align: center;
margin: 30px 0
}
.portfolio_single,
.portfolio_title_holder {
margin: 0 0 30px 0
}
.portfolio_single .portfolio_images img,
.portfolio_single .portfolio_images .fluid-width-video-wrapper {
margin: 0 0 26px 0
}
.portfolio_single .flexslider,
.portfolio_single .portfolio_single_text_holder {
margin: 0 0 48px 0
}
.portfolio_single h5,
.portfolio_detail .info h5 {
margin: 0 0 12px 0;
text-transform: uppercase
}
.portfolio_detail .info {
padding: 0 0 25px
}
.portfolio_detail .info p {
margin: 0
}
.video_holder {
width: 100%;
position: relative;
display: block;
min-height: 1px
}
.portfolio_navigation {
position: relative;
display: inline-block;
width: 100%;
text-align: center;
height: 70px;
line-height: 70px;
border-top: 1px solid #ccc
}
.portfolio_navigation .portfolio_prev,
.portfolio_navigation .portfolio_next,
.portfolio_navigation .portfolio_button {
display: inline-block;
font-family: "Open Sans", sans-serif;
font-weight: 400
}
.portfolio_navigation .portfolio_prev {
position: absolute;
left: 0
}
.portfolio_navigation .portfolio_prev a {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/portfolio_single_arrow_left.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px
}
.portfolio_navigation .portfolio_next {
position: absolute;
right: 0
}
.portfolio_navigation .portfolio_next a {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/portfolio_single_arrow_right.png);
background-repeat: no-repeat;
background-position: right center;
padding-right: 15px
}
.portfolio_navigation .portfolio_button a {
height: 16px;
width: 16px;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/portfolio_single_button.png);
background-position: 0 0;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle
}
.portfolio_gallery {
display: inline-block;
width: 100%;
position: relative;
margin: 0 0 25px 0
}
.portfolio_gallery a {
position: relative;
float: left;
display: inline-block;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px)
}
.portfolio_gallery a.v2 {
width: 49%;
margin: 0 2% 2% 0
}
.portfolio_gallery a.v3 {
width: 32%;
margin: 0 2% 2% 0
}
.portfolio_gallery a.v4 {
width: 23.5%;
margin: 0 2% 2% 0
}
.portfolio_gallery a.v2:nth-child(2n),
.portfolio_gallery a.v3:nth-child(3n),
.portfolio_gallery a.v4:nth-child(4n) {
margin: 0 0 2% 0
}
.portfolio_gallery a img,
.portfolio_gallery a frame {
display: block;
width: 100%;
z-index: 100
}
.portfolio_gallery .image_hover {
background-color: #0d0d0d;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
z-index: 200
}
.portfolio_gallery .image_hover {
visibility: hidden
}
.portfolio_gallery span.text_holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: table;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%;
z-index: 300;
visibility: hidden
}
.portfolio_gallery span.text_holder span {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%
}
.portfolio_gallery span h4 {
text-transform: uppercase;
margin: 0;
color: #fff
}
.contact_detail h4 {
margin: 0 0 25px 0
}
.contact_info {
margin: 0 0 40px 0
}
.google_map {
display: block;
width: 100%;
height: 750px
}
.google_map iframe,
.google_map object,
.google_map embed {
width: 100%;
display: block
}
.google_map img {
max-width: none
}
.blog_holder article,
.blog_holder2 article {
width: 100%;
display: inline-block;
padding: 0 0 27px 0
}
.blog_holder_list {
list-style-type: none;
text-align: justify
}
.blog_holder_list article.mix {
display:none;
position: relative;
width: 31.8%;
margin: 0 0 2.2%;
opacity: 0;
vertical-align: top;
overflow: hidden;
text-align: left;
background-color: #fff;
border-bottom: 5px solid #ccc;
-webkit-transform: translateZ(0px);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.blog_holder_list article.mix:hover {
border-color: #69b200
}
.blog_holder article .post_image {
width: 40%;
float: left
}
.blog_holder article .post_image a,
.blog_holder2 article .post_image a {
display: inline-block;
position: relative;
width: 100%
}
.blog_holder2 article .post_image {
margin: 0 0 22px 0
}
.blog_holder article .post_image a img,
.blog_holder2 article .post_image a img,
.blog_holder2 article .post_image,
.blog_holder2 article .post_text_holder,
.blog_holder_list article .post_image,
.blog_holder_list article .post_image a,
.blog_holder_list article .post_image a img,
.blog_holder_list article .post_text_holder {
width: 100%
}
.blog_holder article .post_text_holder {
width: 60%;
float: left
}
.blog_holder article.no_image .post_image {
display: none
}
.blog_holder article.no_image .post_text_holder {
float: none;
width: 100%
}
.blog_holder article.no_image .post_text_inner {
margin: 0
}
.blog_holder article .post_text_inner {
position: relative;
display: block;
margin: 0 0 0 25px;
padding: 0 0 52px;
min-height: 217px
}
.two_columns_75_25.grid2 .blog_holder article .post_text_inner,
.two_columns_25_75.grid2 .blog_holder article .post_text_inner {
min-height: 143px
}
.two_columns_66_33.grid2 .blog_holder article .post_text_inner,
.two_columns_33_66.grid2 .blog_holder article .post_text_inner {
min-height: 121px
}
.blog_holder_list article .post_text_inner {
position: relative;
display: inline-block;
padding: 23px 24px 14px
}
.blog_holder article h4,
.blog_holder2 article h4 {
margin: 10px 0 16px;
text-transform: uppercase
}
.blog_holder2 article h4 {
font-size: 25px;
line-height: 25px
}
.blog_holder_list article h4 {
margin: 0 0 8px;
text-transform: uppercase
}
.blog_holder article span.create,
.blog_holder2 article span.create {
position: relative;
display: block;
margin: 0 0 22px 0
}
.blog_holder_list article span.create {
position: relative;
display: block;
margin: 0 0 20px 0
}
.blog_holder article span.create .category,
.blog_holder2 article span.create .category,
.blog_holder_list article span.create .category {
font-weight: 600
}
.blog_holder article span.create .category a,
.blog_holder2 article span.create .category a,
.blog_holder_list article span.create .category a {
font-weight: 600
}
.blog_holder article .post_text_inner p,
.blog_holder2 article .post_text_inner p {
position: relative;
display: block
}
.blog_holder_list article .post_text_inner p {
position: relative;
display: block;
margin: 10px 0 40px
}
.blog_holder article span.info {
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
width: 100%;
padding: 16px 0;
border-bottom: 1px solid #ccc;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
-o-box-shadow: 0 1px 0 #fff
}
.blog_holder2 article span.info {
display: inline-block;
width: 100%;
padding: 16px 0;
border-bottom: 1px solid #ccc;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
-o-box-shadow: 0 1px 0 #fff
}
.blog_holder_list article span.info {
display: inline-block;
width: 100%
}
.blog_holder article span.info .left,
.blog_holder2 article span.info .left,
.blog_holder_list article span.info .left {
float: left
}
.blog_holder article span.info .left a.comments,
.blog_holder2 article span.info .left a.comments,
.blog_holder_list article span.info .left a.comments {
font-weight: normal
}
.blog_holder article span.info .right,
.blog_holder2 article span.info .right,
.blog_holder_list article span.info .right {
float: right;
height: 19px
}
.blog_holder article span.info .right .read_more,
.blog_holder2 article span.info .right .read_more,
.blog_holder_list article span.info .right .read_more {
width: 19px;
height: 19px;
display: inline-block;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/blog_arrow.png);
background-repeat: no-repeat;
background-position: center
}
.blog_single_holder,
.blog_single_holder article .image {
display: block;
margin: 0 0 28px 0
}
.blog_single_holder article .image img {
width: 100%;
display: block;
position: relative
}
.blog_single_holder .blog_title_holder h2 {
margin: 0 0 16px 0;
text-transform: uppercase
}
.blog_single_holder .blog_title_holder>span {
display: block;
margin: 0 0 45px 0
}
.blog_single_holder article .blog_title_holder span .blog_author,
.blog_single_holder article .blog_title_holder span .category,
.blog_single_holder article .blog_title_holder span a {
font-weight: 600
}
.blog_single_holder article .blog_single_text_holder .info span a:hover,
.blog_single_holder article .blog_title_holder span a:hover {
color: #69b200
}
.blog_single_holder article .blog_single_text_holder .text {
margin: 0 0 53px 0
}
.blog_single_holder article .blog_single_text_holder .info {
display: inline-block;
width: 100%;
font-family: "Open Sans", sans-serif;
font-weight: 600;
padding: 0 0 13px 0;
border-bottom: 1px solid #ccc;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
-o-box-shadow: 0 1px 0 #fff
}
.blog_single_holder article .blog_single_text_holder .info .left {
float: left;
text-transform: uppercase
}
.blog_single_holder article .blog_single_text_holder .info .right {
float: right
}
.social_share_holder {
display: inline-block
}
.social_share_holder ul {
list-style: none;
display: inline-block;
margin: 0
}
.social_share_holder ul li {
float: left;
display: inline-block;
margin: 0 15px 0 0
}
.social_share_holder ul li a {
display: inline-block
}
.social_share_holder ul li a img {
float: left;
margin: 0 5px 0 0
}
.social_share_holder ul li .social_image {
overflow: hidden;
display: block;
float: left;
height: 28px;
width: 28px;
background-color: #ededed;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-o-border-radius: 30px;
text-align: center;
vertical-align: middle;
text-indent: -9999px;
margin: 0;
padding: 0;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s
}
.social_share_holder ul li .social_image .social_image_inner {
display: inline-block;
float: left;
overflow: hidden;
background-repeat: no-repeat;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/social_icons_sprite.png);
width: 28px;
height: 28px;
position: relative;
display: block;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:150/100),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-resolution:160dpi) {
.social_share_holder ul li .social_image .social_image_inner {
width: 28px;
height: 28px;
background-repeat: no-repeat;
-o-background-size: 672px 56px;
-webkit-background-size: 672px 56px;
-moz-background-size: 672px 56px;
background-size: 672px 56px;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/social_icons_sprite@1_5x.png)
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2.0),
only screen and (min--moz-device-pixel-ratio:2.0),
only screen and (-o-min-device-pixel-ratio:200/100),
only screen and (min-device-pixel-ratio:2.0),
only screen and (min-resolution:210dpi) {
.social_share_holder ul li .social_image .social_image_inner {
width: 28px;
height: 28px;
background-repeat: no-repeat;
-o-background-size: 672px 56px;
-webkit-background-size: 672px 56px;
-moz-background-size: 672px 56px;
background-size: 672px 56px;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/social_icons_sprite@2x.png)
}
}
.social_share_holder ul li a:hover .social_image {
background-color: #69b200
}
.social_share_holder ul li.twitter_share .social_image .social_image_inner {
background-position: 0 0
}
.social_share_holder ul li.facebook_share .social_image .social_image_inner {
background-position: -28px 0
}
.social_share_holder ul li.google_share .social_image .social_image_inner {
background-position: -505px 0
}
.social_share_holder ul li.twitter_share a:hover .social_image .social_image_inner {
background-position: 0 -28px
}
.social_share_holder ul li.facebook_share a:hover .social_image .social_image_inner {
background-position: -28px -28px
}
.social_share_holder ul li.google_share a:hover .social_image .social_image_inner {
background-position: -505px -28px
}
.social_share_holder ul li .share_text {
display: inline-block;
height: 28px;
line-height: 28px;
padding: 0 0 0 6px
}
.portfolio_social_share {
position: relative;
margin: 15px 0 0 0;
display: inline-block
}
.comment_holder {
margin: 0 0 57px
}
.comment_holder .comments_number {
text-align: right;
display: inline-block;
width: 100%;
font-family: "Open Sans", sans-serif;
font-weight: 600;
padding: 0 0 13px 0
}
.comment_holder .comments_number a {
font-weight: normal
}
.logged-in-as a {
font-weight: normal
}
.comment_holder .comment-list,
.comment_holder .comment-list li {
margin: 0
}
.comment_holder .comment {
padding: 7px;
background-color: #fff;
margin: 0 0 24px 0;
display: block;
position: relative;
min-height: 78px
}
.comment_holder .comment .image {
display: block;
width: 78px;
height: 78px;
float: left
}
.comment_holder .comment .text {
padding: 0 0 0 95px
}
.comment_holder .comment .text .name_holder {
display: inline-block;
width: 100%
}
.comment_holder .comment .text .name {
font-weight: 600;
margin: 5px 0 6px 0;
display: inline-block;
float: left
}
.comment_holder .comment .text .name a {
font-weight: normal
}
.comment_holder .comment .text .replay,
.comment_holder .comment .text .comment-reply-link {
font-weight: 600;
display: inline-block;
float: right;
text-transform: uppercase
}
.comment_holder .comment .text .text_holder {
display: block;
margin: 0 0 5px 0
}
.comment_holder .comment .info {
display: inline-block;
width: 100%;
margin: 0 0 20px 0
}
.comment_holder .comment p {
margin: 0
}
.comment_holder .comment .logged-in-as {
margin: 10px 0
}
.comment_holder .comment .form-submit {
margin: 0 0 20px
}
.comment_holder .comment-list li ul.children {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/reply.png);
background-repeat: no-repeat;
background-position: 10px 40px;
padding: 0 0 0 45px
}
.comment_holder .comment-list li ul.children li ul.children {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/reply.png);
background-repeat: no-repeat;
background-position: 10px center;
padding: 0 0 0 45px
}
#respond h3 {
margin: 0 0 40px 0;
text-transform: uppercase
}
#respond small {
margin: 0 0 20px 0
}
.comment #respond textarea,
.comment #respond input[type='text'] {
background-color: #f4f4f4
}
.comment-list .text form input[type='text'],
.comment-list .text form textarea {
background-color: #fff
}
div.comment_form {
margin: 0 0 25px 0
}
div.comment_form h5 {
padding: 0 0 16px 0;
margin: 0 0 24px;
border-bottom: 1px solid #ccc;
box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
-o-box-shadow: 0 1px 0 #fff
}
div.comment_form form p.form-submit {
margin: 0;
text-align: right
}
.pagination {
display: inline-block;
width: 100%;
margin: 10px 0 40px 0
}
.pagination ul {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0
}
.pagination ul li {
float: left;
padding: 0 5px 0 0;
margin: 0
}
.pagination ul li span {
width: 35px;
height: 35px;
display: block;
background-color: #69b200;
font-family: "Open Sans", sans-serif;
font-size: 13px;
line-height: 35px;
font-weight: 600;
color: #fff;
text-align: center;
text-decoration: none
}
.pagination ul li a {
width: 35px;
height: 35px;
display: block;
background-color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 13px;
line-height: 35px;
font-weight: 600;
color: #333;
text-align: center;
text-decoration: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.pagination ul li.prev a {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/left.png);
background-position: center;
background-repeat: no-repeat
}
.pagination ul li.next a {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/right.png);
background-position: center;
background-repeat: no-repeat
}
.pagination ul li a:hover {
background-color: #69b200;
color: #fff
}
.projects_type3 article,
.projects_type1 article,
.image_with_text_over,
.image_with_text_over a {
overflow: hidden;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px)
}
.image_with_text_over {
display: inline-block;
position: relative;
cursor: pointer;
width: 100%
}
.image_with_text_over img {
float: left
}
.projects_type3 article .image a,
.image_with_text_over a {
display: inline-block;
width: 100%;
cursor: pointer
}
.projects_type3 article .image .image_hover,
.projects_type1 article .image .image_hover,
.image_with_text_over .image_hover {
background-color: #0d0d0d;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
z-index: 200
}
.projects_type3 article span.text_holder,
.projects_type1 article span.text_holder,
.image_with_text_over span.text_holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: table;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%;
z-index: 300
}
.image_with_text_over .image_hover,
.image_with_text_over span.text_holder {
visibility: hidden
}
.projects_type3 article .text_holder h4,
.projects_type1 article span.text_holder h4,
.image_with_text_over span.text_holder h4 {
text-transform: uppercase;
margin: 0;
color: #fff
}
.projects_type3 .text_holder p,
.projects_type1 .image .text_holder p,
.image_with_text_over span.text_holder p {
font-family: "Open Sans", sans-serif;
font-size: 13px;
line-height: 13px;
font-weight: 400;
color: #fff;
display: block;
margin: 14px 0 0 0;
cursor: pointer
}
.projects_type3 article span.text_holder span,
.projects_type1 article span.text_holder span,
.image_with_text_over span.text_holder span {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%
}
.projects_type3 article a.preview,
.projects_type1 article .image a.preview {
position: absolute;
display: inline-block;
top: 0;
right: 0;
width: 50px!important;
height: 50px;
margin: 0;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/lightbox.png);
background-repeat: no-repeat;
background-position: center;
z-index: 9999
}
.message {
padding: 35px;
margin: 0 0 25px 0;
position: relative;
background-color: #fff
}
.message.with_border {
border: 1px solid #ccc
}
.message a.close {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/close_arrow.png);
background-position: center;
background-repeat: no-repeat;
float: right;
width: 20px;
height: 20px;
margin: -28px -28px 0 0
}
.message h5 {
display: block
}
.testimonial {
margin: 0 0 25px 0;
background-color: #fff
}
.testimonial.with_border {
border: 1px solid #ccc
}
.testimonial.no_background {
background-color: transparent
}
.testimonial_inner {
padding: 6px;
display: inline-block
}
.testimonial_inner.no_image .text {
padding: 0 12px;
display: block
}
.testimonial .image {
float: left;
width: 78px;
height: 78px
}
.testimonial .image img {
width: 78px;
height: 78px
}
.testimonial .text {
display: block;
padding: 0 0 0 96px
}
.testimonial .text span.name {
font-family: "Open Sans", sans-serif;
font-size: 13px;
line-height: 13px;
font-weight: 600;
color: #333;
display: block;
margin: 8px 0 0
}
.testimonial .text p {
margin: 15px 0 0
}
.dropcap {
display: inline-block;
float: left;
height: 50px;
width: 50px;
background-color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 30px;
line-height: 50px;
color: #69b200;
font-weight: 600;
text-align: center;
margin: 5px 10px 0 0
}
.dropcap.normal {
font-size: 50px;
background-color: transparent;
margin: 0 10px 0 0
}
.dropcap.yes {
border: 1px solid #ccc
}
.accordion_holder {
margin: 0
}
.accordion_holder .accordion_item {
margin: 0 0 2px 0
}
.accordion_holder.accordion h5 {
cursor: pointer;
margin: 0;
padding: 0 0 0 20px;
line-height: 55px;
height: 55px;
font-weight: 400;
background-color: #fff;
overflow: hidden
}
.accordion_holder.accordion.no_background h5 {
background-color: transparent
}
.accordion_holder.accordion h5:hover {
background-color: #69b200;
color: #fff
}
.accordion_holder.accordion h5 span {
width: 55px;
height: 55px;
display: block;
position: relative;
float: right;
margin: 0 0 0 10px!important;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px)
}
.accordion_holder.accordion div.accordion_content {
padding: 15px 20px 25px;
margin: 0;
background-color: #fff
}
.accordion_holder.accordion.no_background div.accordion_content {
background-color: transparent
}
.accordion_holder.accordion div.accordion_content p {
margin: 0
}
.accordion_holder.accordion h5 span.control-pm {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/plus.png)
}
.accordion_holder.accordion h5.ui-state-active span.control-pm,
.accordion_holder.accordion h5.ui-state-active:hover span.control-pm {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/minus.png)
}
.circle_item .circle {
font-family: "Open Sans", sans-serif;
font-size: 13px;
line-height: 13px;
width: 144px;
height: 144px;
display: inline-block;
text-align: center;
color: #69b200;
background-color: #fff;
cursor: pointer;
-o-border-radius: 182px;
-moz-border-radius: 182px;
-webkit-border-radius: 182px;
border-radius: 182px;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px)
}
.circle_item .circle div {
padding: 65.5px 0
}
.circle_left {
width: 100%;
display: inline-block;
margin: 0 0 25px 0
}
.circle_left .circle {
float: left
}
.circle_left .text {
padding: 0 10px 0 170px
}
.circle_top {
width: 100%;
display: inline-block;
text-align: center;
margin: 0 0 25px 0
}
.circle_top .circle {
margin: 0 auto
}
.circle_top .text {
margin: 25px 0 0
}
.circle_top .text p {
margin: 0
}
.circle_item .circle a {
color: #69b200;
text-decoration: none
}
.circle_item .circle:hover {
background-color: #69b200;
color: #fff
}
.circle_item .circle:hover a {
color: #fff
}
.tabs_holder {
width: 100%
}
.tabs .tabs-nav {
list-style: none outside none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.tabs .tabs-nav li {
float: left;
margin: 0;
overflow: hidden;
padding: 0;
position: relative
}
.tabs .tabs-nav li a {
height: 55px;
line-height: 55px;
display: block;
color: #333;
background-color: #ededed;
font-family: "Open Sans", sans-serif;
font-size: 13px;
padding: 0 25px;
text-decoration: none;
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px)
}
.tabs .tabs-nav li a:hover {
color: #69b200
}
.tabs .tabs-nav li.active a {
background-color: #fff
}
.tabs.transparent .tabs-nav li.active a {
background-color: #f4f4f4
}
.tabs.with_border .tabs-nav li.active a {
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #ccc
}
.tabs .tabs-container {
margin: -1px 0 25px;
overflow: hidden;
width: 100%;
background-color: #fff
}
.tabs.transparent .tabs-container,
.tabs.transparent .tabs-nav li a {
background-color: transparent
}
.tabs.with_border .tabs-container {
border: 1px solid #ccc
}
.tabs .tab-content {
padding: 20px 25px
}
@-webkit-keyframes flyinbottom {
0% {
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%)
}
100% {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes flyinbottom {
0% {
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%)
}
100% {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-ms-keyframes flyinbottom {
0% {
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%)
}
100% {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes flyinbottom {
0% {
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%)
}
100% {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes flyincontent {
0% {
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes flyincontent {
0% {
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-ms-keyframes flyincontent {
0% {
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes flyincontent {
0% {
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fadein {
0% {
filter: alpha(opacity=0);
opacity: 0
}
100% {
filter: alpha(opacity=100);
opacity: 1
}
}
@-moz-keyframes fadein {
0% {
filter: alpha(opacity=0);
opacity: 0
}
100% {
filter: alpha(opacity=100);
opacity: 1
}
}
@-ms-keyframes fadein {
0% {
filter: alpha(opacity=0);
opacity: 0
}
100% {
filter: alpha(opacity=100);
opacity: 1
}
}
@keyframes fadein {
0% {
filter: alpha(opacity=0);
opacity: 0
}
100% {
filter: alpha(opacity=100);
opacity: 1
}
}
@-webkit-keyframes title-from-left {
0% {
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translate(-10%, 0)
}
100% {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translate(0, 0)
}
}
@-moz-keyframes title-from-left {
0% {
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translate(-10%, 0)
}
100% {
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translate(0, 0)
}
}
@-o-keyframes title-from-left {
0% {
filter: alpha(opacity=100);
opacity: 0;
-o-transform: translate(-10%, 0)
}
100% {
filter: alpha(opacity=0);
opacity: 1;
-o-transform: translate(0, 0)
}
}
@keyframes title-from-left {
0% {
filter: alpha(opacity=100);
opacity: 0;
transform: translate(-10%, 0)
}
100% {
filter: alpha(opacity=0);
opacity: 1;
transform: translate(0, 0)
}
}
#ascrail2000 {
background-color: #171717;
width: 16px!important;
z-index: 99990!important;
display: block!important
}
.call_to_action {
display: block;
background-color: #fff;
padding: 25px;
margin: 0 0 25px
}
.call_to_action p {
margin: 0
}
.call_to_action.with_border {
border: 1px solid #ccc
}
.call_to_action h5 {
margin: 0;
line-height: 38px
}
.highlight {
background-color: #69b200;
color: #fff;
padding: 0 2px
}
blockquote {
width: 33%;
float: left;
border-left: 4px solid #69b200;
margin: 17px 15px 15px 0;
padding: 0 0 0 25px
}
blockquote p {
font-family: "Open Sans", sans-serif;
font-size: 13px;
line-height: 23px;
font-weight: 600;
color: #69b200;
margin: 0
}
.ordered ul,
.ordered ol {
counter-reset: li;
display: block;
list-style-type: decimal;
background-position: left center;
background-repeat: no-repeat;
margin: 0 0 25px 0;
padding: 0 0 0 20px
}
.ordered ol li {
font-family: "Open Sans", sans-serif;
color: #333;
font-size: 13px;
line-height: 32px
}
.list.number ul,
.list.number_small ul,
.list.circle ul,
.list.big_circle ul {
display: block;
list-style-type: none;
margin: 0 0 25px 0;
padding: 0
}
.list.number ul li,
.list.number_small ul li,
.list.circle ul li,
.list.big_circle ul li {
font-size: 13px;
line-height: 52px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
color: #333;
background-position: 0 0;
background-repeat: no-repeat;
margin: 0
}
.list.number_small ul li {
line-height: 30px;
margin: 0 0 9px
}
.list.number.animate_list ul li,
.list.number_small.animate_list ul li,
.list.circle.animate_list ul li,
.list.big_circle.animate_list ul li {
opacity: 0;
filter: alpha(opacity=0);
top: -40px
}
.list.number ul li {
padding: 0 0 0 70px
}
.list.number_small ul li {
padding: 0 0 0 48px
}
.list.circle ul li {
padding: 0 0 0 24px
}
.list.big_circle ul li {
padding: 0 0 0 30px
}
.list.number ul,
.list.number_small ul {
counter-reset: li
}
.list.number ul>li,
.list.number_small ul>li {
list-style: none outside none;
position: relative;
background: 0
}
.list.number ul>li:before {
height: 50px;
width: 50px;
line-height: 50px;
display: inline-block;
position: absolute;
left: 0;
padding: 0;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
color: #69b200;
text-align: center;
background-color: #fff;
content: counter(li, decimal);
counter-increment: li
}
.list.number_small ul>li:before {
height: 30px;
width: 30px;
line-height: 30px;
display: inline-block;
position: absolute;
left: 0;
padding: 0;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
color: #fff;
text-align: center;
background-color: #69b200;
content: counter(li, decimal);
counter-increment: li
}
.list.big_circle ul li {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/list_big_circle.png);
background-position: 0 center;
position: relative
}
.list.circle ul>li {
list-style: none outside none;
position: relative;
background: 0
}
.list.circle ul>li:before {
content: "\2022";
position: absolute;
left: 0;
text-align: center;
display: inline-block;
padding: 0;
color: #69b200
}
.price_tables {
width: 100%;
display: inline-block
}
.price_table.v4 {
width: 24.75%;
float: left;
margin: 0 .33% 25px 0;
padding: 0;
position: relative
}
.price_table.v4:nth-child(4n) {
margin: 0 0 25px 0
}
.price_table.v3 {
width: 33.11%;
float: left;
margin: 0 .33% 35px 0;
padding: 0;
position: relative
}
.price_table.v3:nth-child(3n) {
margin: 0 0 25px 0
}
.price_table_inner {
background-color: #fff;
text-align: center;
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px)
}
.price_table_inner ul {
list-style: none outside none;
margin: 0
}
.price_table_inner ul li {
text-align: center;
margin: 0 0 10px 0;
padding: 22px 25px;
font-size: 13px
}
.price_table_inner ul li.prices {
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px)
}
.price_table_inner ul li.table_title {
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: 600;
color: #333;
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4
}
.price_in_table {
margin: 5px 0 0;
text-align: center
}
.price_in_table .value {
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 26px;
color: #333;
vertical-align: top;
display: inline-block
}
.price_in_table .price {
font-family: "Lato", sans-serif;
font-weight: 700;
font-size: 90px;
line-height: 80px;
color: #999;
vertical-align: middle;
display: inline-block;
-webkit-transition: all .1s ease 0s;
-moz-transition: all .1s ease 0s;
-o-transition: all .1s ease 0s;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px)
}
.price_tables .mark {
font-family: "Open Sans", sans-serif;
font-size: 13px;
line-height: 13px;
color: #333;
vertical-align: bottom;
display: inline-block
}
.price_table_inner ul li.price_button {
background-color: #69b200;
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px)
}
.price_table_inner ul li .button {
background-color: transparent
}
.price_table_inner ul li .button:hover {
background: 0;
background-color: transparent
}
.price_table_inner.active .price_in_table .price,
.price_table_inner:hover .price_in_table .price {
color: #69b200
}
.price_table_inner.active,
.price_table_inner:hover {
margin: -10px 0 0
}
.price_table_inner.active ul li.price_button,
.price_table_inner:hover ul li.price_button,
.price_table_inner.active ul li.prices,
.price_table_inner:hover ul li.prices {
padding: 27px 25px
}
.price_table_inner.active ul li.price_button,
.price_table_inner:hover ul li.price_button {
margin: 0
}
.element_from_left,
.element_from_right,
.element_from_top,
.element_from_bottom,
.element_from_fade {
display: inline-block;
width: 100%
}
.element_from_left>div,
.element_from_right>div,
.element_from_top>div,
.element_from_bottom>div,
.element_from_fade>div {
opacity: 0;
filter: alpha(opacity=0)
}
.element_transform>div {
opacity: .2;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5)
}
.element_from_fade.element_from_fade_on>div {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .8s ease 0s;
-moz-transition: opacity .8s ease 0s;
-o-transition: opacity .8s ease 0s;
-webkit-backface-visibility: hidden
}
.element_from_left.element_from_left_on>div {
-webkit-animation: element-from-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-animation: element-from-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-animation: element-from-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
animation: element-from-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
opacity: 1;
filter: alpha(opacity=100);
-webkit-backface-visibility: hidden
}
.element_from_right.element_from_right_on>div {
-webkit-animation: element-from-right 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-animation: element-from-right 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-animation: element-from-right 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
animation: element-from-right 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
opacity: 1;
filter: alpha(opacity=100);
-webkit-backface-visibility: hidden
}
.element_from_top.element_from_top_on>div {
-webkit-animation: element-from-top 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-animation: element-from-top 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-animation: element-from-top 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
animation: element-from-top 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
opacity: 1;
filter: alpha(opacity=100);
-webkit-backface-visibility: hidden
}
.element_from_bottom.element_from_bottom_on>div {
-webkit-animation: element-from-bottom 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: element-from-bottom 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: element-from-bottom 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: element-from-bottom 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
opacity: 1;
filter: alpha(opacity=100);
-webkit-backface-visibility: hidden
}
.element_transform.element_transform_on>div {
-webkit-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
@-webkit-keyframes element-from-left {
0% {
-webkit-transform: translate(-20%, 0);
opacity: 0
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1
}
}
@-moz-keyframes element-from-left {
0% {
-moz-transform: translate(-20%, 0);
opacity: 0
}
100% {
-moz-transform: translate(0, 0);
opacity: 1
}
}
@-o-keyframes element-from-left {
0% {
-o-transform: translate(-20%, 0);
opacity: 0
}
100% {
-o-transform: translate(0, 0);
opacity: 1
}
}
@keyframes element-from-left {
0% {
transform: translate(-20%, 0);
opacity: 0
}
100% {
transform: translate(0, 0);
opacity: 1
}
}
@-webkit-keyframes element-from-right {
0% {
-webkit-transform: translate(20%, 0);
opacity: 0
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1
}
}
@-moz-keyframes element-from-right {
0% {
-moz-transform: translate(20%, 0);
opacity: 0
}
100% {
-moz-transform: translate(0, 0);
opacity: 1
}
}
@-o-keyframes element-from-right {
0% {
-o-transform: translate(20%, 0);
opacity: 0
}
100% {
-o-transform: translate(0, 0);
opacity: 1
}
}
@keyframes element-from-right {
0% {
transform: translate(20%, 0);
opacity: 0
}
100% {
transform: translate(0, 0);
opacity: 1
}
}
@-webkit-keyframes element-from-bottom {
0% {
-webkit-transform: translate(0, 80%);
opacity: 0
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1
}
}
@-moz-keyframes element-from-bottom {
0% {
-moz-transform: translate(0, 80%);
opacity: 0
}
100% {
-moz-transform: translate(0, 0);
opacity: 1
}
}
@-o-keyframes element-from-bottom {
0% {
-o-transform: translate(0, 80%);
opacity: 0
}
100% {
-o-transform: translate(0, 0);
opacity: 1
}
}
@keyframes element-from-bottom {
0% {
transform: translate(0, 80%);
opacity: 0
}
100% {
transform: translate(0, 0);
opacity: 1
}
}
@-webkit-keyframes element-from-top {
0% {
-webkit-transform: translate(0, -80%);
opacity: 0
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1
}
}
@-moz-keyframes element-from-top {
0% {
-moz-transform: translate(0, -80%);
opacity: 0
}
100% {
-moz-transform: translate(0, 0);
opacity: 1
}
}
@-o-keyframes element-from-top {
0% {
-o-transform: translate(0, -80%);
opacity: 0
}
100% {
-o-transform: translate(0, 0);
opacity: 1
}
}
@keyframes element-from-top {
0% {
transform: translate(0, -80%);
opacity: 0
}
100% {
transform: translate(0, 0);
opacity: 1
}
}
@-webkit-keyframes element-transform {
0% {
-webkit-transform: scale(0.5);
opacity: .1
}
100% {
-webkit-transform: scale(1);
opacity: 1
}
}
@-moz-keyframes element-transform {
0% {
-moz-transform: scale(0.5);
opacity: .1
}
100% {
-moz-transform: scale(1);
opacity: 1
}
}
@-o-keyframes element-transform {
0% {
-o-transform: scale(0.5);
opacity: .1
}
100% {
-o-transform: scale(1);
opacity: 1
}
}
@keyframes element-transform {
0% {
transform: scale(0.5);
opacity: .1
}
100% {
transform: scale(1);
opacity: 1
}
}
.easyPieChart {
position: relative
}
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0
}
.pie_chart_holder {
display: block;
margin: 0;
opacity: 0;
filter: alpha(opacity: 0);
-webkit-transition: opacity .3s ease 0s;
-moz-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s
}
.pie_chart_holder .percentage {
width: 133px;
height: 133px
}
.percentage {
font-size: 16px;
font-weight: 600;
color: #333;
text-align: center;
margin: 0 auto;
opacity: 0;
filter: alpha(opacity: 0);
-webkit-transition: opacity .3s ease 0s;
-moz-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s
}
.tocounter {
float: none;
margin: 0
}
.pie_chart_text {
text-align: center;
margin: 24px 0 0
}
table.standard_table {
border: medium none;
border-spacing: 0;
width: 100%;
vertical-align: middle
}
table.standard_table th {
background-color: #fff;
border: 0;
padding: 15px 25px;
text-align: center
}
table.standard_table th h4 {
margin: 0
}
table.standard_table tr:nth-child(even) td {
background-color: transparent
}
table.standard_table tr:nth-child(odd) td {
background-color: #fff
}
table.standard_table td {
padding: 15px 25px;
text-align: center
}
.progress_bars {
width: 100%;
overflow: hidden
}
.progress_bars .progress_bar {
position: relative;
margin: 0 0 24px 0
}
.progress_bars .progress_content_outer {
height: 10px;
background-color: #ededed;
width: 100%;
position: relative
}
.progress_bars .progress_content {
position: absolute;
top: 0;
left: 0;
height: 10px;
overflow: hidden;
background: 0;
background-color: #69b200
}
.progress_bars .progress_title {
display: inline-block;
position: relative;
z-index: 100
}
.progress_bars .progress_title h4 {
margin: 0;
line-height: 55px
}
.progress_bars .progress_number {
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: #69b200;
text-align: left;
position: absolute;
top: 21px;
right: 0;
z-index: 10;
opacity: 0;
filter: alpha(opacity=0)
}
#back_to_top {
height: auto;
position: fixed;
top: 85%;
right: -50px;
margin: 0;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
background-color: #242424;
z-index: 9000
}
#back_to_top .back_to_top_inner span {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/arrow_up_white.png);
background-repeat: no-repeat;
background-position: 50% 50%;
display: block;
position: relative;
width: 35px;
height: 35px
}
#back_to_top.off {
right: -50px
}
#back_to_top.on {
right: 7px
}
body.smooth_scroll #back_to_top.on {
right: 21px
}
#back_to_top:hover {
background-color: #69b200
}
.pie_graf_holder,
.line_graf_holder {
display: block;
position: relative;
overflow: hidden
}
.pie_graf {
margin: 0 40px 0 0;
float: left
}
.line_graf {
margin: 0 20px 0 0;
float: left
}
.pie_graf_legend {
position: relative;
float: left;
width: 40%
}
.line_graf_legend {
position: relative;
float: left;
width: 20%
}
.line_graf_legend {
width: 15%
}
.pie_graf_legend ul li,
.line_graf_legend ul li {
display: block;
margin: 0 0 10px 0
}
.pie_graf_legend ul li .color_holder,
.line_graf_legend ul li .color_holder {
width: 25px;
height: 25px;
background-color: #69b200;
float: left
}
.pie_graf_legend ul li p,
.line_graf_legend ul li p {
line-height: 25px;
margin: 0;
padding: 0 0 0 40px
}
aside .widget {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 30px
}
aside .widget h5 {
font-size: 13px;
line-height: 13px;
margin: 0 0 18px 0;
text-transform: uppercase
}
aside .widget h4 {
margin-top: 0
}
aside .widget li {
margin: 0 0 5px 0
}
aside .widget ul li a {
color: #4c4c4c
}
aside .widget ul li a:hover {
color: #69b200
}
#wp-calendar {
width: 100%;
text-align: center
}
#wp-calendar caption {
font-weight: 600;
margin-bottom: 10px
}
#wp-calendar td a {
color: #69b200
}
#wp-calendar th,
#wp-calendar td {
background: transparent
}
#wp-calendar #prev {
text-align: left
}
#wp-calendar #next {
text-align: right
}
.widget.widget_archive select,
.widget.widget_categories select,
.widget.widget_text select {
width: 100%;
outline: 0;
background-color: #f4f4f4;
color: #333;
padding: 10px 10px;
border: 0
}
.widget.widget_search form {
display: inline-block;
width: 100%;
padding-bottom: 10px
}
.widget.widget_recent_comments ul li,
.widget.widget_recent_entries ul li {
margin: 0 0 15px 0
}
.widget.widget_search form input[type="submit"] {
display: inline-block;
margin: 0;
padding: 0 4%;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 29px;
text-transform: uppercase;
color: #fff;
text-decoration: none;
background-color: #69b200;
white-space: nowrap;
width: 30%;
height: 30px;
float: left;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s
}
.widget.widget_search form .screen-reader-text {
display: none
}
.widget.widget_search form input[type="text"] {
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 13px;
color: #949494;
text-decoration: none;
background-color: #f4f4f4;
border: 0;
outline: 0;
margin: 0 3% 0 0;
padding: 5px 4%;
width: 57%;
height: 20px;
float: left
}
.widget .tagcloud a {
font-size: 13px!important;
line-height: 13px;
color: #fff;
background-color: #69b200;
padding: 4px 10px;
text-decoration: none;
margin: 0 1px 5px 0;
display: inline-block;
text-decoration: none;
text-transform: uppercase
}
.widget .tagcloud a:hover {
color: #fff;
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/button_hover.png);
background-repeat: repeat
}
.widget.widget_rss li {
margin-bottom: 20px
}
.widget.widget_rss li a.rsswidget {
display: block;
color: #333
}
.widget.widget_rss li span.rss-date {
margin-bottom: 20px;
display: block
}
aside #lang_sel_list {
font-family: 'Open Sans', sans-serif;
height: auto;
position: static;
width: auto
}
aside #lang_sel_list ul {
border-top: 0;
height: auto;
width: auto
}
aside #lang_sel_list ul li {
float: none;
margin: 0 0 15px!important;
width: 100%
}
aside #lang_sel_list ul li a {
border: 0;
background: 0;
line-height: 20px;
padding: 0;
font-size: 13px;
color: #4c4c4c
}
aside #lang_sel_list ul li a:hover,
aside #lang_sel_list a.lang_sel_sel:hover,
aside #lang_sel_list a.lang_sel_sel {
color: #69b200
}
aside #lang_sel ul ul {
width: 100%;
top: 30px;
border-top: 0
}
aside #lang_sel {
width: 100%;
height: auto;
font-family: 'Open Sans', sans-serif
}
aside #lang_sel ul li {
width: 100%;
border: 0;
margin: 0
}
aside #lang_sel a,
aside #lang_sel a:visited {
line-height: 30px;
border: 0;
text-transform: uppercase
}
aside #lang_sel ul ul a,
aside #lang_sel ul ul a:visited {
line-height: 30px;
border: 0;
padding: 0 10px;
color: #4c4c4c;
background-color: #f4f4f4
}
aside #lang_sel_click ul ul {
width: 100%;
top: 30px;
border-top: 0
}
aside #lang_sel_click {
width: 100%;
height: auto;
font-family: 'Open Sans', sans-serif;
display: inline-block
}
aside #lang_sel_click ul li {
width: 100%;
border: 0;
margin: 0
}
aside #lang_sel_click a,
aside #lang_sel_click a:visited {
line-height: 30px;
border: 0;
text-transform: uppercase
}
aside #lang_sel_click a.lang_sel_sel,
aside #lang_sel a.lang_sel_sel {
color: #4c4c4c;
background-color: #f4f4f4
}
aside #lang_sel_click a.lang_sel_sel:hover,
aside #lang_sel a.lang_sel_sel:hover {
color: #4c4c4c
}
aside #lang_sel_click ul ul a,
aside #lang_sel_click ul ul a:visited {
line-height: 30px;
border: 0;
padding: 0 10px;
color: #4c4c4c
}
aside #lang_sel_click ul ul a:hover,
aside #lang_sel ul ul a:hover {
background-color: #69b200;
color: #fff
}
.two_columns_66_33.background_color_sidebar>.column2,
.two_columns_75_25.background_color_sidebar>.column2,
.two_columns_25_75.background_color_sidebar>.column1,
.two_columns_33_66.background_color_sidebar>.column1 {
background-color: #fff
}
.two_columns_66_33.background_color_sidebar>.column2 {
padding: 30px 31px 30px 0;
margin: -30px -31px -30px 0
}
.two_columns_75_25.background_color_sidebar>.column2 {
padding: 30px 30px 30px 0;
margin: -30px -30px -30px 0
}
.two_columns_25_75.background_color_sidebar>.column1 {
padding: 30px 0 30px 30px;
margin: -30px 0 -30px -30px
}
.two_columns_33_66.background_color_sidebar>.column1 {
padding: 30px 0 30px 31px;
margin: -30px 0 -30px -31px
}
.icon {
display: inline-block;
width: 40px;
height: 40px;
background-repeat: no-repeat
}
.icon.black {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/passage_icons_black.png)
}
.icon.white {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/passage_icons_white.png)
}
.icon.green {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/passage_icons_green.png)
}
.icon.grey {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/passage_icons_grey.png)
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:150/100),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-resolution:160dpi) {
.icon.retina {
width: 40px;
height: 40px;
background-repeat: no-repeat;
-o-background-size: 3000px 40px;
-webkit-background-size: 3000px 40px;
-moz-background-size: 3000px 40px;
background-size: 3000px 40px
}
.icon.retina.black {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/passage_icons_black@1_5x.png)
}
.icon.retina.white {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/passage_icons_white@1_5x.png)
}
.icon.retina.green {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/passage_icons_green@1_5x.png)
}
.icon.retina.grey {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/passage_icons_grey@1_5x.png)
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2.0),
only screen and (min--moz-device-pixel-ratio:2.0),
only screen and (-o-min-device-pixel-ratio:200/100),
only screen and (min-device-pixel-ratio:2.0),
only screen and (min-resolution:210dpi) {
.icon.retina {
width: 40px;
height: 40px;
background-repeat: no-repeat;
-o-background-size: 3000px 40px;
-webkit-background-size: 3000px 40px;
-moz-background-size: 3000px 40px;
background-size: 3000px 40px
}
.icon.retina.black {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/passage_icons_black@2x.png)
}
.icon.retina.white {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/passage_icons_white@2x.png)
}
.icon.retina.green {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/passage_icons_green@2x.png)
}
.icon.retina.grey {
background-image: url(//drmarnie.ca/wp-content/themes/passage/css/img/passage_icons_grey@2x.png)
}
}
.icon.mobile {
background-position: 0 0
}
.icon.ipad {
background-position: -40px 0
}
.icon.laptop {
background-position: -80px 0
}
.icon.psp {
background-position: -120px 0
}
.icon.connection {
background-position: -160px 0
}
.icon.maximize {
background-position: -200px 0
}
.icon.web_camera {
background-position: -240px 0
}
.icon.floppy {
background-position: -280px 0
}
.icon.desktop {
background-position: -320px 0
}
.icon.picture {
background-position: -360px 0
}
.icon.camera {
background-position: -400px 0
}
.icon.book {
background-position: -440px 0
}
.icon.town {
background-position: -480px 0
}
.icon.cup {
background-position: -520px 0
}
.icon.lock {
background-position: -560px 0
}
.icon.unlock {
background-position: -600px 0
}
.icon.avatar {
background-position: -640px 0
}
.icon.rss {
background-position: -680px 0
}
.icon.battery {
background-position: -720px 0
}
.icon.configuration {
background-position: -760px 0
}
.icon.chery {
background-position: -800px 0
}
.icon.truck {
background-position: -840px 0
}
.icon.airplane {
background-position: -880px 0
}
.icon.ship {
background-position: -920px 0
}
.icon.notes {
background-position: -960px 0
}
.icon.information {
background-position: -1000px 0
}
.icon.call_24h {
background-position: -1040px 0
}
.icon.looking_glass {
background-position: -1080px 0
}
.icon.heands {
background-position: -1120px 0
}
.icon.glass {
background-position: -1160px 0
}
.icon.umbrella {
background-position: -1200px 0
}
.icon.globe_arrow {
background-position: -1240px 0
}
.icon.globe {
background-position: -1280px 0
}
.icon.earth {
background-position: -1320px 0
}
.icon.monkey {
background-position: -1360px 0
}
.icon.map_marker {
background-position: -1400px 0
}
.icon.mail {
background-position: -1440px 0
}
.icon.phone {
background-position: -1480px 0
}
.icon.news {
background-position: -1520px 0
}
.icon.signal {
background-position: -1560px 0
}
.icon.microphone {
background-position: -1600px 0
}
.icon.clock {
background-position: -1640px 0
}
.icon.key {
background-position: -1680px 0
}
.icon.shield {
background-position: -1720px 0
}
.icon.dashboard {
background-position: -1760px 0
}
.icon.sitemap {
background-position: -1800px 0
}
.icon.hearth {
background-position: -1840px 0
}
.icon.cloud {
background-position: -1880px 0
}
.icon.light_bulb {
background-position: -1920px 0
}
.icon.recycle {
background-position: -1960px 0
}
.icon.car {
background-position: -2000px 0
}
.icon.man {
background-position: -2040px 0
}
.icon.woman {
background-position: -2080px 0
}
.icon.rocket {
background-position: -2120px 0
}
.icon.tool {
background-position: -2160px 0
}
.icon.anchor {
background-position: -2200px 0
}
.icon.boat {
background-position: -2240px 0
}
.icon.life_belt {
background-position: -2280px 0
}
.icon.lunch_set {
background-position: -2320px 0
}
.icon.bicycle {
background-position: -2360px 0
}
.icon.chain {
background-position: -2400px 0
}
.icon.flame {
background-position: -2440px 0
}
.icon.calendar {
background-position: -2480px 0
}
.icon.brightness {
background-position: -2520px 0
}
.icon.roller {
background-position: -2560px 0
}
.icon.music {
background-position: -2600px 0
}
.icon.jacket {
background-position: -2640px 0
}
.icon.graf {
background-position: -2680px 0
}
.icon.axes {
background-position: -2720px 0
}
.icon.bomb {
background-position: -2760px 0
}
.icon.leaf {
background-position: -2800px 0
}
.icon.bolt {
background-position: -2840px 0
}
.icon.deer {
background-position: -2880px 0
}
.icon.info {
background-position: -2920px 0
}
.icon.comment {
background-position: -2960px 0
}
.full_width .parallax_content {
width: 1260px;
margin: 0 auto
}
body.normal .full_width .parallax_content {
width: 1000px
}
body.small .full_width .parallax_content {
width: 768px
}
.parallax section {
background-repeat: no-repeat;
background-color: transparent;
background-attachment: fixed;
background-position: center 0;
padding: 1px 40px
}
.touch .parallax section {
background-attachment: scroll
}
.latest_post_holder ul {
overflow: hidden;
display: block;
position: relative
}
.latest_post_holder ul li {
float: left;
display: block;
position: relative;
margin: 0 0 25px 0
}
.latest_post_holder ul li.three {
width: 32%;
padding: 0 2% 0 0
}
.latest_post_holder ul li.four {
width: 23.5%;
padding: 0 2% 0 0
}
.latest_post_holder ul li.five {
width: 19.2%;
padding: 0 1% 0 0
}
.latest_post_holder ul li:last-child {
padding: 0
}
.latest_post {
display: block;
background-color: #fff;
border-bottom: 5px solid #ccc;
-webkit-transform: translateZ(0px);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.latest_post:hover {
border-color: #69b200
}
.latest_post a {
display: block;
position: relative
}
.latest_post a img {
display: block;
position: relative;
width: 100%;
max-height:217px;
}
.latest_post .latest_post_text {
position: relative;
padding: 23px 24px 14px
}
.latest_post .latest_post_text h4 {
margin: 0 0 8px;
text-transform: uppercase
}
.latest_post .latest_post_text span {
position: relative;
display: block;
margin: 0 0 20px 0
}
.progress_bars_vertical_holder {
display: inline-block;
width: 100%;
position: relative
}
.progress_bars_vertical {
display: inline-block;
position: relative;
float: left;
margin: 0 .3% 0 0
}
.progress_bars_vertical:last-child {
margin: 0
}
.progress_bars_vertical .progress_content_outer {
height: 200px;
position: relative
}
.progress_bars_vertical .progress_content_outer .progress_content {
display: inline-block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
border: 0;
background: 0;
background-color: #69b200
}
.progress_bars_vertical .progress_number {
font-family: "Open Sans", sans-serif;
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #333;
margin: 25px 0 10px;
display: block;
position: relative
}
.progress_bars_vertical .progress_title {
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: #333;
display: block
}
.fade_in_circle_holder {
display: block;
cursor: pointer;
overflow: hidden
}
.fade_in_circle_holder a {
display: inline-block;
float: left;
overflow: hidden;
-webkit-backface-visibility: hidden
}
.fade_in_circle_holder.left .service_text {
margin: 0 0 0 20px;
padding-left: 120px;
position: relative
}
.fade_in_circle_holder.center a {
width: 100%;
float: none
}
.fade_in_circle_holder.center .service_text {
float: none;
margin: 15px 0 0;
padding-left: 0;
text-align: center
}
.fade_in_circle {
display: table;
position: relative;
float: left;
width: 120px;
height: 120px;
background-color: #69b200;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);
-ms-transform: scale(0.1);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-backface-visibility: hidden;
z-index: 2000
}
.fade_in_circle.center {
float: none;
margin: 0 auto
}
.fade_in_content {
display: table-cell;
vertical-align: middle;
text-align: center;
overflow: hidden;
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
-webkit-backface-visibility: hidden
}
.fade_in_content h4 {
margin: 0
}
.fade_in_circle.animate_circle {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.fade_in_content.animate_content {
opacity: 1;
filter: alpha(opacity=100);
transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
transition-delay: .3s;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s
}
.fade_in_content.animate_content * {
transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in
}
.fade_in_content.animate_content:hover * {
transition: all .3s ease-in;
-webkit-transition: all .3s ease-in 0s;
-moz-transition: all .3s ease-in 0s;
-o-transition: all .3s ease-in 0s
}
.animate_from_bottom_right {
-webkit-transform: translate(40px, 40px);
-moz-transform: translate(40px, 40px);
-o-transform: translate(40px, 40px);
-ms-transform: translate(40px, 40px);
transform: translate(40px, 40px)
}
.animate_from_top_right {
-webkit-transform: translate(40px, -40px);
-moz-transform: translate(40px, -40px);
-o-transform: translate(40px, -40px);
-ms-transform: translate(40px, -40px);
transform: translate(40px, -40px)
}
.animate_from_bottom_left {
-webkit-transform: translate(-40px, 40px);
-moz-transform: translate(-40px, 40px);
-o-transform: translate(-40px, 40px);
-ms-transform: translate(-40px, 40px);
transform: translate(-40px, 40px)
}
.animate_from_top_left {
-webkit-transform: translate(-40px, -40px);
-moz-transform: translate(-40px, -40px);
-o-transform: translate(-40px, -40px);
-ms-transform: translate(-40px, -40px);
transform: translate(-40px, -40px)
}
.animate_from_top {
-webkit-transform: translate(0px, -40px);
-moz-transform: translate(0px, -40px);
-o-transform: translate(0px, -40px);
-ms-transform: translate(0px, -40px);
transform: translate(0px, -40px)
}
.animate_from_bottom {
-webkit-transform: translate(0px, 40px);
-moz-transform: translate(0px, 40px);
-o-transform: translate(0px, 40px);
-ms-transform: translate(0px, 40px);
transform: translate(0px, 40px)
}
.animate_from_left {
-webkit-transform: translate(-40px, 0px);
-moz-transform: translate(-40px, 0px);
-o-transform: translate(-40px, 0px);
-ms-transform: translate(-40px, 0px);
transform: translate(-40px, 0px)
}
.animate_from_right {
-webkit-transform: translate(40px, 0px);
-moz-transform: translate(40px, 0px);
-o-transform: translate(40px, 0px);
-ms-transform: translate(40px, 0px);
transform: translate(40px, 0px)
}
.fade_in_content.animate_go_to_top:hover * {
-webkit-transform: translate(0px, -300px);
-moz-transform: translate(0px, -300px);
-o-transform: translate(0px, -300px);
-ms-transform: translate(0px, -300px);
transform: translate(0px, -300px)
}
.fade_in_content.animate_go_to_bottom:hover * {
-webkit-transform: translate(0px, 300px);
-moz-transform: translate(0px, 300px);
-o-transform: translate(0px, 300px);
-ms-transform: translate(0px, 300px);
transform: translate(0px, 300px)
}
.fade_in_content.animate_go_to_left:hover * {
-webkit-transform: translate(-300px, 0px);
-moz-transform: translate(-300px, 0px);
-o-transform: translate(-300px, 0px);
-ms-transform: translate(-300px, 0px);
transform: translate(-300px, 0px)
}
.fade_in_content.animate_go_to_right:hover * {
-webkit-transform: translate(300px, 0px);
-moz-transform: translate(300px, 0px);
-o-transform: translate(300px, 0px);
-ms-transform: translate(300px, 0px);
transform: translate(300px, 0px)
}
.fade_in_content.animate_go_to_top_left:hover * {
-webkit-transform: translate(-300px, -300px);
-moz-transform: translate(-300px, -300px);
-o-transform: translate(-300px, -300px);
-ms-transform: translate(-300px, -300px);
transform: translate(-300px, -300px)
}
.fade_in_content.animate_go_to_top_right:hover * {
-webkit-transform: translate(300px, -300px);
-moz-transform: translate(300px, -300px);
-o-transform: translate(300px, -300px);
-ms-transform: translate(300px, -300px);
transform: translate(300px, -300px)
}
.fade_in_content.animate_go_to_bottom_left:hover * {
-webkit-transform: translate(-300px, 300px);
-moz-transform: translate(-300px, 300px);
-o-transform: translate(-300px, 300px);
-ms-transform: translate(-300px, 300px);
transform: translate(-300px, 300px)
}
.fade_in_content.animate_go_to_bottom_right:hover * {
-webkit-transform: translate(300px, 300px);
-moz-transform: translate(300px, 300px);
-o-transform: translate(300px, 300px);
-ms-transform: translate(300px, 300px);
transform: translate(300px, 300px)
}
.fade_in_content.animate_full_rotate:hover * {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
.fade_in_content.animate_half_rotate:hover * {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fade_in_content.animate_scale:hover * {
transform: scale(1.5);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5)
}
@keyframes shake {
0% {
transform: translate(4px, 0)
}
50% {
transform: translate(-4px, 0)
}
100% {
transform: translate(0, 0)
}
}
@-moz-keyframes shake {
0% {
-moz-transform: translate(4px, 0)
}
50% {
-moz-transform: translate(-4px, 0)
}
100% {
-moz-transform: translate(0, 0)
}
}
@-webkit-keyframes shake {
0% {
-webkit-transform: translate(4px, 0)
}
50% {
-webkit-transform: translate(-4px, 0)
}
100% {
-webkit-transform: translate(0, 0)
}
}
.animate_shake {
animation-name: shake;
animation-duration: 150ms;
animation-iteration-count: 6;
animation-timing-function: linear;
-moz-animation-name: shake;
-moz-animation-duration: 150ms;
-moz-animation-iteration-count: 6;
-moz-animation-timing-function: linear;
-webkit-animation-name: shake;
-webkit-animation-duration: 150ms;
-webkit-animation-iteration-count: 6;
-webkit-animation-timing-function: linear
}
.fade_in_content.animate_shake_hover:hover {
animation-name: shake;
animation-duration: 150ms;
animation-iteration-count: 5;
animation-timing-function: linear;
-moz-animation-name: shake;
-moz-animation-duration: 150ms;
-moz-animation-iteration-count: 5;
-moz-animation-timing-function: linear;
-webkit-animation-name: shake;
-webkit-animation-duration: 150ms;
-webkit-animation-iteration-count: 5;
-webkit-animation-timing-function: linear
}
footer {
display: block;
width: 100%;
margin: 30px auto 0 auto;
position: relative
}
footer a,
footer p {
color: #999
}
.footer_top_holder {
width: 100%;
overflow: hidden
}
.footer_top {
background-color: #0d0d0d;
padding: 45px 1000px 35px;
margin: 0 -1000px
}
.footer_top_inner {
padding: 0 50px
}
.footer_top_holder .container_inner .footer_top_inner {
padding: 0
}
.footer_top h6 {
margin: 0 0 10px 0;
color: #fff
}
.footer_top ul li {
margin: 0;
padding: 0;
line-height: 31px;
font-size: 13px
}
.footer_top ul li a {
font-size: 12px;
font-weight: 600;
line-height: 31px
}
.footer_top .social_menu {
line-height: 31px
}
.footer_top .social_menu li {
margin: 0 15px 0 0
}
.footer_top #lang_sel_list {
font-family: 'Open Sans', sans-serif;
height: auto;
position: static;
width: auto;
margin: 0 0 20px 0
}
.footer_top #lang_sel_list ul {
border-top: 0;
height: auto;
width: auto
}
.footer_top #lang_sel_list ul li {
float: none;
margin: 0 0 0!important;
width: 100%
}
.footer_top #lang_sel_list ul li a {
border: 0;
background: 0;
line-height: 31px;
padding: 0;
font-size: 12px;
font-weight: 600;
text-transform: uppercase
}
.footer_top #lang_sel_list a,
.footer_top #lang_sel_list a:visited {
color: #999
}
.footer_top #lang_sel_list a:hover,
.footer_top #lang_sel_list a.lang_sel_sel:hover,
.footer_top #lang_sel_list a.lang_sel_sel:hover {
color: #69b200
}
.footer_top #lang_sel_list ul li a.lang_sel_sel {
color: #fff
}
.footer_top #lang_sel ul ul,
.footer_top #lang_sel_click ul ul {
width: 100%;
top: 30px;
border-top: 0
}
.footer_top #lang_sel,
.footer_top #lang_sel_click {
width: 100%;
height: auto;
font-family: 'Open Sans', sans-serif
}
.footer_top #lang_sel ul li,
.footer_top #lang_sel_click ul li {
width: 100%;
border: 0
}
.footer_top #lang_sel a,
.footer_top #lang_sel a:visited,
.footer_top #lang_sel_click a,
.footer_top #lang_sel_click a:visited {
line-height: 30px;
border: 0;
text-transform: uppercase;
color: #4c4c4c
}
.footer_top #lang_sel a.lang_sel_sel:hover,
.footer_top #lang_sel_click a.lang_sel_sel:hover {
color: #4c4c4c
}
.footer_top #lang_sel_click ul ul a:hover,
.footer_top #lang_sel ul ul a:hover {
background-color: #69b200;
color: #fff
}
.footer_top #lang_sel ul ul a,
.footer_top #lang_sel ul ul a:visited,
.footer_top #lang_sel_click ul ul a,
.footer_top #lang_sel_click ul ul a:visited {
line-height: 30px;
border: 0;
padding: 0 10px
}
#lang_sel_footer {
background-color: #0d0d0d;
border: 0;
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
color: #999;
font-size: 10px
}
#lang_sel_footer ul li a {
color: #949494
}
#lang_sel_footer ul li a.lang_sel_sel {
color: #fff
}
#lang_sel_footer ul li a:hover,
#lang_sel_footer ul li a.lang_sel_sel:hover {
color: #69b200
}
.footer_bottom_holder {
background-color: transparent
}
.footer_bottom {
display: block;
text-align: center;
line-height: 31px;
height: 30px
}
.footer_bottom p {
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 30px;
margin: 0
}
.footer_bottom a {
font-weight: 600;
font-size: 12px;
color: #69b200
}::selection {    background: #55c2eb;} ::-moz-selection {    background: #55c2eb;}body {	 background-color:#ffffff; 						background-image: none;	}header{	background:none;	background-color: rgb(255,255,255);	background-color: rgba(255,255,255,1);}header.move_menu{	background-color: rgb(255,255,255);	background-color: rgba(255,255,255,1);}	.container.top_move .container_inner,	.full_width,	.filter_outer h5,	.filter_holder ul,	.title_with_line,	.title_with_line_holder a,	.tabs.transparent .tabs-nav li.active a{		background-color:#FFFFFF;	}#magic,.button,input[type='submit'],.load_more a,.social_menu li a:hover,.social_share_holder ul li a:hover .social_image .social_image_inner,.pagination ul li span,.pagination ul li a:hover,.accordion_holder.accordion h5:hover,.circle_item .circle:hover,.highlight,.list.number_small ul > li:before,.price_table_inner ul li.price_button,.progress_bars .progress_content,#back_to_top:hover,.pie_graf_legend ul li .color_holder,.line_graf_legend ul li .color_holder,.widget.widget_search form input[type="submit"],.widget .tagcloud a,aside  #lang_sel_click ul ul a:hover, aside #lang_sel ul ul a:hover,.progress_bars_vertical .progress_content_outer .progress_content,.footer_top #lang_sel_click ul ul a:hover,.footer_top #lang_sel ul ul a:hover,.fade_in_circle{	background-color: #55c2eb;}a:hover, p a:hover,.header_right_widget #lang_sel ul > li:hover > a,.header_right_widget #lang_sel ul li ul li:hover a,.header_right_widget #lang_sel_click ul li ul li:hover a,.header_right_widget #lang_sel_click ul > li:hover > a.lang_sel_sel,.header_right_widget #lang_sel_list a:hover, .header_right_widget #lang_sel_list a.lang_sel_other:hover,.drop_down .second .inner2 ul li:hover a,.drop_down .second .inner2 ul li.sub ul li:hover a,.drop_down .second .inner2 ul.right li:hover a,.drop_down .second .inner2 ul.right li.sub ul li:hover a,.drop_down2 .second .mc a,.title_with_line_holder a:hover,.filter_holder ul li:hover span,.filter_holder ul li.active span,.projects_type2 article:hover .text_holder_inner h4 a,.projects_type2 .text_holder_inner .portfolio_category:hover,.projects_type1 article:hover .text_holder_inner h4 a,.projects_type1 .text_holder_inner .portfolio_category:hover,.blog_single_holder article .blog_single_text_holder .info span a:hover,.blog_single_holder article .blog_title_holder span a:hover,.dropcap,.circle_item .circle,.circle_item .circle a,.tabs .tabs-nav li a:hover,blockquote p,.list.number ul > li:before,.list.circle ul > li:before,.price_table_inner.active .price_in_table .price,.price_table_inner:hover .price_in_table .price,.progress_bars .progress_number,aside .widget ul li a:hover,#wp-calendar td a,aside #lang_sel_list ul li a:hover,aside #lang_sel_list a.lang_sel_sel:hover,aside #lang_sel_list a.lang_sel_sel,.footer_top #lang_sel_list a:hover,.footer_top #lang_sel_list a.lang_sel_sel:hover,.footer_top #lang_sel_list a.lang_sel_sel:hover,#lang_sel_footer ul li a:hover,#lang_sel_footer ul li a.lang_sel_sel:hover,.footer_bottom a{	color: #55c2eb;}.menuHoverOn nav.main_menu > ul > li:hover > a span,.box_holder_border:hover,.projects_type2 article:hover,.blog_holder_list article.mix:hover,blockquote,.latest_post:hover{	border-color: #55c2eb;}h2,h2 a{						font-weight: 200; }h3, h3 a{			font-size: 18px; 	line-height: 19px; 		}h4, h4 a{			font-size: 18px; 	line-height: 19px; 		}a, p a{	color: #1F67AB;			}a:hover, p a:hover{	color: #2887e0;	}nav.main_menu > ul > li > a,.selectnav ul li a{	 color: #000000; 						}.header_right_widget #lang_sel_click ul > li > a.lang_sel_sel,.header_right_widget #lang_sel ul > li > a.lang_sel_sel,.header_right_widget #lang_sel_list a,.header_right_widget #lang_sel_list a:visited {	 color: #000000; 					}nav.main_menu ul li:hover > a,nav.main_menu ul li.active > a,nav.main_menu > ul > li.has_sub:hover > a,.header_right_widget #lang_sel_click ul > li:hover > a.lang_sel_sel,.header_right_widget #lang_sel ul > li:hover > a.lang_sel_sel,.header_right_widget #lang_sel_list a:hover,.header_right_widget #lang_sel_list a.lang_sel_other:hover{	color: #ffffff !important;;}.second a.have_sub,.second a.no_sub,.drop_down2 .second > ul > li > a,.drop_down .second .inner2 > ul > li > a{	 color: #ffffff !important; 					}.header_right_widget #lang_sel_click ul li ul li a,.header_right_widget #lang_sel_click ul li ul li a:visited,.header_right_widget #lang_sel ul li ul li ul li a,.header_right_widget #lang_sel ul ul a:visited{	 color: #ffffff; 					}.second a.have_sub:hover,.second a.no_sub:hover,.drop_down2 .second ul li:hover > a,.drop_down .second .inner2 ul > li:hover > a,.header_right_widget #lang_sel_click ul li ul li:hover a,.header_right_widget #lang_sel ul li ul li:hover a,.header_right_widget #lang_sel_click ul li ul li a:hover,.header_right_widget #lang_sel ul li ul li a:hover {	color: #55c2eb !important;}.drop_down .second .inner2,.drop_down .second .inner ul li ul,.header_right_widget #lang_sel ul ul,.header_right_widget #lang_sel_click ul ul,.drop_down2 .second .inner{	background-color: rgb(0,0,0);	background-color: rgba(0,0,0,0.7);}nav.main_menu > ul > li:hover > a,nav.main_menu > ul > li.has_sub:hover > a{    background-color: rgba(85,194,235,0.9); } .footer_bottom, .footer_bottom p, #lang_sel_footer ul li a{			color:#ffffff;					background-color:#858585;	} 	.footer_top ul li a:hover, .footer_top #lang_sel_list ul li a:hover, .footer_top #lang_sel_list a:hover{		color: #2887e0;	}.button, input[type="submit"],input[type="password"], .load_more a{	color: #FFFFFF; 		background-color: #5B7D96; }.button:hover,input[type='submit']:hover, .load_more a{	 color: #dfe3e6 !important; }.header_right_widget .social_menu li a{	background-color: #d4d4d4;}.social_menu li a{	background-color: #9dbacf;}@media only screen and (min-width:1200px) and (max-width:1300px){body.large .container_inner,body.large .drop_down2 .second,body.large .drop_down2 .second .inner2,body.normal .drop_down2 .second,body.normal .drop_down2 .second .inner2,.full_width .parallax_content{width:1200px}.posts_holder article .post_text_inner{min-height:160px}}@media only screen and (min-width:990px) and (max-width:1200px){body.large .container_inner,body.large .drop_down2 .second,body.large .drop_down2 .second .inner2,body.normal .drop_down2 .second,body.normal .drop_down2 .second .inner2,.full_width .parallax_content{width:1000px}.posts_holder article .post_text_inner{min-height:160px}}@media only screen and (min-width:768px) and (max-width:990px){body.large .container_inner,body.normal .container_inner,body.large .drop_down2 .second,body.large .drop_down2 .second .inner2,body.normal .drop_down2 .second,body.normal .drop_down2 .second .inner2,body.small .drop_down2 .second,body.small .drop_down2 .second .inner2,body.normal .full_width .parallax_content,.full_width .parallax_content{width:768px}nav.main_menu ul li a{padding:0 8px}.projects_holder.v4 .mix{width:32%;margin:0 0 2%}.projects_holder.v4 .filler{width:31.5%}.projects_holder.v3 .mix{width:48.9%;margin:0 0 2.2%}.projects_holder.v3 .filler{width:48.9%}.portfolio_gallery a.v4{width:32%;margin:0 2% 2% 0!important}.portfolio_gallery a.v4:nth-child(3n){margin:0 0 2% 0!important}.posts_holder article .post_text_inner{min-height:155px}.blog_holder_list article.mix{width:48.2%;margin:0 0 3.5%}.price_table.v4{width:49.5%;margin:0 .5% 25px 0}.price_table.v4:nth-child(2n){margin:0 0 25px 0}.price_table.v3{width:49.75%;margin:0 .5% 25px 0}.price_table.v3:nth-child(2n){margin:0 0 25px 0}.latest_post_holder ul li.four,.latest_post_holder ul li.five{width:49%;padding:0 2% 0 0}.latest_post_holder ul li.four:nth-child(2n),.latest_post_holder ul li.five:nth-child(2n){padding:0}.widget.widget_search form input[type="submit"]{padding:0;font-size:11px}.two_columns_50_50 .line_graf,.two_columns_66_33 .line_graf,.two_columns_33_66 .line_graf,.two_columns_75_25 .line_graf,.two_columns_25_75 .line_graf,.two_columns_75_25 .line_graf,.three_columns .line_graf,.four_columns .line_graf,.two_columns_50_50 .pie_graf,.two_columns_66_33 .pie_graf,.two_columns_33_66 .pie_graf,.two_columns_75_25 .pie_graf,.two_columns_25_75 .pie_graf,.two_columns_75_25 .pie_graf,.three_columns .pie_graf,.four_columns .pie_graf{margin:0;width:100%}.two_columns_50_50 .line_graf canvas,.two_columns_66_33 .line_graf canvas,.two_columns_33_66 .line_graf canvas,.two_columns_75_25 .line_graf canvas,.two_columns_25_75 .line_graf canvas,.two_columns_75_25 .line_graf canvas,.three_columns .line_graf canvas,.four_columns .line_graf canvas,.two_columns_50_50 .pie_graf canvas,.two_columns_66_33 .pie_graf canvas,.two_columns_33_66 .pie_graf canvas,.two_columns_75_25 .pie_graf canvas,.two_columns_25_75 .pie_graf canvas,.two_columns_75_25 .pie_graf canvas,.three_columns .pie_graf canvas,.four_columns .pie_graf canvas,.two_columns_50_50 .pie_graf_legend,.two_columns_66_33 .pie_graf_legend,.two_columns_33_66 .pie_graf_legend,.two_columns_75_25 .pie_graf_legend,.two_columns_25_75 .pie_graf_legend,.two_columns_75_25 .pie_graf_legend,.three_columns .pie_graf_legend,.four_columns .pie_graf_legend,.two_columns_50_50 .line_graf_legend,.two_columns_66_33 .line_graf_legend,.two_columns_33_66 .line_graf_legend,.two_columns_75_25 .line_graf_legend,.two_columns_25_75 .line_graf_legend,.two_columns_75_25 .line_graf_legend,.three_columns .line_graf_legend,.four_columns .line_graf_legend{width:100%!important;height:auto!important}}@media only screen and (min-width:480px) and (max-width:768px){header{position:relative;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important}.header_right_widget{line-height:normal!important;padding:25px 0;margin:4px 0 0}.header_right_widget .textwidget ul{margin:0}.logo{position:relative;top:0}.logo img{top:0}.main_menu{display:none!important}.selectnav{display:block;margin:0}.selectnav_button{display:block}.header_right_widget #lang_sel_click ul>li a.lang_sel_sel,.header_right_widget #lang_sel ul>li a.lang_sel_sel{line-height:26px!important;color:#fff!important;font-size:13px!important;font-weight:600!important}.header_right_widget #lang_sel_click ul li ul li:hover a,.header_right_widget #lang_sel ul li ul li:hover a,.header_right_widget #lang_sel_click ul li ul li a:hover,.header_right_widget #lang_sel ul li ul li a:hover{color:#fff!important}.header_right_widget #lang_sel ul ul,.header_right_widget #lang_sel_click ul ul{top:25px!important;padding-top:30px!important;background-color:#222!important}.header_right_widget #lang_sel_click ul ul a,.header_right_widget #lang_sel_click ul ul a:visited,.header_right_widget #lang_sel ul ul a,.header_right_widget #lang_sel ul ul a:visited{color:#fff;font-size:10px;font-style:normal;line-height:14px;font-family:'Open Sans',sans-serif}.header_right_widget #lang_sel_list a,.header_right_widget #lang_sel_list a:visited{display:inline-block;padding:3px 0 0 10px}.header_right_widget #lang_sel_list ul{padding:0!important}body.large .container_inner,body.normal .container_inner,body.small .container_inner,.full_width .parallax_content,body.normal .full_width .parallax_content,body.small .full_width .parallax_content{width:420px}.two_columns_50_50 .column1,.two_columns_50_50 .column2,.three_columns .column1,.three_columns .column2,.three_columns .column3,.two_columns_66_33 .column1,.two_columns_66_33 .column2,.two_columns_33_66 .column1,.two_columns_33_66 .column2,.two_columns_75_25 .column1,.two_columns_75_25 .column2,.two_columns_25_75 .column1,.two_columns_25_75 .column2,.four_columns .column1,.four_columns .column2,.four_columns .column3,.four_columns .column4{width:100%;border:0;margin:0 0 20px 0}.two_columns_50_50 .column1 .column_inner,.two_columns_50_50 .column2 .column_inner,.three_columns .column1 .column_inner,.three_columns .column2 .column_inner,.three_columns .column3 .column_inner,.two_columns_66_33 .column1 .column_inner,.two_columns_66_33 .column2 .column_inner,.two_columns_33_66 .column1 .column_inner,.two_columns_33_66 .column2 .column_inner,.two_columns_75_25 .column1 .column_inner,.two_columns_75_25 .column2 .column_inner,.two_columns_25_75 .column1 .column_inner,.two_columns_25_75 .column2 .column_inner,.two_columns_66_33.grid2 .column1 .column_inner,.two_columns_66_33.grid2 .column2 .column_inner,.two_columns_33_66.grid2 .column1 .column_inner,.two_columns_33_66.grid2 .column2 .column_inner,.two_columns_75_25.grid2 .column1 .column_inner,.two_columns_75_25.grid2 .column2 .column_inner,.two_columns_25_75.grid2 .column1 .column_inner,.two_columns_25_75.grid2 .column2 .column_inner,.four_columns .column1 .column_inner,.four_columns .column2 .column_inner,.four_columns .column3 .column_inner,.four_columns .column4 .column_inner{padding:0}.projects_holder.v4 .mix{margin:0 0 9%;width:100%}.projects_holder.v4 .filler{width:100%}.projects_holder.v3 .mix{margin:0 0 9%;width:100%}.projects_holder.v3 .filler{width:100%}.projects_holder.v2 .mix{margin:0 0 9%;width:100%}.projects_holder.v2 .filler{width:100%}.portfolio_gallery a.v3{width:49%;margin:0 2% 2% 0!important}.portfolio_gallery a.v4{width:49%;margin:0 2% 2% 0!important}.portfolio_gallery a.v3:nth-child(2n),.portfolio_gallery a.v4:nth-child(2n){margin:0 0 2% 0!important}.posts_holder article .post_image,.posts_holder article .post_text_holder{width:100%}.posts_holder article .post_text_inner{margin:0;min-height:160px}.blog_holder_list article.mix{width:100%;margin:0 0 7%}.price_table.v4{width:100%;margin:0 0 25px 0}.price_table.v3{width:100%;margin:0 0 25px 0}.two_columns_66_33.background_color_sidebar>.column2,.two_columns_75_25.background_color_sidebar>.column2{min-height:1px!important;padding:0 30px 30px;margin:0 -30px -30px}.two_columns_33_66.background_color_sidebar>.column1,.two_columns_25_75.background_color_sidebar>.column1{min-height:1px!important;padding:30px 30px 0;margin:-30px -30px 30px}.parallax section{height:auto!important;min-height:400px}.latest_post_holder ul li.three,.latest_post_holder ul li.four,.latest_post_holder ul li.five{width:100%;padding:0}#toolbar{display:none!important}.line_graf,.pie_graf{margin:0;width:100%}.line_graf canvas,.pie_graf canvas,.pie_graf_legend,.line_graf_legend{width:100%!important;height:auto!important}.blog_holder article .post_image,.blog_holder article .post_text_holder{width:100%;float:none}.blog_holder article .post_text_inner{margin:0}.comment_holder .comment-list li ul.children,.comment_holder .comment-list li ul.children li ul.children{background-position:0 30px;padding:0 0 0 25px}.comment_holder .comment .text{padding:0}}@media only screen and (max-width:480px){header{position:relative;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important}.header_right_widget{line-height:normal!important;padding:25px 0;margin:4px 0 0}.header_right_widget .textwidget ul{margin:0}.logo{position:relative;top:0}.logo img{top:0}.main_menu{display:none!important}.selectnav{display:block;margin:0}.selectnav_button{display:block}.header_right_widget #lang_sel_click ul>li a.lang_sel_sel,.header_right_widget #lang_sel ul>li a.lang_sel_sel{line-height:26px!important;color:#fff!important;font-size:13px!important;font-weight:600!important}.header_right_widget #lang_sel_click ul li ul li:hover a,.header_right_widget #lang_sel ul li ul li:hover a{color:#fff!important}.header_right_widget #lang_sel ul ul,.header_right_widget #lang_sel_click ul ul{top:25px!important;padding-top:30px!important;background-color:#222!important}.header_right_widget #lang_sel_list a,.header_right_widget #lang_sel_list a:visited{display:inline-block;padding:6px 0 0 10px}.header_right_widget #lang_sel_list ul{padding:0!important}.header_right_widget #lang_sel_click ul ul a,.header_right_widget #lang_sel_click ul ul a:visited,.header_right_widget #lang_sel ul ul a,.header_right_widget #lang_sel ul ul a:visited{color:#fff;font-size:10px;font-style:normal;line-height:14px;font-family:'Open Sans',sans-serif}body.large .container_inner,body.normal .container_inner,body.small .container_inner,.full_width .parallax_content,body.normal .full_width .parallax_content,body.small .full_width .parallax_content{width:300px}.two_columns_50_50 .column1,.two_columns_50_50 .column2,.three_columns .column1,.three_columns .column2,.three_columns .column3,.two_columns_66_33 .column1,.two_columns_66_33 .column2,.two_columns_33_66 .column1,.two_columns_33_66 .column2,.two_columns_75_25 .column1,.two_columns_75_25 .column2,.two_columns_25_75 .column1,.two_columns_25_75 .column2,.four_columns .column1,.four_columns .column2,.four_columns .column3,.four_columns .column4{width:100%;border:0;margin:0 0 20px 0}.two_columns_50_50 .column1 .column_inner,.two_columns_50_50 .column2 .column_inner,.three_columns .column1 .column_inner,.three_columns .column2 .column_inner,.three_columns .column3 .column_inner,.two_columns_66_33 .column1 .column_inner,.two_columns_66_33 .column2 .column_inner,.two_columns_33_66 .column1 .column_inner,.two_columns_33_66 .column2 .column_inner,.two_columns_75_25 .column1 .column_inner,.two_columns_75_25 .column2 .column_inner,.two_columns_25_75 .column1 .column_inner,.two_columns_25_75 .column2 .column_inner,.two_columns_66_33.grid2 .column1 .column_inner,.two_columns_66_33.grid2 .column2 .column_inner,.two_columns_33_66.grid2 .column1 .column_inner,.two_columns_33_66.grid2 .column2 .column_inner,.two_columns_75_25.grid2 .column1 .column_inner,.two_columns_75_25.grid2 .column2 .column_inner,.two_columns_25_75.grid2 .column1 .column_inner,.two_columns_25_75.grid2 .column2 .column_inner,.four_columns .column1 .column_inner,.four_columns .column2 .column_inner,.four_columns .column3 .column_inner,.four_columns .column4 .column_inner{padding:0}.projects_holder.v4 .mix{margin:0 0 9%;width:100%}.projects_holder.v4 .filler{width:100%}.projects_holder.v3 .mix{margin:0 0 9%;width:100%}.projects_holder.v3 .filler{width:100%}.projects_holder.v2 .mix{margin:0 0 9%;width:100%}.projects_holder.v2 .filler{width:100%}.portfolio_gallery a.v2{width:100%;margin:0 0 2% 0!important}.portfolio_gallery a.v3{width:100%;margin:0 0 2% 0!important}.portfolio_gallery a.v4{width:100%;margin:0 0 2% 0!important}.posts_holder article .post_image,.posts_holder article .post_text_holder{width:100%}.posts_holder article .post_text_inner{margin:0;min-height:170px}.blog_holder_list article.mix{width:100%;margin:0 0 10%}.price_table.v4{width:100%;margin:0 0 25px 0}.price_table.v3{width:100%;margin:0 0 25px 0}.button.large{padding:19px 47px}.two_columns_66_33.background_color_sidebar>.column2,.two_columns_75_25.background_color_sidebar>.column2{min-height:1px!important;padding:0 30px 30px;margin:0 -30px -30px}.two_columns_33_66.background_color_sidebar>.column1,.two_columns_25_75.background_color_sidebar>.column1{min-height:1px!important;padding:30px 30px 0;margin:-30px -30px 30px}.parallax section{height:auto!important;min-height:400px}.latest_post_holder ul li.three,.latest_post_holder ul li.four,.latest_post_holder ul li.five{width:100%;padding:0}#toolbar{display:none!important}.line_graf,.pie_graf{margin:0;width:100%}.line_graf canvas,.pie_graf canvas,.pie_graf_legend,.line_graf_legend{width:100%!important;height:100%}.blog_holder article .post_image,.blog_holder article .post_text_holder{width:100%;float:none}.blog_holder article .post_text_inner{margin:0}.comment_holder .comment-list li ul.children,.comment_holder .comment-list li ul.children li ul.children{background-position:0 30px;padding:0 0 0 25px}.comment_holder .comment .text{padding:0}}@media only screen and (min-width: 480px) and (max-width: 768px){
#wprmenu_bar{z-index:11111;}
nav.main_menu {
display: block !important;
float: unset;
overflow: hidden !important;
position: relative;
width: 100% !important;
}
.parallax section{
min-height: 200px;
}
.header_right_widget #lang_sel ul ul,
.header_right_widget #lang_sel_click ul ul{
background:none;
background-color: rgb(255,255,255)  !important;
background-color: rgba(255,255,255,1)  !important;
}
}
@media only screen and (max-width: 760px)
{
nav.main_menu {
display: none!important;
}
@media only screen and (max-width: 480px){
#wprmenu_bar{z-index:11111;}
.selectnav_button{display:none!important;}
.header_right_widget #lang_sel ul ul,
.header_right_widget #lang_sel_click ul ul{
background:none;
background-color: rgb(255,255,255)  !important;
background-color: rgba(255,255,255,1)  !important;
}
}.list.number ul>li, .list.number_small ul>li {
list-style: initial;
list-style-position: inside;
position: relative;
left: -30px;
line-height: 1.6em;
padding-bottom: 2px;
} 
.social_menu li a:hover {background-color: #55c2eb;}
body.post-id-80 {
background-color: #F4F4F4 !important;
}
.contact_form input:not([type=submit]), .contact_form textarea {
border: 1px solid #000;
}
.contact_form input:not([type=submit]), .contact_form textarea {
background-color: #f4f4f4;
}
.contact-form input[type='text'], .contact-form input[type='email'] {
border: 1px solid #000;
}
h4 a {
color: #1F67AB;
}
h2.index-subheadline {
text-align: center;
font-size: 18px;
font-style: bold;
}
h2.section-heading {
font-size: 14px;
font-style: bold;
}
table.standard_table
{
border:1px;
width: 600px;
margin-left: auto;
margin-right: auto;
border-collapse: initial;
border: 1px solid black;
}
table.standard_table, th, td
{
border-collapse: initial;
border: 1px solid black;
}
//CREO24.COM//
input {
background-color: #eee;
}
.header_right_widget #searchform input[type="submit"] {
padding: 0px 20px;
background-color: #55c2df;
}
.latest_post {
display: block;
background-color: #FFF;
border-bottom: 0px solid #CCC;
transition: all 0.3s ease 0s;
}
nav.main_menu ul li:hover > a, nav.main_menu ul li.active > a, nav.main_menu > ul > li.has_sub:hover > a, .header_right_widget #lang_sel_click ul > li:hover > a.lang_sel_sel, .header_right_widget #lang_sel ul > li:hover > a.lang_sel_sel, .header_right_widget #lang_sel_list a:hover, .header_right_widget #lang_sel_list a.lang_sel_other:hover {
color: #000 !important;
}
nav.main_menu ul li.active > a{
color: #000 !important;
}
.simple-theme.wp-posts-carousel{
overflow:visible !important;
}
.owl-nav > div,.owl-nav > div:before{
opacity:1 !important;
}
.owl-nav > .owl-prev{
left:-70px !important;
}
.owl-nav > .owl-next{
right:-70px !important;
}
.simple-theme.wp-posts-carousel:hover .owl-nav .owl-prev{
left:-70px !important;
}
.simple-theme.wp-posts-carousel:hover .owl-nav .owl-next{
right:-70px !important;
}
.single-post .video-container {
display: none;
}
.category .video-container {
display: none;
}
.category .homepage-hero-module {
margin-bottom: 460px;
}
@media only screen and (max-width: 768px){
.left-head-section, .logo, .header_right_widget, .header_inner_right,  .header_right_widget > div{
width:100% !important;
text-align:center;
}
.selectnav_button, nav.main_menu{
display:none !important;
}
.header_right_widget{
padding-top:0px;
}
}.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }/*\*/* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }/**/.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; }  .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }  .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }  .ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #ffffff url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #444444; }
.ui-widget-content a { color: #444444; }
.ui-widget-header { border: 1px solid #dddddd; background: #dddddd url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x; color: #444444; font-weight: bold; }
.ui-widget-header a { color: #444444; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #dddddd; background: #f6f6f6 url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #0073ea; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #0073ea; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #0073ea; background: #0073ea url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dddddd; background: #ffffff url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ff0084; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ff0084; text-decoration: none; }
.ui-widget :active { outline: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #cccccc; background: #ffffff url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #444444; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #ff0084; background: #ffffff url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #222222; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #222222; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }  .ui-icon { width: 16px; height: 16px; background-image: url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-icons_ff0084_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-icons_ff0084_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-icons_0073ea_256x240.png); }
.ui-state-default .ui-icon { background-image: url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-icons_666666_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-icons_0073ea_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-icons_ff0084_256x240.png); } .ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }  .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .ui-widget-overlay { background: #eeeeee url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa url(//drmarnie.ca/wp-content/plugins/mailchimp/assets/css/flick/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } .ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-cover {
display: none; display : block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; }.mc_error_msg, .mc_error_msg a {
color: red;
margin-bottom: 1.0em;
}
.mc_success_msg {
color: green;
margin-bottom: 1.0em;
}
div.mc_interest{
width:100%;
}
#mc_signup_form label.mc_interest_label {
display:inline;
}
.mc_signup_submit {
text-align:center;
}
ul.mc_list {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
ul.mc_list li {
font-size: 14px;
}
#ui-datepicker-div .ui-datepicker-year {
display: none;
}
#ui-datepicker-div.show .ui-datepicker-year {
display: inline;
padding-left: 3px
}
.widget_mailchimpsf_widget .widget-title {
line-height: 1.4em;
margin-bottom: 0.75em;
}
.mc_custom_border_hdr,
#mc_subheader {
line-height: 1.25em;
margin-bottom: 18px;
}
.mc_merge_var {
padding:0;
margin:0;
margin-bottom: 1.0em;
}
.mc_var_label,
.mc_interest_label {
display: block;
margin-bottom: 0.5em;
}
.mc_input {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 8px;
width: 100%;
}
.mc_input.mc_phone {
width: auto;
}
select.mc_select {
margin-top: 0.5em;
padding: 10px 8px;
width: 100%;
}
.mc_address_label {
margin-top: 1.0em;
margin-bottom: 0.5em;
display: block;
}
.mc_address_label ~ select {
padding: 10px 8px;
width: 100%;
}
.mc_list li {
list-style: none;
background: none !important;
}
.mc_interests_header {
font-weight:bold;
margin-top: 1.0em;
margin-bottom: 0.5em;
}
.mc_interest label,
.mc_interest input {
margin-bottom: 0.4em;
}
#mc_signup_submit {
margin-top: 1.5em;
padding: 10px 8px;
width: 80%;
}
#mc_unsub_link a {
font-size: 0.75em;
}
#mc_unsub_link {
margin-top: 1.0em;
}
.mc_header_address,
.mc_email_format {
display: block;
font-weight: bold;
margin-top: 1.0em;
margin-bottom: 0.5em;
}
.mc_email_options {
margin-top: 0.5em;
}
.mc_email_type {
padding-left: 4px;
}
#mc-indicates-required {
width:100%;
margin-top: 1em;
}