@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,700italic,400italic,300italic);
@import url(https://weloveiconfonts.com/api/?family=entypo);



/*override bootstrap*/
.clearfix {clear: both;}
.navbar-brand {float: none; padding: 0;}
.nav > li > a:hover, .nav > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: #272727;}
.form-inline .form-group {margin-bottom: 4px; display: inline-block;}
.form-control {box-shadow: none; height: 52px; margin-bottom:0px; padding: 4px 12px; vertical-align: middle; -webkit-border-radius: 0px; border-radius: 0px;  border:1px solid transparent; background-color: #ededed; background-color: rgba(100,100,100,0.08); font-size: 16px;}
.form-control:focus { border-color: transparent; outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.panel-title {font-size: 20px; font-weight: 300;}
.panel-title > a {color:#8061ab; font-size: 16px;}
.panel-title > a.collapsed {color:inherit;}
.panel {box-shadow: none;}
.panel-group .panel {border-radius: 0; border-left: 0; border-right: 0; border-bottom: 0; background-color: transparent;}
.panel-default > .panel-heading {background-color: transparent; color: inherit; position: relative; border: none; border-radius: 0; padding-top: 6px; padding-bottom: 6px;}
.panel-heading {padding: 16px 0px 14px 16px;}
.panel-heading[class*="rt-icon-"]:before {position: absolute; font-size: 20px; color:#8061ab; left: 20px;}
.accordion-toggle:after {
    font-family: "fontello";
display: block;
content: '\e82a';
position: absolute;
left: 0px;
top:10px;
font-size: 14px;
width: 17px;
height: 17px;
color:#8061ab;
-webkit-transition: background-color 0.2s linear 0s;
-moz-transition: background-color 0.2s linear 0s;
-o-transition: background-color 0.2s linear 0s;
-ms-transition: background-color 0.2s linear 0s;
transition: background-color 0.2s linear 0s;
}
.accordion-toggle.collapsed:after{content: '\e82c'; color:inherit;}
.panel-default {border-color: transparent; }
.panel-group .panel + .panel {margin-top: 0;}
.panel-group .panel-heading + .panel-collapse .panel-body {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 16px;
    border-right: none;
    border-left: none;
    border-bottom: none;
    border-top: none;
}

.breadcrumb {background: transparent; padding: 0; margin-bottom: 0;}
.pagination {margin:88px 0 -20px;}
.pagination > li >  a {
    font-size: 0.8em;
    font-weight: 700;
    padding: 15px 21px;
    color:#fff;
    border:4px solid #fff;
    margin-bottom: 10px;
    margin-right: 9px;
    display: inline-block;
    background-color: transparent;
    border-radius: 0px !important;
}
.pagination > li.active > a, .pagination > li > a:hover, .pagination > li.active > a:hover {background-color: transparent; opacity: 0.9; color:#8061ab; border-color:#8061ab;}
.pagination > li.active > a {color:#8061ab;}
.carousel-indicators {display: none;}
.carousel-control {width:30px; text-shadow:none; opacity: 1;}
.carousel-control:hover {width:30px; text-shadow:none; opacity: 0.5;}
.carousel-control.right, .carousel-control.left {background-image: none;}
.carousel-control > span { width: 39px !important; height: 39px !important;}
.carousel-control .icon-next {margin-left: -32px;}
.carousel-control .icon-prev {margin-left: -7px;}
.carousel-control .icon-prev:before, .carousel-control .icon-next:before {content:"\e833"; font-family: 'fontello'; text-shadow:none; position: absolute; top:10px; left:11px; color:#fff;}
.carousel-control > span.icon-next:before {content:"\e834"; left:13px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {margin: auto;}
.progress {height: 50px; box-shadow: none; background-color: #272727; border-radius: 0; margin-bottom: 10px; border:4px solid #fff; position:relative;}
.progress span {display: inline-block; padding: 10px 19px; position: absolute; clip:auto; z-index: 2; font-size: 12px; font-weight: 700; text-transform: uppercase; text-align: left; color:#fff;}
.progress-bar { -webkit-box-shadow: none; box-shadow: none; padding: 5px 0; position: relative; visibility: hidden;}
.stretchRight {visibility: visible;}
.sr-only {position: static; width:auto; height: auto;}
.progress-bar-info {background-color: #00c1e4;}
.progress-bar-success {background-color: #8061ab;}
.progress-bar-warning {background-color: #8061ab;}
.progress-bar-danger {background-color: #8061ab;}
.thumbnail {padding: 0; border: none;}
.thumbnail .caption {text-align: center;}

.tab-content {border:1px solid #e1e1e1; padding: 30px 30px 24px; -webkit-border-radius: 2px; border-radius: 2px;}
.nav-tabs {border-bottom-color: transparent;  font-size: 16px; margin-top: 00px; margin-bottom: -1px;}
.nav-tabs > li > a {padding: 13px 20px; background-color: #999; color:#fff; margin-right: 0; margin-top: 0px; border-radius: 0;text-align: center;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color:#fff;
    border: 1px solid #e1e1e1;
    border-bottom: 1px solid #fff;
}

hover tab state
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #aba5a6;
}
.alert {border: none;border-radius: 0; padding: 30px 30px 30px 30px;}
.alert-dismissable .close {top:0;}
.btn {
    display: inline-block;
    padding: 6px 34px 6px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    background-image: none;
    text-shadow: none;
    border-radius: 0;
    line-height: 24px;
    border:none;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.btn:hover {
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.btn-default {border:1px solid #ccc;}
.img-rounded {border-radius: 100%;}

blockquote h3 {margin-top: 0; font-style: normal;}

/*vertical*/
#box_wrap > section {padding-top: 90px; padding-bottom: 90px;}
section#features {padding: 90px 0 57px;}
section#skills {padding: 88px 0 80px;}
section#testimonials  {padding-top: 26px; padding-bottom: 10px; height: 500px;}
section#process {padding: 89px 0 0;}
section#services {padding: 89px 0 89px;}
section#prices {padding: 89px 0 89px;}
section#partners {padding: 89px 0 39px;}
section#team {padding: 91px 0 102px;}
section#tweets {padding: 90px 0 92px;}
section#progress  {padding-top: 100px; padding-bottom: 68px;}
section#portfolio {padding: 86px 0 78px;}
section#belowcontent {padding: 89px 0 60px;}
section#info  {padding-top: 82px; padding-bottom: 88px;}
section#middle  {padding-top: 89px; padding-bottom: 89px;}
section#middle .row + .row {margin-top: 40px;}
footer#footer {padding-top: 96px; padding-bottom: 94px; }
section#map_wrap {padding: 0;}
section#mainslider {margin-top: -105px;}
#map {height: 400px;}
section#contact {padding: 65px 0 20px;}
section#choose {padding: 65px 0 20px;}
section#copyright {padding: 44px 0 44px;}
section#abovecontent {padding: 30px 0;}


#contact .nav.nav-tabs li {padding-left: 0px !important; padding-right: 0px !important; width:50% !important;}

.row + .row {margin-top: 20px;}
.title_section .row {display: table;}
.title_section [class*="col-"] {display: table-cell; vertical-align: middle; float: none;}
#land .container, #land .row  {height: 100%;}

@media screen and (max-width: 767px) {
    .title_section .row, .title_section [class*="col-"] {display: block;}
    #land, #land .container, #land .row  {height: auto !important;}
    #mainslider .container, #mainslider .row {display: block;}
    [class*="col-"] + [class*="col-"] {margin-top: 50px;}
    .container {max-width: 450px;}
    #header {text-align: center;}
    #header select {margin: 0 auto; }
    #header [class*="col-"] + [class*="col-"] {margin-top: 10px; margin-bottom: 10px;}
    #partners [class*="col-"] + [class*="col-"] {margin-top: 30px;}
    #portfolioContainer [class*="col-"] + [class*="col-"] {margin-top:20px; margin-bottom: 20px;}
    section#mainslider {margin-top: 0;}
    /*#mainslider .container { padding-top: 150px; padding-bottom: 80px;}
    #mainslider [class*="col-"] + [class*="col-"] {margin-top:10px; margin-bottom: 10px;}
    #mainslider img {max-width: 100%; max-height: 350px; padding:20px 0 0;}
    #mainslider .responisve-container img {max-height: 100%; padding: 0;}
    #mainslider img.negative-margin-60 {margin-top: -20px !important;}*/
    #mainslider img {padding: 0;}
    #header-sticky-wrapper + #middle  {padding-top: 110px;}
    #contact #tc .nav.nav-tabs li a {font-size: 70% !important; padding-left: 5px !important; padding-right: 5px !important; }

}

/*parallax bg*/
.parallax {
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    background-position: 50% 0;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;

/*    -webkit-transition: background-position .3s ease !important;
    -moz-transition: background-position .3s ease !important;
    -o-transition: background-position .3s ease !important;
    -ms-transition: background-position .3s ease !important;
    transition: background-position .3s ease !important;*/

    overflow: hidden;
}
#testimonials {background-image: url(../img/parallax/slogan.jpg);}
#tweets {background-image: url(../img/parallax/tweet.jpg);}



/*main*/
html, body {position: relative; width: 100%; height: 100%;}
::selection {
    background: #8061ab;
    color: #fff;
    }

::-moz-selection {
    background: #8061ab;
    color: #fff;
}
body {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #3c763d;
font-size: 14px;
line-height: 22px;
background-color: #FFF;
overflow-y: scroll;
overflow-x: hidden!important;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #272727;
text-transform: none;
}
h3,
h4,
h5,
h6{font-weight: inherit;}
p{
margin-bottom: 25px;
}

.item-page p {margin-bottom: 25px;}

blockquote, .blockquote {
position: relative;
border: none;
border-left: 10px solid #8061ab;
margin: 20px 0;
padding: 18px 10px 18px 26px;
font-size: 20px;
line-height: 1.4;
font-style: italic;
}
sup, .sup {
 position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
top: -0.5em;
}
sub, .sub {
 position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
bottom: -0.25em;
}

img {max-width: 100%;}
a {
    color: #8061ab;
    text-decoration: none;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

a:hover {
    color: #272727;
    text-decoration: none;
    -webkit-transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    -o-transition: all 0.15s linear 0s;
    -ms-transition: all 0.15s linear 0s;
    transition: all 0.15s linear 0s;
}

a:focus {
    color: #272727;
    outline: medium none;
    text-decoration: none;
}
iframe{border:none; max-width: 100%;}

.theme_btn {

    font-weight: 400;
    background-color: transparent;
    padding: 16px 28px;
    color: #fff;
    background-color: #8061ab;
    border:1px solid transparent;
    border-radius: 0px;
    line-height: 1;

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}


.theme_btn:active, .theme_btn:hover, .theme_btn:focus{
    background-color: transparent;
    color: #8061ab;
    border-color:#8061ab;
    opacity: 1;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.theme_btn:active {

}

.theme_btn.inverse {
    background-color: transparent;
    border: 1px solid #2d2d2d;
    color: #2d2d2d;
}
.theme_btn.inverse:hover {
    border-color: #8061ab;
    color:#8061ab;
}

.theme_btn + .theme_btn {margin-left: 4px;}

.bg-color1 {background-color: #8061ab;}
.bg-color2 {background-color: #e6557c;}
.bg-color3 {background-color: #00c1e4;}

.theme_btn.color1:hover {background-color: #8061ab !important; border-color: #8061ab !important;}
.theme_btn.color2 {border-color: #e6557c !important; color:#e6557c !important;}
.theme_btn.color2:hover {background-color: #e6557c !important; color:#272727 !important;}
.theme_btn.color3 {border-color: #00c1e4 !important; color:#00c1e4 !important;}
.theme_btn.color3:hover {background-color: #00c1e4 !important; color:#272727 !important;}

.theme_btn.color1.inverse {background-color: #8061ab !important; border-color: #8061ab !important; color:#272727 !important;}
.theme_btn.color1.inverse:hover {background-color: transparent !important; border-color: #8061ab !important; color:#8061ab !important;}
.theme_btn.color2.inverse {background-color: #8061ab !important; color:#272727 !important;}
.theme_btn.color2.inverse:hover {background-color: transparent !important; color:#8061ab !important;}
.theme_btn.color3.inverse {background-color: #00c1e4 !important; color:#272727 !important;}
.theme_btn.color3.inverse:hover {background-color: transparent !important; border-color: #00c1e4 !important; color:#00c1e4 !important;}

/*utilites*/
.not_found {color:#272727; font-weight: 700; font-size: 250px; line-height: 1;  margin:20px 0 -39px; font-family: Arial, sans-serif;}
.not_found + h1 {color:#fff !important; text-transform: uppercase; margin-bottom: 30px;}
.not_found + h1 + h5 {font-weight: 400; font-size: 20px;}
.highlight, #response {color: #8061ab;}
 #response {margin:10px 0;}
.grey {color: #272727;}
.big {font-size: 1.8em; font-weight: 700; line-height: 1.3em;}
.vertical-margin-20 {margin:20px 0 !important;}
.vertical-margin-40 {margin:40px 0 !important;}
.vertical-margin-60 {margin:60px 0 !important;}
.negative-margin-60 {margin-top: -60px !important;}
.block-header {margin-bottom: 14px; margin-top: 0px;font-size: 36px; font-weight: 300;}
@media (max-width: 768px) {
   body p{font-size: 13px}
   .h3{font-size: 16px;}
    .block-header {font-size: 24px; font-weight: 600;}
}
.block-header + h3 {font-size: 22px; margin-top: -10px; position: relative;}
.block-header + p {position: relative; margin-bottom: 30px;}
/*.text-center .block-header + p:after, .block-header + h3:after {display: block; position: absolute; content: ''; width: 110px; height: 1px; background-color: rgba(100,100,100,0.4); bottom: -32px; left: 50%; margin-left: -55px;}
.block-header + h3:after {left: 0; margin-left: 0; bottom: -20px;}
.text-center .block-header + h3:after {left: 50%; margin-left: -55px; bottom: -20px;}
.color_section .block-header + :after {background-color: #fff;}*/
.block > h3 {margin-top: 0; margin-bottom: 18px; }
.page-title{margin:0 0 32px 0;}
.entry-title {margin: 0 0 8px;}
.blog .entry-thumbnail {margin: 32px 0 34px;}
.dropcap {
    display: block;
    float: left;
    font-size: 48px;
    line-height: 1;
    padding: 0 10px 0 0;
    text-align: center;
}
ul.list1 {list-style:none; padding-left: 20px;}
ul.list1 li{position: relative; padding: 8px 0 8px;}
ul.list1 li + li {border-top: 1px solid rgba(100,100,100,0.2);}
ul.list1 li:before{font-family: 'fontello'; content: '\e82c'; display: block; position: absolute; color:#fcfcfc; left:-17px;}
ul.list2 {list-style:none; padding-left: 20px;}
ul.list2 li{position: relative; padding: 8px 0 8px;}
ul.list2 li + li {border-top: 1px solid rgba(100,100,100,0.2);}
ul.list2 li:before{ content: '\2022'; font-size: 30px; display: block; position: absolute; color:#fcfcfc; left:-20px;}
ol.list3 {
    counter-reset: li;
    list-style: none outside none;
    margin-bottom: 4em;
    padding: 0;
}
ol.list3 li{position: relative; padding: 8px 0 8px 34px;}
ol.list3 li:after{
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    position: absolute;
    left:0px;
    top:50%;
    margin-top: -13px;
    font-weight: 700;
    border-radius: 100%;
    color:#fff;
    width: 26px;
    height: 26px;
    background-color: #8061AB;
    text-align: center;
    line-height: 26px;
}
ol.list3 li + li {border-top: 1px solid rgba(100,100,100,0.2);}

/*sections*/


#header {
    position: fixed;
    /*styles for sticky menu*/
    -webkit-box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, 0.05);
    background-color: #2d2d2d;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 0;
    width: 100%;
    z-index: 12000;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
.is-sticky #header {top: 0; background-color: #8061ab; }
#header-sticky-wrapper { background-color: transparent; z-index: 1;}
#header .row {position: relative;}
#header .navbar-brand {
    color:#fff;
    display: block;
    position: absolute;
    padding: 40px 0 40px 0;
    z-index: 10;
    font-size: 175%;
    //width: 100px;
    height: 50px;
    //url(../example/OHT-LogoT.png)//
    background: no-repeat 0 0 transparent;
}

.is-sticky #header .navbar-brand{color:#fff; background:  no-repeat 0 0 transparent; //url(../example/oht-logo.png);
padding: 15px 0 40px 0;
}
#header .navbar-brand img {display: none;}
    #land .single_teaser {width: 268px; margin: 20px auto;}
@media screen and (max-width: 991px) {
    #header .navbar-brand {display: none; }
    ul#tc.nav.nav-tabs li a {font-size: 30px !important;}
}
@media screen and (max-width: 768px) {
    #land {margin-top: 0;}
     #header .navbar-brand {display: block; top:15px; padding: 0px; font-size:150%;}
}
.mainmenu_wrap:before, .mainmenu_wrap:after {display: table; content:""; clear:both;}

#map img {max-width: inherit;}

aside .block + .block {margin-top: 34px;}
.subscribe .form-control {/*max-width: 150px;*/}
.subscribe .form-control:focus {-webkit-box-shadow: none;box-shadow: none;}
.contact-phone {font-size: 40px; font-family: 'Arial', sans-serif; margin-bottom: 40px;}
.contact-email span {font-size: 76px; border: 4px solid #fff; font-weight: 700; color:#272727; padding: 11px 70px;}
.contact-address {color:#272727; font-size: 30px; margin-top: 50px; line-height: 1; font-family: Arial, sans-serif; font-weight: 300;}
.contact-email span a {color:#272727;}
.contact-email span a:hover {color:#fff; cursor: pointer;}

#map_wrap {position: relative;}
#map_wrap .widget_contact {position: absolute; z-index: 2; background-color: #ffffff; top:40px; padding: 20px 20px;
}
@media (max-width: 991px) {
    .contact-email span {font-size: 40px;padding: 11px 40px;}
    #map_wrap .widget_contact {position: static; margin: 40px 0;}
}
@media (max-width: 768px) {
    .contact-phone {font-size: 30px;}
    .contact-email span {font-size: 20px;padding: 11px 10px;}
    .contact-address {font-size: 20px;}
    .subscribe .form-control {width:100%;}
    #footer .block > h3, #footer .widget_text, #footer .subscribe {text-align: center;}
}
#footer .social-icons{margin: 53px 0 50px;}

/*common sections*/
.title_section h2 {font-size: 65px; line-height: 1em;}
.title_section h3 { line-height: 1.4em;}
.grey_section {background-color: #F6F6F6;}
.darkgrey_section {background-color: #272727; color:#fff;}
.dark_section {background-color: #1F1F1F; color:#fff;}
.color_section {background-color: #8061ab; color:#fff;}

.darkgrey_section h1,
.darkgrey_section h2,
.darkgrey_section h3,
.darkgrey_section h4,
.darkgrey_section h5,
.darkgrey_section h6,
.dark_section h1,
.dark_section h2,
.dark_section h3,
.dark_section h4,
.dark_section h5,
.dark_section h6,
.color_section h1,
.color_section h2,
.color_section h3,
.color_section h4,
.color_section h5,
.color_section h6 {color:#fff;}

.darkgrey_section a,
.dark_section a,
.color_section a {color:#fff;}

.darkgrey_section a:hover,
.dark_section a:hover,
.color_section a:hover {color:#8061ab;}

.dark_section .block > h3 { color: #fff; font-size: 26px;}
.dark_section .form-control {border-color:transparent; color:#fff;}
.dark_section .widget_nav_menu a {color:#8061ab;}
.dark_section .widget_nav_menu a:hover {color:#ffffff;}
.dark_section a[class^="socialico-"]:before {}
.dark_section a[class^="socialico-"]:hover:before {}
.dark_section [class^="rt-icon-"] {color:#ffffff !important;}

/*.dark_section .theme_btn, .darkgrey_section .theme_btn {color:#8061ab;}*/
.dark_section .theme_btn:hover, .darkgrey_section .theme_btn:hover {color:#272727; background-color: #fff; border-color: #fff;}
.dark_section .theme_btn.inverse,.darkgrey_section .theme_btn.inverse {color:#fff; background-color: transparent; border-color: #fff;}
.dark_section .theme_btn.inverse:hover, .darkgrey_section .theme_btn.inverse:hover {color:#8061ab; background-color: transparent; border-color: #8061ab;}

.color_section .theme_btn {border-color: #ffffff; color:#272727; background-color: transparent;}
.color_section .theme_btn:hover {border-color: #ffffff; color:#272727; background-color: #ffffff;}
.color_section .theme_btn.inverse {border-color: #272727; color:#272727; background-color: transparent;}
.color_section .theme_btn.inverse:hover {border-color: #ffffff; color:#ffffff; background-color: transparent;}

.bg-color00 {background-color: #8061ab;}
.bg-color0 {background-color: inherit;}
.bg-color1 {background-color: #8061ab;}
.bg-color2 {background-color: #e6557c;}
.bg-color3 {background-color: #00c1e4;}

.border-color1 {border-color: #8061ab !important;}
.border-color2 {border-color: #e6557c !important;}
.border-color3 {border-color: #00c1e4 !important;}

#copyright {text-align: center; font-size: 14px;}
#copyright p { margin-bottom: 0; }
#copyright .navbar-brand {position: relative; top:-14px;}
#copyright .widget_nav_menu ul {float: right;}
#copyright .widget_nav_menu li {display: inline-block; margin-left: 20px; padding: 0;}
#copyright .widget_nav_menu li a:before{display: none;}
#copyright .widget_nav_menu li a:hover{left:auto;}

/* Menu */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    float: left;
    /*display: inline-block;*/
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0 !important;
    left: 100%;
}


/* Menu Skin */
.sf-menu {float: right;}
.sf-menu ul {
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu ul ul {
    margin-top: -17px;
}

.sf-menu a {
    font-size: 12px;
    padding: 0;
    text-decoration: none;
    zoom: 1; /* IE7 */
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.sf-menu a:hover {
    color:#8061ab;
}
.sf-menu > li {
    /*text-align: center;
    padding:28px 0 18px 36px;
    */
}
.sf-menu > li > a {
    padding:40px 20px 40px;
}
.is-sticky .sf-menu > li > a {padding:18px 20px 18px; color: #fff; }

.sf-menu > li:first-child > a {border-left: none;}
.sf-menu > li > a:hover, .sf-menu > li.active > a{
    color:#fff;
    background-color: #111;
    background-color: rgba(0, 0, 0, 0.8);
}
.sf-menu > li li.active > a {
    color: #fff;
    cursor: text;
}


.sf-menu li {
    /*white-space: nowrap;*/ /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
}
.sf-menu ul {
    display: none;
    background-color: #272727;
    padding: 17px 0 17px;
     -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05);
     border:none;
     border-radius: 0;
}

.sf-menu ul li {
padding: 0 30px 0 30px;
}

.sf-menu ul li + li {
}

.sf-menu ul a {
    padding: 10px;
    color:#fff;
}
.sf-menu ul a {
    border-top: 1px solid rgba(100,100,100,0.2);
}
.sf-menu ul a:hover {
    color:#8061ab;
}
.sf-menu ul li:first-child > a {
    border-top: none;
}

.sf-menu ul li:last-child a {
/*    padding-bottom: 0;*/
}
.sf-menu ul ul{
    background-color: #fff;
}
.sf-menu ul ul a {
    color:#272727;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

/*** arrows (for all except IE7) **/
/*.sf-arrows .sf-with-ul*/
.sf-arrows ul .sf-with-ul {
    padding-right: 1.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 3px solid transparent;
    border-top-color: #fff; /* edit this to suit design (no rgba in IE8) */
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    display: block;
    margin-top: -3px;
    margin-right: -30px;
    border-color: transparent;
    border-left-color: #fff; /* edit this to suit design (no rgba in IE8) */
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: #fff;
    opacity: 0.6;
}
.sf-menu [class*="rt-icon-"] {
    font-size: 19px; display: inline-block; margin-right:8px; position: relative;top:-1px; display: none;
}

/*Menu Mobile Layout*/
@media (min-width: 767px){
    #mainmenu {display: block !important;}
    #mainmenu {width:auto !important; opacity: 1 !important; height: auto !important;}
}
@media (max-width: 991px){
    #mainmenu { float: none; text-align: center;}
    .sf-menu > li > a {
        text-align: center;
    }
    .sf-menu ul {text-align: left;}
}
@media (max-width: 767px) {
    #header {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100000;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
    text-align: left;
    border-bottom: none;
    }

    #header-sticky-wrapper {height: auto !important;}

    #mainmenu {
        display: none; margin:0 0 17px 0; padding-top: 60px; position: relative; height: 350px; overflow: auto;
    }
    .main-menu-icon {
        padding: 20px 0;
        display: block;
        cursor: pointer;
        width: 30px;
        float: right;
    }
    .main-menu-icon span {
        margin:0 0 3px 0;
        display: block;
        height: 3px;
        width: 30px;
        background-color: #ffffff;
    }
    .sf-menu > li {
        display: block;
        padding: 0;
        float:none;
    }
    .sf-menu > li + li{
        border-left: none;
    }
    .sf-menu > li > a, .is-sticky .sf-menu > li > a {
        padding: 4px 0;
        margin:10px ;
        text-align: left;
        border-left: none;
    }
    .sf-menu ul {
        text-align: left;
        position: static;
        display: block !important;
        opacity: 1 !important;
        padding: 0 0 0 20px;
        margin: 0 30px 0 0;
        float: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent !important;

    }
    .sf-menu ul li {
        padding: 0;
    }
    .sf-menu ul li + li {border: none;}
    .sf-menu ul ul {
        margin: 1px 0 3px;
    }
    .sf-menu > li > a:hover, .sf-menu > li.active > a {
        background: none;
        border-color: transparent;
        color:#8061ab;
    }
    .sf-menu > li li.active > a, .sf-menu > li li > a:hover {
        background: none;
        border-color: transparent;
        color:#8061ab !important;
    }
    .sf-menu ul a {
        font-weight: 300;
        margin-top: 3px;
        margin-bottom: 3px;
        padding: 5px 0;
        border: none;
        color:#fff;
    }
    .sf-menu ul a:before {
        content: '- ';
    }
    #copyright {text-align: center;}
    #copyright .widget_nav_menu ul {float:none;}
}

.menu-item-number,
.menu-item-desc {display: none; color:#8061ab;
    font-size: 12px; letter-spacing: 0px;}
.is-sticky .menu-item-number,
.is-sticky .menu-item-desc {display: none !important;}


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; height: 100% !important; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block; margin: 0 auto;}
.flexslider .slides .slider_images img {width: auto; display: inline-block; background-color: #8061ab; margin: 0 5px;
-webkit-transition: all 0.2s ease-in-out ;
transition: all 0.2s ease-in-out ;
}
.flexslider .slides .slider_images img:hover {background-color: #8061ab;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; position: relative; overflow: hidden; zoom: 1; height: 100%;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; height: 100% !important;}
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; height: 100% !important; }

@media screen and (max-width: 767px) {
    .flexslider .slides { zoom: 1; height: auto !important; }
}
.carousel li { /*margin-right: 5px;*/ }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
#mainslider .flex-direction-nav {display: none;}
.flex-direction-nav a {
    display: block;
    width: 50px;
    height: 50px;
    margin: -25px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    background-color: #2d2d2d;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 0;
    color: transparent;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.flex-direction-nav .flex-prev { left: 25px; opacity: 1;}
.flex-direction-nav .flex-next { right: 25px; opacity: 1;}
.flexslider:hover .flex-prev {opacity: 0.7;}
.flexslider:hover .flex-next {opacity: 0.7;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.7;}
.flex-direction-nav .flex-disabled { opacity: 0!important;
    filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before {
    background-color: transparent;
    position: absolute;
    font-family: 'fontello';
    content: '\e833';
    color:#fff;
    line-height: 50px;
    font-size: 26px;
    width: 50px;
    height: 50px;
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

.flex-direction-nav a:hover:before {}
.flex-direction-nav a.flex-next:before  { content: '\e834';}
.flex-direction-nav a.flex-next:hover:before  {}

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 26px; text-align: center; z-index: 2;}
#process .flex-control-nav {display: none;}
.flex-control-nav li {margin: 0 ; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {
    overflow: hidden;
    text-indent: -30px;
    cursor: pointer;
    display:inline-block;
    width:18px;
    height:10px;
    margin:0 3px 0 5px;
    background-color: #2d2d2d;
    background-color: rgba(0, 0, 0, 0.7);

}

.flex-control-paging li a:hover {  background-color: #fff }
.flex-control-paging li a.flex-active {  background-color: #fff }

.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;}

/*slider common*/
#mainslider {position: relative; }

.slide_description {position: absolute; left: 0; right: 0;}
.slide_description a.theme_btn{ display: inline-block;}
.imagetitle {
    color: #ffffff;
    display: block;
    font-size: 80px;
    line-height: 0.9em;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.imagetitle strong {
    color:#272727;
}
.imagedesc {font-size: 16px; margin-bottom: 30px; color:#272727;}
.fullwidthimage [class^="col-"] {
    position: static;
    height: 0px;
}
.fullwidthimage .slide_description  {
    max-width: 370px;
    left: 20%;
    max-width: 350px;
}
.fullwidthimage .imagetitle {
    display: inline-block;
    color:#272727;
    padding: 6px 14px 10px;
    background-color: #8061ab;
    background-color: rgba(51, 51, 51, 0.8);
}

.fullwidthimage .imagedesc {
    color:#272727;
    margin-bottom: 20px;
    padding: 26px 30px;
    background-color: #fff;
    background-color: rgba(51, 51, 51, 0.8);

}

.flexslider .slides img.leftcontent_image {width: auto;}
.leftcontent .slide_description {position: relative; left:auto; right: auto; padding: 50px 0;}


.fullwidthcontent {padding: 60px 0 60px;}
.regular_image {position: relative;}
.regular_image img, img.leftcontent_image {
    display: block;
}
.regular_image .slide_description {
    background-color: #8061ab;
    background-color: rgba(51, 51, 51, 0.8);
    padding: 30px 40px 20px;
    top: auto !important;
    left: 65px;
    bottom:50px;
    max-width: 370px;
    }
.regular_image .imagetitle {
    color:#272727;
    font-weight: 400;
    display: block;
    font-size: 28px;
    margin-bottom: 14px;
}
.regular_image .imagedesc { color:#fff; }
@media screen and (min-width: 768px) {
    /*.flex-control-nav {display: none;}*/
}

@media screen and (max-width: 767px) {
    #mainslider {text-align: center;}
    .flex-direction-nav {}
    #big-logo{max-width: 80px; top:30px; margin-left: -40px;}
    .slides .slide_description {
        background-color: transparent !important;
        padding: 0 !important;
        left:0px !important;
        bottom:0px !important;
        right:auto !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .leftcontent .slide_description {position: relative; top:auto !important;}
    .imagetitle {font-size: 40px !important;}
    .imagedesc {font-size: 16px !important;}
}

/*totop*/
#toTop {
background: #8061ab;
bottom: 2rem;
display: none;
padding: 14px;
height: 3.5rem;
width: 3.5rem;
overflow: hidden;
position: fixed;
right: 10px;
text-decoration: none;
z-index: 9999;
font-size: 0px;
color:transparent;
border-radius: 0px;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#toTop:after {
    display: block;
    content: '\e831';
    color:#ffffff;
    font-size: 37px;
    font-family: 'fontello';
    position: absolute;
    left: .85rem;
    top: .7rem;

}


#toTopHover, #toTop:hover {
background: #2D2D2D;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
transition: all 0.1s linear;
}
#toTop:active, #toTop:focus {
outline: medium none;
}


/*horizontal slider*/
.horizontal_slider_list_wrapper {
    position: relative;
    margin-top: 5px;
}
.horizontal_slider_list_wrapper > div {
    overflow: hidden;
}
ul.horizontal_slider_list {
    padding: 0;
    margin: 0;
}
ul.horizontal_slider_list li {
    display: block;
    float: left;
    height: 100%;
}
.es-nav {
    position: absolute; right: 0; top: -65px;
}
.es-nav span {
cursor: pointer;
display: inline-block;
width: 40px;
height: 40px;
font-size: 0;
color: transparent;
position: relative;

}

.es-nav span:before {
    font-size: 30px;
    font-family: 'fontello';
    content: '\e840';
    color: #f1f1f1;
    display: block;
    position: absolute;
    cursor: pointer;
    padding: 6px 12px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


.es-nav span.es-nav-prev{
background: transparent;
}
.es-nav span.es-nav-next{
background: transparent;
margin-left: 7px;
}
.es-nav span.es-nav-next:before{
content: '\e841';
}
.es-nav span.es-nav-next:hover:before, .es-nav span.es-nav-prev:hover:before {color:#2d2d2d;}
.related_posts_list {padding-left: 0; list-style: none;}

.horizontal_slider_item, .related_posts_item, .thumbnail {
    border-radius: 0;
}

#portfolio .item_title {
    padding: 0 15px;
    background-color: #8061ab;
    position: relative;

}

.related_posts_item > h4 {padding:18px 0; margin:0; font-size: 18px; }
.related_posts_item > h4 > a {color:#8061ab;}

.horizontal_slider_item > h4,
#portfolio .item_title h4 {margin:0px; padding: 29px 0; font-weight: 400; text-transform: uppercase;}

.horizontal_slider_item > h4 > span.heart,
.related_posts_item > h4 > span.heart,
#portfolio .item_title h4 > span.heart {float: right; padding:1px 0 1px 21px; font-size: 14px; position: relative;color:#fff;}

#portfolio .item_title h4 > a,
.horizontal_slider_item > h4 > a {color:#fff;}

#portfolio .item_title h4 > a:hover,
.related_posts_item > h4 > a:hover,
.horizontal_slider_item > h4 > a:hover {color:#242424;}

.portfolio_item_image, .horizontal_slider_introimg {position: relative; overflow: hidden;}
/*.portfolio_item_image:hover, .horizontal_slider_introimg:hover {background-color: rgba(0, 0, 0, 0.6);}*/
.portfolio_item_image > div:first-child {position: absolute;display: block; height: 100%;top:0; bottom:0; left: 0; right: 0; background-color: #111; background-color: rgba(0, 0, 0,0.8);
}

.horizontal_slider_item .portfolio_item_image {
    left:0; right: 0; text-align: center; line-height: 1.9em;
}
.horizontal_slider_item_description {
padding: 20px 0px 20px;
text-align: center;
}
.horizontal_slider_item_description h3{ font-size: 19px; margin:0 0 10px 0; text-transform: uppercase;}
.horizontal_slider_item_description h3 a{color:#fff; opacity: 0.8;}
.horizontal_slider_item_description h3 a:hover{color:#fff; opacity: 0.8}

.p-view, .p-link, #portfolio .heart {
    display: block;
    height: 60px;
    width: 60px;
    margin-left: -60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    background-color: #8061ab;
}
 #portfolio .heart {
    margin-left: -15px;
    color:#fff;
 }

.p-link {
    margin-left: 10px;
}
.p-view:before, .p-link:before, #portfolio .heart:before{
    font-family: 'rt-icons';
    font-size: 22px;
    font-weight: normal;
    color:#fff;
    content: "\e71e";
    line-height: 60px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

#portfolio .heart:before{
    content: "\e6d6";
}
.p-link:before{
    content: "\e71d";
}
.p-view:hover, .p-link:hover{
    color:#fff;
    background-color: #272727;
}
.p-view:hover:before, .p-link:hover:before, #portfolio .heart:hover:before{
    color:#fff;
}

.horizontal_slider_item img,.portfolio_item_image img {
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    display: block;
    width: 100%;
    background-color: #000;
}


.horizontal_slider_item:hover img, .isotope-item:hover img {
    opacity: 0.1;
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}
.horizontal_slider_item:hover .p-view, .portfolio_item_image:hover .p-view {opacity: 1;}

/*gallery*/
ul#portfolioContainer {padding: 0; margin: 0; list-style: none; text-align: center; }
#portfolio h4 {margin-top: 0;}
#portfolio .isotope-item {max-width: 100%; overflow: hidden; float: left; margin-bottom: 30px;  list-style: none;}

#portfolio.fullwidth_portfolio .isotope-item {max-width: 100%; overflow: hidden; float: left; width: 25%; margin-left: -1px; margin-bottom: 0; list-style: none;}
@media screen and (max-width: 991px) {
    #portfolio.fullwidth_portfolio .isotope-item {width:33.3333%;}
}
@media screen and (max-width: 800px) {
    #portfolio.fullwidth_portfolio .isotope-item {width:50%;}
}
@media screen and (max-width: 600px) {
    #portfolio.fullwidth_portfolio .isotope-item {width:100%;}
}


#filtrable {padding: 0;}
#filtrable li {
display: inline-block;
margin-right: 15px;
}
#filtrable a {
font-weight: 400;
padding: 4px 16px;
margin: 10px 0 26px;
display: inline-block;
background-color: transparent;
border-radius: 0px;
background-color: #272727;
color:#fff;
}
#filtrable a:hover,
#filtrable a.selected {
background-color: transparent;
background-color:#8061ab;
color:#fff;
}
#filtrable a:hover {
    opacity: 0.8;
}
.loadmore {
    margin: 56px 0 40px !important;
}
.hidden_item {display: none;}
#gallery_container {position: fixed; width:100%; height: 100%; background: #fff; z-index: 20000; top:0; bottom: 0; left: 0; right: 0; top:-100%; overflow: auto; display: none;}

/*gallery single item*/
#portfolio_nav {margin-top: 40px;}
#portfolio_nav + #middle {margin-top: 0px; padding-top: 0;}
#portfolio_nav a {color:#2D2D2D; font-size: 36px; margin:0 30px;}
#portfolio_nav a#portfolio_prev_project:before {
    font-family: "fontello";
    content: '\e823';
}
#portfolio_nav a#portfolio_close_project:before {
    font-family: 'rt-icons';
    content: "\e602";
}
#portfolio_nav a#portfolio_next_project:before {
    font-family: "fontello";
    content: '\e824';
}
#portfolio_nav a:hover {color:#8061ab;}
.description {margin-bottom: 26px}
.skills, .client { border-bottom: 1px solid #e1e1e1; padding-bottom: 6px; margin-bottom: 10px;}
.location {margin-bottom: 37px;}
.skills > span, .client > span, .location > span {
   font-weight: 700;
}
.skills > a, .client > a, .location > a {
    color:#272727;
}
.skills > a:hover, .client > a:hover, .location > a:hover {
   color: #8061ab;
}


/* Isotope Filtering */
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item[style] {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*blog*/

.blog {margin-top: 7px;}
.blog .entry-thumbnail:first-child{margin: 0px 0px 20px;}
.blog-single .entry-thumbnail{margin: 0px 0px 32px; position: relative;}
.blog article + article {margin-top: 50px;}
/*from blog widget*/
.widget_from_blog { text-align: center;}
.widget_from_blog .entry-thumbnail img{width: 100%;}
.widget_from_blog article.post, .blog article.post {background-color: #2f2f2f; background-color: rgba(100,100,100,0.08);}
article.post.primary_post {padding-bottom: 10px;}
article.post.primary_post .entry-content, article.post.primary_post .entry-share {padding-left: 15px; padding-right: 15px;}

article.post.secondary_post header {
    margin-left: -15px;
    margin-right: -15px;
}
article.post.secondary_post {
    margin-left: 15px;
    margin-right: 15px;
    border: 1px solid #f1f1f1;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

article.post.secondary_post:hover { box-shadow: 0 0 0 4px #8061ab; }
p.date {margin-bottom: 10px; font-size: 13px;}
p.date +p {margin-bottom: 10px;}
.entry-share {margin:20px 0 10px;}
.blog article.post > header > h2, .blog article.post > header > .entry-meta, .blog article.post > .entry-content {margin-left: 40px; margin-right: 40px;}
h1.entry-title {font-size: 60px;}
h2.entry-title {margin: 20px 0 10px; font-size: 30px; font-weight: 400;}
h2.entry-title span.heart {font-size: 20px; float: right; padding: 8px 0 0 0;}
h2.entry-title span.heart:before {font-family: 'rt-icons'; content: "\e605"; font-size: 16px; color:#fff; padding-right: 3px;}
.entry-meta {margin: 20px 0; padding:16px 0; border-top: 1px solid #444444; border-bottom: 1px solid #444444; font-size: 20px;}
.entry-meta .comments-link {float: right;}
.blog .entry-tags {margin-top: 29px; position: relative; background-color: #fff; color:#272727; padding: 23px 40px 19px; border-bottom: 10px solid #8061ab;}

.format-small-image .entry-tags  {border-color: #8061ab;}
.format-gallery .entry-tags  {border-color: #a7d163;}
.entry-tags a {text-transform: uppercase; font-weight: 700; font-size: 12px;}
.blog .entry-tags a {color:#272727; }
.entry-tags a:hover {color:#8061ab;}
.blog .read-more {margin-top: 21px;}
.blog .format-small-image .entry-thumbnail  {margin-bottom: 0; position: relative;}
@media screen and (max-width: 767px) {
    .blog .format-small-image .entry-thumbnail  {text-align: center;}
    .blog .format-small-image .entry-header, .blog .format-small-image .entry-content {margin-left: 40px; margin-right: 40px;}

}
.video-view {
display: block;
height: 55px;
width: 55px;
margin-left: -27px;
margin-top: -27px;
position: absolute;
top: 50%;
left: 50%;
border-radius: 100%;
background-color: #fff;
}
.video-view:before {
font-family: 'fontello';
content: '\e80a';
color:#272727;
line-height: 55px;
font-size: 30px;
margin-left: 4px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.video-view:hover {
background-color: #8061ab;
}
.video-view:hover:before {
    color:#fff;
}
img.alignleft {
float: left;
margin: 5px 20px 15px 0;
}
footer.bottom-entry-meta {margin: 28px 0;}
.tags {border-top: 1px solid #444444; border-bottom: 1px solid #444444; padding: 36px 0;}
.tags h3 {display: inline-block; margin:4px 0 0; }
.tags-links {position: relative;}
.tags-links:before {content: "\e687"; font-family: "rt-icons"; margin-right: 14px;}
.st_facebook_hcount,.st_twitter_hcount,.st_googleplus_hcount {

    position: relative;
    top:-3px;
    text-align: right;
}
.st_facebook_hcount span,.st_twitter_hcount span,.st_googleplus_hcount span{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}

.tags a,.tagcloud a {
font-size: 0.75em;
padding: 4px 13px;
font-weight: 700;
text-transform: uppercase;
border:4px solid #fff;
background-color: #fff;
color:#272727;
margin-bottom: 9px;
margin-right: 9px;
display: inline-block;
}

.tags a:hover, .tagcloud a:hover {background-color: #8061ab; border-color: #8061ab; color:#272727;}

.author-meta {margin: 40px 0 46px; padding: 40px 52px 40px 52px; background-color: rgba(100,100,100,0.08); }
.author-meta img {/*display: block; max-width: 200px; margin: 10px 20px 10px 0;*/}
.author-meta h3 {margin: 26px 0 22px; position: relative;}
.author-social {display: block; position: absolute; top:0px; right: 0;}
.author-meta p:after{display: table; content: " "; clear:both;}
@media screen and (max-width: 767px) {
    .author-meta {text-align: center;}
    .author-meta img {display: block; max-width: 100%; margin: 0 auto;}
    .author-social {display: block; position: static; padding: 20px 0 0 0;}
}

.related-posts > h3 {margin-bottom: 24px; font-size: 30px;}
.related-posts article.post {background-color: rgba(255,255,255,0.1); text-align: center; padding-bottom: 1px;}
.related-posts article.post.format-gallery {border-color: #00c1e4;}
.related-posts article.post.format-video {border-color: #8061ab;}
.related-posts article.post > .entry-content,.related-posts article.post > p, .related-posts article.post > h3 {padding: 0 10px;}
.related-posts article.post > h3 {margin: 24px 0 0;}
.comments-area {margin: 43px 0 40px;}
.comments-title {font-size: 30px; margin-bottom: 20px; font-weight: 700;}
.comments-area ol {list-style: none; padding-left: 0; margin-bottom: 0;}
.comments-area li {padding: 26px 0 5px;}
.comments-area ol.children li{padding: 10px 0 0 70px;}
.comments-area ol.children ol ol li{padding-left: 0;}
.comment-meta {position: relative;}
.comment-metadata {border-top: 1px solid #444444; border-bottom: 1px solid #444444; margin: 8px 0 16px 100px; font-size: 20px; padding:15px 0;}
.comment-author a{font-size: 24px; position: relative; top:-5px; font-weight: 700;}
.comment-author img {max-width: 70px; margin-right: 28px; float: left;}
.reply {position: absolute; right: 0; top:49px; font-size: 20px;}
.comment-content {padding: 0 0 9px 100px;}
.comment-respond {margin-top: 0px;}
.comment-reply-title {margin: 0 0 22px; font-size: 30px;}
.comment-respond label, .contact-form label {display: none}
form.contact-form {margin-top: 0px; margin-bottom: 20px; max-width: 620px; margin:0 auto;}
form.contact-form input, form.contact-form textarea {}
p.comment-form-author, p.comment-form-email, p.comment-form-url {
margin-bottom: 10px;
}
p.comment-form-author, p.comment-form-email {/*padding-right: 10px;*/}
p.comment-form-comment:before, p.contact-form-message:before {
    display: table; content: " ";
}
.comment-respond p.form-submit {text-align: center; margin-top: 40px;}
.comment-form input, .comment-form textarea {text-align: center;}
@media (max-width: 570px) {
    .comments-area ol.children li{padding: 30px 0 0 30px;}

    p.comment-form-author, p.comment-form-email, p.comment-form-url, p.contact-form-fname,p.contact-form-lname,p.contact-form-agerange,p.contact-form-email,p.contact-form-subject,p.contact-form-gender,
p.contact-form-qualification,p.contact-form-address,p.contact-form-number,p.contact-form-days,p.contact-form-dob,p.contact-form-gender,
p.contact-form-hours,p.contact-form-submit {
        float: none; padding: 0 8px 0 0; width: 100%;
    }
    p.contact-form-message {padding-right: 8px;}
}

/*widgets*/
.single_teaser {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-align: center;
    margin:30px 0 43px;
    padding: 0px 0 20px;
}
.single_teaser:hover {}
.single_teaser img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.single_teaser:hover img {
/*    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);*/
}

.single_teaser.icons [class^="rt-icon-"] {
    font-size: 40px;
}
.single_teaser.icons.style1 [class^="rt-icon-"] {
    font-size: 40px;
    line-height: 130px;
    color: #fff;
    background-color: #aaa;
    display: inline-block;
    width: 130px;
    height: 130px;
    margin-bottom: 7px;
    border-radius: 100%;

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.single_teaser.icons.style1:hover [class^="rt-icon-"] {
    color:#fff;
    background-color:#8061ab;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.single_teaser h3 {font-size: 18px; margin: 22px 0 18px; text-transform: none; font-weight: 400;}
.single_teaser h3 a{}
.single_teaser h3 a:hover{color:#8061ab;}
.single_teaser.border-color2 h3 a:hover{color:#e6557c;}
.single_teaser.border-color3 h3 a:hover{color:#00c1e4;}
.single_teaser p.introtext { margin: 10px 0 30px; }
.single_teaser.icons.style2 {
    background-color: transparent;
    border:none;
    margin: 0 0 20px; padding:0px 0 13px;

}
.single_teaser.icons.style2 .icons_introimg {margin: 0 10px 16px; }
.single_teaser.icons.style2 [class^="rt-icon-"]:before {
    font-size: 100px; background: transparent; color:#fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: block;
}
.single_teaser.icons.style2:hover [class^="rt-icon-"]:before {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}
.single_teaser.icons.style2 h2 {
    color:#272727;
    font-size: 60px;
    font-weight: 700;
    margin: 12px 0 10px;
}
.single_teaser.icons.style2 h3 {

    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    color:#272727;

}


.single_teaser.icons.style3 [class^="rt-icon-"] {
border-radius: 100%;
width: 140px;
height: 140px;
margin: 0 auto 10px;
display: inline-block;
color: #272727;
box-shadow: 0 0 0 5px #272727;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
line-height: 140px;
font-size: 80px;
}
.single_teaser.icons.style3:hover [class^="rt-icon-"]:after {
}

.single_teaser.icons.style3:hover [class^="rt-icon-"] {
    background-color: #272727;
    color: #fff;
    box-shadow: 0 0 0 16px #272727;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}


.single_teaser.icons.style4 [class^="rt-icon-"] {
font-size: 50px;
margin-top: 50px;
position: absolute;
top:100px;
margin-left: -25px;
}
.single_teaser.icons.style4 h2 {
    display: inline-block;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    color:#fff;
    -webkit-border-radius: 100%;
    -moz-border-radius:  100%;
    border-radius:  100%;
    line-height: 150px;
    font-size: 35px;
    width: 160px;
    height: 158px;
    font-weight: 300;
}
.single_teaser.icons.style4 h3 {
    color:#fff;
    margin-top: 40px;
}
.single_teaser.icons.style5 {
    overflow: hidden;
    padding: 20px 20px 0;
    border-radius: 8px;
    background-color: rgba(0,0,0,0.1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.single_teaser.icons.style5:hover {
        background-color: rgba(0,0,0,0.3);
}
.single_teaser.icons.style5 [class^="rt-icon-"]{
    color: #fff;
    font-size: 100px;
    line-height: 100px;
    width: 100%;
    height: 100px;
    text-align: center;
    display: block;
}


.single_teaser_left {}
.single_teaser_right {margin: 10px 10px 23px 90px; padding: 0px 20px 0; }
.single_teaser_right h3 {margin: 0 0 10px; font-size: 18px; font-weight: 400;}
.single_teaser_right h3 a{color:#8061ab;}
.single_teaser_right h3 a:hover{color:#8061ab;}
.left_icons{
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


.left_icons [class^="rt-icon-"] {
    display: block;
    font-size: 30px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.05);
    margin:0 20px;
    position: absolute;
    top:0;
    left: 0;
    width:80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color:#8061AB;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.left_icons:hover  {}
.left_icons:hover [class^="rt-icon-"] {background-color:#8061AB; color:#fff; box-shadow: 0 0 0 3px #8061AB;}
.left_icons.style2 [class^="rt-icon-"] {
    text-align: center;
    font-size: 60px;
    width: 70px;
    height: 70px;
    padding: 0;
    line-height: 70px;
    border-radius: 100%;
}
.left_icons.style2:hover [class^="rt-icon-"] {
    -moz-transform: rotate(360deg) scale(1.1);
    -ms-transform: rotate(360deg) scale(1.1);
    -webkit-transform: rotate(360deg) scale(1.1);
    transform: rotate(360deg) scale(1.1);
}

.widget_categories ul, .widget_archive ul, .widget_recent_entries ul {list-style:none; padding-left: 0;}
.widget_categories li, .widget_archive li, .widget_recent_entries li {padding: 3px 0;}
.widget_categories li + li {border-top: 1px solid #444444; padding-top: 6px; margin-top: 6px;}
.widget_categories a, .widget_archive a, .widget_recent_entries a {position: relative; padding: 0 !important;}
.widget_categories a:hover,  .widget_archive a:hover, .widget_recent_entries a:hover, .widget_nav_menu a:hover {}
.widget_nav_menu a { padding: 0px 0 10px 30px !important;}
.widget_nav_menu [class*="rt-icon-"] {
font-size: 19px;
display: inline-block;
margin-right: 20px;
position: absolute;
top: 2px;
left:-4px;
}
.widget_tag_cloud > h3 {margin-bottom: 26px;}
.widget_news > h3{margin-bottom: 7px;}
.widget_news ul{list-style: none; padding-left: 0;}
.widget_news li{padding: 18px 0 6px;}
.widget_news a {}
.widget_news a:hover {}
.news_introimg {float:left; max-width: 60px;}
.news_right {margin-left: 80px;}
.news_right h5 {margin-top: 0; font-size: 16px; text-transform: none; font-weight: 300; line-height: 1.4em;}
.search-field {max-width: 180px; background-color: transparent;}
.widget_social_links > h3 {margin-bottom: 13px;}
.widget_social_links ul {padding-left: 0; list-style: none;}
.widget_social_links a[class^="socialico-"] { padding: 0px 0px 0px 40px; font-size: inherit !important; color:#8061ab;}
.widget_social_links a[class^="socialico-"]:before {top:-3px;}
.widget_social_links a[class^="socialico-"]:hover { color:#8061ab;}
.widget_social_links li {padding:6px 10px 6px 0; vertical-align: bottom;}
.widget_schedule dt {font-weight: normal;}
.widget_schedule .dl-horizontal dt {width: 80px; text-align: left;}
.widget_schedule .dl-horizontal dd {margin-left: 100px; text-align: right;}
.widget_testimonials {padding:20px 0;}
.widget_testimonials .carousel-introtext{
    padding: 30px 0 10px 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 1em;
    text-align: center;
}
.widget_testimonials .carousel-introtext span{ position: relative; display: inline-block;}
.widget_testimonials .carousel-introtext span:before{
    font-family: 'fontello';
    margin: 20px auto;
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 100%;
    font-size: 90px;
    line-height: 160px;
    content: '\e846';
    color:#fff;
    background-color: rgba(0, 0, 0, 0.1);
}

.widget_testimonials .carousel-readmore{
    padding: 20px 0;
    text-align: center;
    color:#8061AB;
    font-size: 24px;
    line-height: 1;
}
.widget_testimonials .carousel-readmore:before, .widget_testimonials .carousel-readmore:after {content: "-";}
.widget_testimonials .carousel-readmore span{display: block; text-align: center; max-width: 60px; margin: 0 auto 14px;}
.widget_testimonials .carousel-readmore span img{border-radius: 100%; padding: 3px; border: 1px solid #fff;}
.widget_testimonials .carousel-control.right:hover, .widget_testimonials .carousel-control.left:hover {
 color:#fff;
}
.widget_testimonials .carousel-control.right, .widget_testimonials .carousel-control.left {
    display: block; width:50px; height: 50px; top:50%; right: 0px; margin-top: -15px; z-index: 10;
}
.widget_testimonials .carousel-control.left {
    left:0; right: auto;
}
.widget_testimonials .carousel-control.right:before {
    font-family: 'fontello';
    content: '\e834';
    font-size: 40px;
}
.widget_testimonials .carousel-control.left:before {
font-family: 'fontello';
content: '\e833';
font-size: 40px;
}


@media (max-width: 768px) {
    .widget_testimonials .carousel-introtext{font-size: 14px;}
    .widget_testimonials .carousel-introtext span{margin: 0 40px;}

    .widget_testimonials .carousel-readmore{font-size: 18px; padding:0px; margin:0px;}

   .widget_testimonials .carousel-introtext span:before{
    font-size: 40px;
    text-align:center;
    height: auto;
    width: auto;
    height: 100px;
    width: 100px;
}

   section#testimonials  {padding-top: 0px; padding-bottom: 0px; height: 450px;}

   .widget_testimonials .carousel-control.right:before {
    font-size: 30px;
   }

   .widget_testimonials .carousel-control.left:before {
    font-size: 30px;
   }


}

.thumbnail > img {border-radius: 0;}
.thumbnail {
    position: relative;
    margin-bottom: 10px;
    height: 250px;
    width: 250px;
    background-color: transparent;
    background-color: rgba(100, 100, 100, 0.08);
}
.thumbnail:hover .caption {opacity: 1; filter: alpha(opacity=100);}
.thumbnail .caption {
    padding: 40px 20px 9px;
    line-height: 1.3em;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #8061ab;
    color:#fff;
    filter: alpha(opacity=0);
    /*opacity: 0;  Just to hide the teacher's image*/

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.thumbnail.border-color2 .caption {background-color: #e6557c;}

.thumbnail.border-color3 .caption {background-color: #00c1e4;}

.thumbnail .caption h4 {font-size: 24px; font-weight: 400; text-transform: uppercase; margin:0;}
.thumbnail .caption h4+p {color:#fff; }
.thumbnail p.team-social {padding: 10px 20px 15px; margin:0; text-align: center;}

@media (max-width: 768px){
    .thumbnail .caption {
        padding: 0px;
    width: 100%;
    margin-bottom: 10px;
    }
}

/*contact form widget*/
.contact-form p {}
.contact-form p:first-child {padding-left: 0;}
p.contact-form-fname,p.contact-form-lname,p.contact-form-agerange,p.contact-form-email,p.contact-form-subject,contact-form-gender,
p.contact-form-qualification,p.contact-form-address,p.contact-form-number,p.contact-form-days,p.contact-form-dob,p.contact-form-gender,
p.contact-form-hours,p.contact-form-submit{
    margin-bottom: 10px;
}
.contact-form-50 p.contact-form-fname, .contact-form-50 p.contact-form-lname, .contact-form-50 p.contact-form-agerange,  .contact-form-50 p.contact-form-email,
.contact-form-50 p.contact-form-subject, .contact-form-50 contact-form-gender, .contact-form-50 p.contact-form-qualification, .contact-form-50 p.contact-form-address,
.contact-form-50 p.contact-form-number, .contact-form-50 p.contact-form-days, .contact-form-50 p.contact-form-dob, .contact-form-50 p.contact-form-gender,
 .contact-form-50 p.contact-form-hours, .contact-form-50 p.contact-form-submit{
 width:50%;
 padding:0;
}
p.contact-form-message, p.form-submit {
   padding:0;
}

@media (max-width: 570px) {

p.contact-form-fname,p.contact-form-lname,p.contact-form-agerange,p.contact-form-email,p.contact-form-subject,contact-form-gender,
p.contact-form-qualification,p.contact-form-address,p.contact-form-number,p.contact-form-days,p.contact-form-dob,p.contact-form-gender,
p.contact-form-hours,p.contact-form-submit {
        float: none; width: 100% !important;
    }
}

/*twitter widget*/
.twitter img{ display: none;}
.widget_tweet a {color:#000;}
.widget_tweet a:hover {color:#000;}
.widget_tweet ul.tweet_list {padding: 0; list-style: none;}
.widget_tweet ul.tweet_list li+li {
border-top: 1px solid #ddd;
padding-top: 6px;
margin-top: 6px;
}
.twitter .tweet_time{}

#tweets {}
#tweets .twitter {font-size: 30px; line-height: 1.2em; }
#tweets .tweet_list li{padding: 0px 40px; text-align: center; margin:0 0 30px 0;}
#tweets .tweet_list a{color:#fff;}
#tweets .tweet_list a:hover{color:#8061ab;}
#tweets .flex-control-nav{display: none !important;}
#tweets .tweet_avatar img {margin: 0 auto 30px;}

/*circle progress bars widgets*/
.chart {
  position: relative;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin:20px 0;
  height: 130px;
}
.chart + h4 {
    font-weight: 700; font-size: 24px; margin-bottom: 15px;
}
.chart canvas {
}
.percent {
  display: block;
  position: absolute;
  top:50%;
  left:50%;
  font-size: 50px;
  margin-top: 0.7em;
  margin-left: -0.75em;
  z-index: 2;
}
.percent:after {
    content: "%";
    font-size: 0.5em;
}

/*pricing tables*/
.pricing-table {
    border: 1px solid #F1F1F1;
    overflow: hidden;
    list-style: none;
    padding: 0;
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;

}
.pricing-table.style2 { background-color: rgba(100,100,100,0.2);  border-bottom: 10px solid #8061ab; position: relative;}
.pricing-table:hover {
   box-shadow: 0 0 0 4px #8061ab;
}

.pricing-table ul {list-style: none; padding: 0;}
.pricing-table ul li{padding: 10px 0; border-top: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; margin:0 40px;}
.pricing-table ul li:before {font-family: 'rt-icons'; content: "\e600"; color:#8061ab; padding-right: 8px;}
.pricing-table ul li.feature_disabled:before {content: "\e602"; color:#525252;}
.pricing-table li + li {border-top:0;}
.pricing-table li p {padding:6px; margin:0;}
.pricing-table li.plan-price {padding: 30px 0 10px; background-color: #F1F1F1;}
.pricing-table.style2 li.plan-price p{color:#fff; padding: 8px 0; text-transform: uppercase;}
.pricing-table li.plan-name {font-size: 1.5em; padding: 22px 0 22px; color:#8061ab;  }
.pricing-table.style2 li.plan-name {font-size: 24px; font-weight: 700; padding: 14px 0 14px; color:#272727; background: #8061ab;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.pricing-table.style2.border-color2 li.plan-name {background: #8061ab; }
.pricing-table.style2.border-color3 li.plan-name {background: #00c1e4; }
.plan-price span + span {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: -1px;
    color:#8061ab;
}
.border-color2 .plan-price span + span {color:#8061ab;}
.border-color3 .plan-price span + span {color:#00c1e4;}

.plan-price span:first-child {
    font-size: 20px;
    position: relative;
    top: -8px;
    color:#8061ab;
}
.call-to-action {margin: 40px 0;}
.call-to-action a {}
.style2 .call-to-action a {color:#fff; border-color: #fff; display: inline-block; margin: 40px 0;}
.call-to-action a:hover {}

/*flickr widget*/
ul#flickr {margin: 0 auto; padding: 0; /*max-width: 300px; text-align: center;*/}
ul#flickr li {
    background-color: #C4C4C4;
    display: inline-block;
    line-height: 0 !important;
    list-style: none outside none;
    margin: 0 12px 12px 0;
}

/*animated elements*/
.to_fade, .to_slide_right, .to_slide_left {opacity: 0;}

/*Call Out*/
.bs-callout {
    border-left: 3px solid #EEEEEE;
    margin: 20px 0;
    padding: 30px;
}
.bs-callout h4 {
    margin-bottom: 5px;
    margin-top: 0;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout-danger {
    background-color: #FDF7F7;
    border-color: #EED3D7;
}
.bs-callout-danger h4 {
    color: #B94A48;
}
.bs-callout-warning {
    background-color: #FAF8F0;
    border-color: #FAEBCC;
}
.bs-callout-warning h4 {
    color: #8A6D3B;
}
.bs-callout-info {
    background-color: #F4F8FA;
    border-color: #BCE8F1;
}
.bs-callout-info h4 {
    color: #34789A;
}

/*page preloader*/
.preloader  {
    position: fixed;
    top: 0;
    left: 0;
    right: 50;
    bottom: 50;
    background: url(../example/O_LogoF.png) no-repeat 50% 50%;
    background: #fff;
    z-index: 13000;
    height: 100%;
 }

.preloaderimg  {
     width: 80px;
     height: 80px;
     position: absolute;
     left: 50%;
     top: 50%;
     background: url(../example/O_LogoF.png) no-repeat 50% 50%;
     margin:-40px 0 0 -40px;
}


/*
 *  Core Owl Carousel CSS File
 *  v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(../img/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x : 50%;
    -webkit-perspective-origin-y : 50%;
    -moz-perspective : 1200px;
    -moz-perspective-origin-x : 50%;
    -moz-perspective-origin-y : 50%;
    perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

/*
*   Owl Carousel Owl Theme
*   v1.24
*/

.owl-theme .owl-controls{
    margin-top: 10px;
    text-align: center;
}

.owl-buttons {position: absolute; top:50%; width: 100%; margin-top: -13px;}
.owl-prev, .owl-next {
    position: absolute;
    left:0;
}
.owl-next {right: 0; left:auto;}
.owl-prev:before, .owl-next:before {
    font-family: 'fontello';
    content: '\e834';
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;

}
.owl-prev:before {content: '\e833';}
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    font-size: 16px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #272727;
    opacity: 0.95;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    color: #8061ab;
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #2D2D2D;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
    min-height: 150px;
    background: url(../img/AjaxLoader.gif) no-repeat center center
}



/*fractionslider*/

.slider-wrapper{
    position:relative;
    width:100%;
    margin:0 auto;

}
.responisve-container {
    overflow:hidden;
}
.slider{
    position:relative;
    width:100%;
 /*height:400px;  when responsive, comment this out */
    margin:0 auto;


}
/*
@media only screen and (min-width: 1000px){
    .slider{
        width:1000px;
    }
}

@media only screen and (min-width: 1440px){
    .slider{
        width:1440px;
    }
}*/

.fraction-slider{
    position:relative;
    width:100%; height:100%;
    overflow:visible;
}

.fraction-slider .slide{
    display:none; width:100%; height:100%;
    position:absolute;
    z-index:5000;
}

.fraction-slider .active-slide{
    z-index:9999;
}

.fraction-slider .fs_obj{
    display:block; display:none;
    position:absolute;
    top:0px; left:100%;
    z-index:7000;
}

@media screen and (max-width: 767px) {
    .fraction-slider .fs_obj{
        padding: 20px;
    }
}

.fraction-slider .fs_fixed_obj{
    z-index:6000;
    left:0;
}

.fraction-slider .fs_obj *{
    display:inline-block;
    position:relative;
    top:0px; left:0px;
}

.fs_loader{
    width:100%; height:400px;
    background:url(../img/fractionslider/fs.spinner.gif) center center no-repeat transparent;
}

/** CONTROLS **/

.fraction-slider .prev,
.fraction-slider .next{
    display:none;
    position:absolute;
    width:45px; height:45px;
    z-index:9999;
}

.fraction-slider .prev{
    left:10px; top:48%;
    background:url(../img/fractionslider/fs.prevnext.png) 0px 0px no-repeat transparent;

}
.fraction-slider .prev:hover{
    background:url(../img/fractionslider/fs.prevnext.png) 0px -45px no-repeat transparent;
}

.fraction-slider .next{
    right:10px; top:48%;
    background:url(../img/fractionslider/fs.prevnext.png) -45px 0px no-repeat transparent;
}
.fraction-slider .next:hover{
    background:url(../img/fractionslider/fs.prevnext.png) -45px -45px no-repeat transparent;
}

.fraction-slider:hover .prev,
.fraction-slider:hover .next{
    display:block;
}

/** PAGER **/

.fs-pager-wrapper{
    position:absolute;
    bottom:50px;
    width: 100%;
    text-align: center;
    z-index:9999;
}

.fs-pager-wrapper a,
.fs-custom-pager-wrapper a{
    display:inline-block;
    width:18px;
    height:18px;
    margin:0 3px 0 5px;
    background-color: transparent;
    border:3px solid #fff;
    border-radius: 100%;
}
.fs-pager-wrapper .active,
.fs-custom-pager-wrapper .active{
    border-color:#272727;
}

/*mainslider*/
.slider-wrapper p {}
.fs_dark, .fs_light {font-size: 80px; text-transform: uppercase; color:#343434; text-shadow: 0 1px 1px #333;}
.fs_light {color:#fff;}
.fs_light strong {background-color: rgba(0, 0, 0, 0.4); padding: 0 20px;}
.fs_description {max-width: 450px; color:#272727; font-size: 20px; line-height: 1.3em;}



/*teaser icons*/
@font-face {
    font-family: 'rt-icons';
    src:url('../fonts/rt-icons.eot');
    src:url('../fonts/rt-icons.eot?#iefix') format('embedded-opentype'),
        url('../fonts/rt-icons.woff') format('woff'),
        url('../fonts/rt-icons.ttf') format('truetype'),
        url('../fonts/rt-icons.svg#rt-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="rt-icon-"], [class*=" rt-icon-"] {
    font-family: 'rt-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.rt-icon-ok:before {content: "\e600";}
.rt-icon-youtube:before {content: "\e601";}
.rt-icon-times:before {content: "\e602";}
.rt-icon-image:before {content: "\e603";}
.rt-icon-phone:before {content: "\e604";}
.rt-icon-heart:before {content: "\e605";}
.rt-icon-microphone:before {content: "\e606";}
.rt-icon-rss-outline:before {content: "\e607";}
.rt-icon-message:before {content: "\e608";}
.rt-icon-location-outline:before {content: "\e609";}
.rt-icon-link-outline:before {content: "\e60a";}
.rt-icon-image-outline:before {content: "\e60b";}
.rt-icon-export-outline:before {content: "\e60c";}
.rt-icon-cross:before {content: "\e60d";}
.rt-icon-star-outline:before {content: "\e60e";}
.rt-icon-mail:before {content: "\e60f";}
.rt-icon-heart-outline:before {content: "\e610";}
.rt-icon-flash-outline:before {content: "\e611";}
.rt-icon-arrow-move-outline:before {content: "\e612";}
.rt-icon-watch:before {content: "\e613";}
.rt-icon-time:before {content: "\e614";}
.rt-icon-location-arrow-outline:before {content: "\e615";}
.rt-icon-attachment-outline:before {content: "\e616";}
.rt-icon-user-outline:before {content: "\e617";}
.rt-icon-lock-closed-outline:before {content: "\e618";}
.rt-icon-lock-open-outline:before {content: "\e619";}
.rt-icon-group-outline:before {content: "\e61a";}
.rt-icon-chart-pie-outline:before {content: "\e61b";}
.rt-icon-video-outline:before {content: "\e61c";}
.rt-icon-map:before {content: "\e61d";}
.rt-icon-key-outline:before {content: "\e61e";}
.rt-icon-infinity-outline:before {content: "\e61f";}
.rt-icon-globe-outline:before {content: "\e620";}
.rt-icon-eye-outline:before {content: "\e621";}
.rt-icon-cog-outline:before {content: "\e622";}
.rt-icon-camera-outline:before {content: "\e623";}
.rt-icon-scissors-outline:before {content: "\e624";}
.rt-icon-refresh-outline:before {content: "\e625";}
.rt-icon-zoom-outline:before {content: "\e626";}
.rt-icon-pin-outline:before {content: "\e627";}
.rt-icon-message-typing:before {content: "\e628";}
.rt-icon-folder:before {content: "\e629";}
.rt-icon-pencil:before {content: "\e62a";}
.rt-icon-brush:before {content: "\e62b";}
.rt-icon-thumbs-up:before {content: "\e62c";}
.rt-icon-pen:before {content: "\e62d";}
.rt-icon-calender-outline:before {content: "\e62e";}
.rt-icon-business-card:before {content: "\e62f";}
.rt-icon-calculator:before {content: "\e630";}
.rt-icon-clipboard:before {content: "\e631";}
.rt-icon-gift:before {content: "\e632";}
.rt-icon-bell:before {content: "\e633";}
.rt-icon-anchor-outline:before {content: "\e634";}
.rt-icon-power-outline:before {content: "\e635";}
.rt-icon-shopping-bag:before {content: "\e636";}
.rt-icon-device-tablet:before {content: "\e637";}
.rt-icon-device-phone:before {content: "\e638";}
.rt-icon-device-laptop:before {content: "\e639";}
.rt-icon-device-desktop:before {content: "\e63a";}
.rt-icon-spanner-outline:before {content: "\e63b";}
.rt-icon-puzzle-outline:before {content: "\e63c";}
.rt-icon-printer:before {content: "\e63d";}
.rt-icon-lightbulb:before {content: "\e63e";}
.rt-icon-flag-outline:before {content: "\e63f";}
.rt-icon-contacts:before {content: "\e640";}
.rt-icon-weather-stormy:before {content: "\e641";}
.rt-icon-weather-shower:before {content: "\e642";}
.rt-icon-weather-partly-sunny:before {content: "\e643";}
.rt-icon-weather-downpour:before {content: "\e644";}
.rt-icon-weather-cloudy:before {content: "\e645";}
.rt-icon-plane-outline:before {content: "\e646";}
.rt-icon-phone-outline:before {content: "\e647";}
.rt-icon-microphone-outline:before {content: "\e648";}
.rt-icon-weather-sunny:before {content: "\e649";}
.rt-icon-weather-snow:before {content: "\e64a";}
.rt-icon-weather-night:before {content: "\e64b";}
.rt-icon-wine:before {content: "\e64c";}
.rt-icon-tags:before {content: "\e64d";}
.rt-icon-headphones:before {content: "\e64e";}
.rt-icon-plug:before {content: "\e64f";}
.rt-icon-credit-card:before {content: "\e650";}
.rt-icon-coffee:before {content: "\e651";}
.rt-icon-book:before {content: "\e652";}
.rt-icon-beer:before {content: "\e653";}
.rt-icon-tree:before {content: "\e654";}
.rt-icon-thermometer:before {content: "\e655";}
.rt-icon-messages:before {content: "\e656";}
.rt-icon-shopping-cart:before {content: "\e657";}
.rt-icon-leaf:before {content: "\e658";}
.rt-icon-volume:before {content: "\e659";}
.rt-icon-microphone2:before {content: "\e65a";}
.rt-icon-paperclip:before {content: "\e65b";}
.rt-icon-trashcan:before {content: "\e65c";}
.rt-icon-search:before {content: "\e65d";}
.rt-icon-chat:before {content: "\e65e";}
.rt-icon-calendar:before {content: "\e65f";}
.rt-icon-bookmark:before {content: "\e660";}
.rt-icon-email:before {content: "\e661";}
.rt-icon-heart2:before {content: "\e662";}
.rt-icon-cloud:before {content: "\e663";}
.rt-icon-book2:before {content: "\e664";}
.rt-icon-star:before {content: "\e665";}
.rt-icon-clock:before {content: "\e666";}
.rt-icon-users:before {content: "\e667";}
.rt-icon-user:before {content: "\e668";}
.rt-icon-bullhorn:before {content: "\e669";}
.rt-icon-diamond:before {content: "\e66a";}
.rt-icon-drink:before {content: "\e66b";}
.rt-icon-shorts:before {content: "\e66c";}
.rt-icon-syringe:before {content: "\e66d";}
.rt-icon-barbell:before {content: "\e66e";}
.rt-icon-chart:before {content: "\e66f";}
.rt-icon-pencil2:before {content: "\e670";}
.rt-icon-newspaper:before {content: "\e671";}
.rt-icon-earth:before {content: "\e672";}
.rt-icon-clock2:before {content: "\e673";}
.rt-icon-comment:before {content: "\e674";}
.rt-icon-chat2:before {content: "\e675";}
.rt-icon-speaker:before {content: "\e676";}
.rt-icon-heart3:before {content: "\e677";}
.rt-icon-list:before {content: "\e678";}
.rt-icon-edit:before {content: "\e679";}
.rt-icon-trash:before {content: "\e67a";}
.rt-icon-briefcase:before {content: "\e67b";}
.rt-icon-calendar2:before {content: "\e67c";}
.rt-icon-inbox:before {content: "\e67d";}
.rt-icon-google-plus:before {content: "\e67e";}
.rt-icon-instagram:before {content: "\e67f";}
.rt-icon-user2:before {content: "\e680";}
.rt-icon-users2:before {content: "\e681";}
.rt-icon-archive:before {content: "\e682";}
.rt-icon-desktop:before {content: "\e683";}
.rt-icon-sent:before {content: "\e684";}
.rt-icon-share:before {content: "\e685";}
.rt-icon-film:before {content: "\e686";}
.rt-icon-tag:before {content: "\e687";}
.rt-icon-email2:before {content: "\e688";}
.rt-icon-picture:before {content: "\e689";}
.rt-icon-frame:before {content: "\e68a";}
.rt-icon-locked:before {content: "\e68b";}
.rt-icon-pin:before {content: "\e68c";}
.rt-icon-search2:before {content: "\e68d";}
.rt-icon-home:before {content: "\e68e";}
.rt-icon-cart:before {content: "\e68f";}
.rt-icon-camera:before {content: "\e690";}
.rt-icon-compass:before {content: "\e691";}
.rt-icon-cloud2:before {content: "\e692";}
.rt-icon-grid:before {content: "\e693";}
.rt-icon-popup:before {content: "\e694";}
.rt-icon-home2:before {content: "\e695";}
.rt-icon-light-bulb:before {content: "\e696";}
.rt-icon-store:before {content: "\e697";}
.rt-icon-anchor:before {content: "\e698";}
.rt-icon-book3:before {content: "\e699";}
.rt-icon-sound-alt:before {content: "\e69a";}
.rt-icon-inbox2:before {content: "\e69b";}
.rt-icon-inbox-alt:before {content: "\e69c";}
.rt-icon-envelope:before {content: "\e69d";}
.rt-icon-compose:before {content: "\e69e";}
.rt-icon-chat-alt-stroke:before {content: "\e69f";}
.rt-icon-rss:before {content: "\e6a0";}
.rt-icon-cog:before {content: "\e6a1";}
.rt-icon-pin2:before {content: "\e6a2";}
.rt-icon-link:before {content: "\e6a3";}
.rt-icon-key-stroke:before {content: "\e6a4";}
.rt-icon-lightbulb2:before {content: "\e6a5";}
.rt-icon-compass2:before {content: "\e6a6";}
.rt-icon-book-alt2:before {content: "\e6a7";}
.rt-icon-book4:before {content: "\e6a8";}
.rt-icon-book-alt:before {content: "\e6a9";}
.rt-icon-pen-alt-stroke:before {content: "\e6aa";}
.rt-icon-layers:before {content: "\e6ab";}
.rt-icon-paperclip2:before {content: "\e6ac";}
.rt-icon-fork:before {content: "\e6ad";}
.rt-icon-uniF756:before {content: "\e6ae";}
.rt-icon-uniF765:before {content: "\e6af";}
.rt-icon-uniF794:before {content: "\e6b0";}
.rt-icon-uniF56B:before {content: "\e6b1";}
.rt-icon-fish:before {content: "\e6b2";}
.rt-icon-cupcake:before {content: "\e6b3";}
.rt-icon-pizza:before {content: "\e6b4";}
.rt-icon-cherry:before {content: "\e6b5";}
.rt-icon-mushroom:before {content: "\e6b6";}
.rt-icon-bone:before {content: "\e6b7";}
.rt-icon-steak:before {content: "\e6b8";}
.rt-icon-bottle:before {content: "\e6b9";}
.rt-icon-restaurantmenu:before {content: "\e6ba";}
.rt-icon-coffeebean:before {content: "\e6bb";}
.rt-icon-chocolate:before {content: "\e6bc";}
.rt-icon-raspberry:before {content: "\e6bd";}
.rt-icon-raspberrypi:before {content: "\e6be";}
.rt-icon-birthday:before {content: "\e6bf";}
.rt-icon-sun:before {content: "\e6c0";}
.rt-icon-moon:before {content: "\e6c1";}
.rt-icon-cloudy:before {content: "\e6c2";}
.rt-icon-cloud3:before {content: "\e6c3";}
.rt-icon-cloud4:before {content: "\e6c4";}
.rt-icon-lightning:before {content: "\e6c5";}
.rt-icon-rainy:before {content: "\e6c6";}
.rt-icon-snowy:before {content: "\e6c7";}
.rt-icon-mobile:before {content: "\e6c8";}
.rt-icon-ipod:before {content: "\e6c9";}
.rt-icon-monitor:before {content: "\e6ca";}
.rt-icon-laptop:before {content: "\e6cb";}
.rt-icon-window:before {content: "\e6cc";}
.rt-icon-mouse:before {content: "\e6cd";}
.rt-icon-quote:before {content: "\e6ce";}
.rt-icon-quote2:before {content: "\e6cf";}
.rt-icon-microphone3:before {content: "\e6d0";}
.rt-icon-cog2:before {content: "\e6d1";}
.rt-icon-gamepad:before {content: "\e6d2";}
.rt-icon-graduate:before {content: "\e6d3";}
.rt-icon-lab:before {content: "\e6d4";}
.rt-icon-tie:before {content: "\e6d5";}
.rt-icon-heart4:before {content: "\e6d6";}
.rt-icon-cloud5:before {content: "\e6d7";}
.rt-icon-star2:before {content: "\e6d8";}
.rt-icon-tv:before {content: "\e6d9";}
.rt-icon-sound:before {content: "\e6da";}
.rt-icon-video:before {content: "\e6db";}
.rt-icon-trash2:before {content: "\e6dc";}
.rt-icon-user3:before {content: "\e6dd";}
.rt-icon-key:before {content: "\e6de";}
.rt-icon-search3:before {content: "\e6df";}
.rt-icon-eye:before {content: "\e6e0";}
.rt-icon-bubble:before {content: "\e6e1";}
.rt-icon-stack:before {content: "\e6e2";}
.rt-icon-cup:before {content: "\e6e3";}
.rt-icon-phone2:before {content: "\e6e4";}
.rt-icon-news:before {content: "\e6e5";}
.rt-icon-mail2:before {content: "\e6e6";}
.rt-icon-like:before {content: "\e6e7";}
.rt-icon-photo:before {content: "\e6e8";}
.rt-icon-note:before {content: "\e6e9";}
.rt-icon-food:before {content: "\e6ea";}
.rt-icon-t-shirt:before {content: "\e6eb";}
.rt-icon-fire:before {content: "\e6ec";}
.rt-icon-clip:before {content: "\e6ed";}
.rt-icon-shop:before {content: "\e6ee";}
.rt-icon-calendar3:before {content: "\e6ef";}
.rt-icon-wallet:before {content: "\e6f0";}
.rt-icon-vynil:before {content: "\e6f1";}
.rt-icon-truck:before {content: "\e6f2";}
.rt-icon-world:before {content: "\e6f3";}
.rt-icon-settings:before {content: "\e6f4";}
.rt-icon-camera2:before {content: "\e6f5";}
.rt-icon-tag2:before {content: "\e6f6";}
.rt-icon-lock:before {content: "\e6f7";}
.rt-icon-bulb:before {content: "\e6f8";}
.rt-icon-pen2:before {content: "\e6f9";}
.rt-icon-diamond2:before {content: "\e6fa";}
.rt-icon-display:before {content: "\e6fb";}
.rt-icon-location:before {content: "\e6fc";}
.rt-icon-clock3:before {content: "\e6fd";}
.rt-icon-paperplane:before {content: "\e6fe";}
.rt-icon-params:before {content: "\e6ff";}
.rt-icon-banknote:before {content: "\e700";}
.rt-icon-data:before {content: "\e701";}
.rt-icon-music:before {content: "\e702";}
.rt-icon-megaphone:before {content: "\e703";}
.rt-icon-study:before {content: "\e704";}
.rt-icon-lab2:before {content: "\e705";}
.rt-icon-chat3:before {content: "\e706";}
.rt-icon-archive2:before {content: "\e707";}
.rt-icon-user4:before {content: "\e708";}
.rt-icon-users3:before {content: "\e709";}
.rt-icon-archive3:before {content: "\e70a";}
.rt-icon-earth2:before {content: "\e70b";}
.rt-icon-location2:before {content: "\e70c";}
.rt-icon-mobile2:before {content: "\e70d";}
.rt-icon-screen:before {content: "\e70e";}
.rt-icon-mail3:before {content: "\e70f";}
.rt-icon-support:before {content: "\e710";}
.rt-icon-videos:before {content: "\e711";}
.rt-icon-star3:before {content: "\e712";}
.rt-icon-heart5:before {content: "\e713";}
.rt-icon-bookmark2:before {content: "\e714";}
.rt-icon-file:before {content: "\e715";}
.rt-icon-locked2:before {content: "\e716";}
.rt-icon-unlocked:before {content: "\e717";}
.rt-icon-archive4:before {content: "\e718";}
.rt-icon-images:before {content: "\e719";}
.rt-icon-images2:before {content: "\e71a";}
.rt-icon-pencil3:before {content: "\e71b";}
.rt-icon-pictures:before {content: "\e71c";}
.rt-icon-link2:before {content: "\e71d";}
.rt-icon-search4:before {content: "\e71e";}
.rt-icon-cog3:before {content: "\e71f";}
.rt-icon-trashcan2:before {content: "\e720";}
.rt-icon-pencil4:before {content: "\e721";}
.rt-icon-article:before {content: "\e722";}
.rt-icon-clock4:before {content: "\e723";}
.rt-icon-heart6:before {content: "\e724";}
.rt-icon-palette:before {content: "\e725";}
.rt-icon-leaf2:before {content: "\e726";}
.rt-icon-megaphone2:before {content: "\e727";}
.rt-icon-bell2:before {content: "\e728";}
.rt-icon-lifebuoy:before {content: "\e729";}
.rt-icon-magnet:before {content: "\e72a";}
.rt-icon-light-bulb2:before {content: "\e72b";}
.rt-icon-flickr:before {content: "\e72c";}
.rt-icon-flickr2:before {content: "\e72d";}
.rt-icon-vimeo:before {content: "\e72e";}
.rt-icon-vimeo2:before {content: "\e72f";}
.rt-icon-twitter:before {content: "\e730";}
.rt-icon-twitter2:before {content: "\e731";}
.rt-icon-facebook:before {content: "\e732";}
.rt-icon-facebook2:before {content: "\e733";}
.rt-icon-facebook3:before {content: "\e734";}
.rt-icon-googleplus:before {content: "\e735";}
.rt-icon-googleplus2:before {content: "\e736";}
.rt-icon-pinterest:before {content: "\e737";}
.rt-icon-pinterest2:before {content: "\e738";}
.rt-icon-tumblr:before {content: "\e739";}
.rt-icon-tumblr2:before {content: "\e73a";}
.rt-icon-linkedin:before {content: "\e73b";}
.rt-icon-linkedin2:before {content: "\e73c";}
.rt-icon-dribbble:before {content: "\e73d";}
.rt-icon-dribbble2:before {content: "\e73e";}
.rt-icon-stumbleupon:before {content: "\e73f";}
.rt-icon-stumbleupon2:before {content: "\e740";}
.rt-icon-lastfm:before {content: "\e741";}
.rt-icon-lastfm2:before {content: "\e742";}
.rt-icon-skype:before {content: "\e743";}
.rt-icon-skype2:before {content: "\e744";}
.rt-icon-behance:before {content: "\e745";}
.rt-icon-vk:before {content: "\e746";}
.rt-icon-smashing:before {content: "\e747";}
.rt-icon-dropbox:before {content: "\e748";}
.rt-icon-evernote:before {content: "\e749";}
.rt-icon-picasa:before {content: "\e74a";}
.rt-icon-instagram2:before {content: "\e74b";}


/*social icons*/
@font-face {
font-family: 'socialicoregular';
src: url('../fonts/socialico-webfont.eot');
src: url('../fonts/socialico-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/socialico-webfont.woff') format('woff'),
url('../fonts/socialico-webfont.ttf') format('truetype'),
url('../fonts/socialico-webfont.svg#socialicoregular') format('svg');
font-weight: normal;
font-style: normal;
}

a[class^="socialico-"] {
font-size: 0px !important;
display: inline-block;
position: relative;
padding-right: 38px;
line-height: 30px;
vertical-align: middle;
}

a[class^="socialico-"]:before {
display: inline-block;
text-indent: 0;
overflow: hidden;
font-family: 'socialicoregular';
font-size: 24px;
text-align: center;
line-height: 1;
position: absolute;
top: -5px;
left: 0;
color:#ffffff;
background-color: #8061ab;
border-radius: 0;
width: 30px;
height: 30px;
margin: 0 3px;
line-height: 30px;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
a[class^="socialico-"]:hover {}
a[class^="socialico-"]:hover:before {
color:#2D2D2D;
background-color: #fff;
-webkit-transition: all 0.1s linear 0s;
-moz-transition: all 0.1s linear 0s;
-o-transition: all 0.1s linear 0s;
-ms-transition: all 0.1s linear 0s;
transition: all 0.1s linear 0s;
}
a[class*="rounded"]:hover:before, a[class*="rounded"]:before {
    background-color: transparent;
    color:#8061ab;
}


a.socialico-soundcloud-rounded:before {content: "!";}
a.socialico-pinterest-rounded:before {content: "&";}
a.socialico-windows-rounded:before {content: "0";}
a.socialico-addthis-rounded:before {content: "1";}
a.socialico-sharethis-rounded:before {content: "2";}
a.socialico-picasa-rounded:before {content: "4";}
a.socialico-lastfm-rounded:before {content: "5";}
a.socialico-technorati-rounded:before {content: "?";}
a.socialico-mac-rounded:before {content: "@";}
a.socialico-dribble-rounded:before {content: "d";}
a.socialico-behance-rounded:before {content: "b";}
a.socialico-facebook-rounded:before {content: "f";}
a.socialico-google-rounded:before {content: "g";}
a.socialico-skype-rounded:before {content: "h";}
a.socialico-linkedin-rounded:before {content: "i";}
a.socialico-deviantart-rounded:before {content: "j";}
a.socialico-bing-rounded:before {content: "k";}
a.socialico-twitter-rounded:before {content: "l";}
a.socialico-myspace-rounded:before {content: "m";}
a.socialico-flickr-rounded:before {content: "n";}
a.socialico-tumblr-rounded:before {content: "o";}
a.socialico-paypal-rounded:before {content: "p";}
a.socialico-rss-rounded:before {content: "r";}
a.socialico-stumbleupon-rounded:before {content: "s";}
a.socialico-blogger-rounded:before {content: "u";}
a.socialico-vimeo-rounded:before {content: "v";}
a.socialico-wordpress-rounded:before {content: "w";}
a.socialico-youtube-rounded:before {content: "x";}
a.socialico-yahoo-rounded:before {content: "y";}
a.socialico-aim-rounded:before {content: "z";}
a.socialico-dribble:before {content: "D";}
a.socialico-behance:before {content: "E";}
a.socialico-facebook:before {content: "F";}
a.socialico-google:before {content: "G";}
a.socialico-skype:before {content: "H";}
a.socialico-linkedin:before {content: "I";}
a.socialico-deviantart:before {content: "J";}
a.socialico-bing:before {content: "K";}
a.socialico-twitter:before {content: "L";}
a.socialico-myspace:before {content: "M";}
a.socialico-flickr:before {content: "N";}
a.socialico-tumblr:before {content: "T";}
a.socialico-paypal:before {content: "P";}
a.socialico-rss:before {content: "R";}
a.socialico-stumbleupon:before {content: "S";}
a.socialico-blogger:before {content: "B";}
a.socialico-vimeo:before {content: "V";}
a.socialico-wordpress:before {content: "W";}
a.socialico-youtube:before {content: "X";}
a.socialico-yahoo:before {content: "Y";}
a.socialico-aim:before {content: "Z";}

/*colors for used social icons*/
a.socialico-facebook:before {background-color:#507cbe;}
a.socialico-twitter:before {background-color:#00abef;}
a.socialico-flickr:before {background-color:#ff0084;}
a.socialico-google:before {background-color:#cb4437;}
a.socialico-linkedin:before {background-color:#00649b;}
a.socialico-dribble:before {background-color:#f76799;}
a.socialico-pint:before {background-color:#00bdec;}


/*fontello arrow icons*/
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?81703720');
  src: url('../fonts/fontello.eot?81703720#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?81703720') format('woff'),
       url('../fonts/fontello.ttf?81703720') format('truetype'),
       url('../fonts/fontello.svg?81703720#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.svg?81703720#fontello') format('svg');
  }
}
*/

 [class^="arrow-icon-"]:before, [class*=" arrow-icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  text-shadow:none !important;
}
.arrow-icon-picture:before { content: '\e848'; }
.arrow-icon-up-micro:before { content: '\e853'; }
.arrow-icon-quote-right-1:before { content: '\e847'; }
.arrow-icon-location:before { content: '\e849'; }
.arrow-icon-down-dir:before { content: '\e84a'; }
.arrow-icon-up-dir:before { content: '\e84b'; }
.arrow-icon-left-dir:before { content: '\e83b'; }
.arrow-icon-right-dir:before { content: '\e83a'; }
.arrow-icon-down-open-3:before { content: '\e83c'; }
.arrow-icon-left-open-4:before { content: '\e83d'; }
.arrow-icon-right-open-4:before { content: '\e83e'; }
.arrow-icon-up-open-3:before { content: '\e83f'; }
.arrow-icon-angle-left:before { content: '\e840'; }
.arrow-icon-angle-right:before { content: '\e841'; }
.arrow-icon-angle-up:before { content: '\e842'; }
.arrow-icon-angle-down:before { content: '\e843'; }
.arrow-icon-angle-double-left:before { content: '\e844'; }
.arrow-icon-angle-double-right:before { content: '\e845'; }
.arrow-icon-angle-double-up:before { content: '\e84d'; }
.arrow-icon-angle-double-down:before { content: '\e84c'; }
.arrow-icon-plus-1:before { content: '\e838'; }
.arrow-icon-minus-1:before { content: '\e839'; }
.arrow-icon-down-open-2:before { content: '\e82a'; }
.arrow-icon-left-open-3:before { content: '\e82b'; }
.arrow-icon-right-open-3:before { content: '\e82c'; }
.arrow-icon-up-open-2:before { content: '\e82d'; }
.arrow-icon-down-open-mini:before { content: '\e82e'; }
.arrow-icon-left-open-mini:before { content: '\e82f'; }
.arrow-icon-right-open-mini:before { content: '\e830'; }
.arrow-icon-up-open-mini:before { content: '\e831'; }
.arrow-icon-down-open-big:before { content: '\e832'; }
.arrow-icon-left-open-big:before { content: '\e833'; }
.arrow-icon-right-open-big:before { content: '\e834'; }
.arrow-icon-up-open-big:before { content: '\e835'; }
.arrow-icon-left-thin:before { content: '\e837'; }
.arrow-icon-right-thin:before { content: '\e836'; }
.arrow-icon-left-open-outline:before { content: '\e81c'; }
.arrow-icon-left-open-2:before { content: '\e81a'; }
.arrow-icon-right-open-outline:before { content: '\e81d'; }
.arrow-icon-right-open-2:before { content: '\e81b'; }
.arrow-icon-down:before { content: '\e81e'; }
.arrow-icon-left:before { content: '\e81f'; }
.arrow-icon-quote-left-1:before { content: '\e846'; }
.arrow-icon-up:before { content: '\e821'; }
.arrow-icon-down-outline:before { content: '\e822'; }
.arrow-icon-left-outline:before { content: '\e823'; }
.arrow-icon-right-outline:before { content: '\e824'; }
.arrow-icon-up-outline:before { content: '\e825'; }
.arrow-icon-down-small:before { content: '\e826'; }
.arrow-icon-left-small:before { content: '\e827'; }
.arrow-icon-right-small:before { content: '\e828'; }
.arrow-icon-up-small:before { content: '\e829'; }
.arrow-icon-plus:before { content: '\e806'; }
.arrow-icon-minus:before { content: '\e807'; }
.arrow-icon-quote-left:before { content: '\e808'; }
.arrow-icon-quote-right:before { content: '\e809'; }
.arrow-icon-quote-left-alt:before { content: '\e818'; }
.arrow-icon-quote-right-alt:before { content: '\e819'; }
.arrow-icon-down-open-1:before { content: '\e800'; }
.arrow-icon-left-open:before { content: '\e801'; }
.arrow-icon-right-open:before { content: '\e80a'; }
.arrow-icon-up-open-1:before { content: '\e80b'; }
.arrow-icon-down-1:before { content: '\e80e'; }
.arrow-icon-left-1:before { content: '\e80c'; }
.arrow-icon-right-1:before { content: '\e80d'; }
.arrow-icon-up-1:before { content: '\e80f'; }
.arrow-icon-down-bold:before { content: '\e810'; }
.arrow-icon-left-bold:before { content: '\e811'; }
.arrow-icon-right-bold:before { content: '\e812'; }
.arrow-icon-up-bold:before { content: '\e813'; }
.arrow-icon-down-fat:before { content: '\e814'; }
.arrow-icon-left-fat:before { content: '\e815'; }
.arrow-icon-right-fat:before { content: '\e816'; }
.arrow-icon-up-fat:before { content: '\e817'; }
.arrow-icon-plus-2:before { content: '\e84e'; }
.arrow-icon-minus-2:before { content: '\e84f'; }
.arrow-icon-quote:before { content: '\e850'; }
.arrow-icon-quote-circled:before { content: '\e851'; }
.arrow-icon-down-open:before { content: '\e802'; }
.arrow-icon-left-open-1:before { content: '\e803'; }
.arrow-icon-right-open-1:before { content: '\e804'; }
.arrow-icon-up-open:before { content: '\e805'; }
.arrow-icon-down-micro:before { content: '\e852'; }
.arrow-icon-right:before { content: '\e820'; }


/*prettyPhoto*/
div.facebook .pp_expand{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px; margin-top: -2px;}
div.facebook .pp_nav .pp_play{background:url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.pp_pic_holder a:focus{outline:none}
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_content{height:40px;min-width:40px; overflow: hidden;}
* html .pp_content{width:40px}
.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;*/ padding:7px 10px; background-color: #fff;}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.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;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.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(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%;-webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
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:30px;top:7px;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#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}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
.extra-space {
    margin-top: 100px;
}
.reg {background-color: #f76799; color:#FFF; }
.headerfixed {
    background-color: #8061AB;
    position: fixed; /* Make it stick, even on scroll */
    overflow: auto; /* Enable scrolling if the sidenav has too much content */
}

@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
   font-family: "entypo", sans-serif;
}
#sticky-social a {
   text-decoration: none;
}
#sticky-social ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
#sticky-social .container {
   margin: 0 auto;
   padding: 20px 50px;
   background: white;
}
#sticky-social {
   left: 0;
   position: fixed;
   top: 150px;
   z-index: 10000;
}
#sticky-social a {
   background: #333;
   color: #fff;
   display: block;
   height: 35px;
   font: 16px "Open Sans", sans-serif;
   line-height: 35px;
   position: relative;
   text-align: center;
   width: 35px;
}
#sticky-social a span {
   line-height: 35px;
   left: -120px;
   position: absolute;
   text-align:center;
   width:120px;
}
#sticky-social a:hover span {
   left: 100%;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #de0f17; }

#sticky-social a[class*="mail"],
#sticky-social a[class*="mail"]:hover,
#sticky-social a[class*="mail"] span { background: #8061AB; }

#sticky-social a[class*="user-add"],
#sticky-social a[class*="user-add"]:hover,
#sticky-social a[class*="user-add"] span { background: #333; }

#sticky-social a[class*="whatsapp"],
#sticky-social a[class*="whatsapp"]:hover,
#sticky-social a[class*="whatsapp"] span { background: #25D366;  }

#sticky-social a[class*="whatsapp"] span {
     margin-top: -3px;
}

#sticky-social-2 a span {
    line-height: 35px;
    right: 0;
    position: absolute;
    text-align: center;
    width: 120px;
    background: #333;
    color: #fff;
}
.sticky-wrapper.is-sticky .navbar-brand{
    top: -15px !important;
}
.is-sticky #header .navbar-brand > img{
    width: 63px !important;
}


/*full calendar*/



/*!
 * FullCalendar v3.0.1 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2016 Adam Shaw
 */
.fc {
    direction: ltr;
    text-align: left;
}

.fc-rtl {
    text-align: right;
}

body .fc {
    /* extra precedence to overcome jqui */
    font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
    border-color: #ddd;
}

.fc-unthemed .fc-popover {
    background-color: #FFFFFF;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
    background: #999999;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #999999;
}

.fc-unthemed .fc-today {
    background: #f5f5f5;
}

.fc-highlight {
    /* when user is selecting cells */
    background: #bce8f1;
    opacity: .3;
}

.fc-bgevent {
    /* default look for background events */
    background: #8fdf82;
    opacity: .3;
}

.fc-nonbusiness {
    /* default look for non-business-hours areas */
    /* will inherit .fc-bgevent's styles */
    background: #d7d7d7;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: "Courier New", Courier, monospace;
    /* don't allow browser text-selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
    position: relative;
}

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%;
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%;
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%;
}

.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%;
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
    border: none;
    border-radius: 30px;
    position: relative;
    padding: 6px 12px;
    font-weight: 400;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.fc button::-moz-focus-inner {
    border: 0;
}
.fc button, .fc button.btn-primary {
    box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
}
.fc button, .fc button:hover, .fc button:focus, .fc button:active, .fc button.active, .fc button:active:focus, .fc button:active:hover, .fc button.active:focus, .fc button.active:hover, .open > .fc button.dropdown-toggle, .open > .fc button.dropdown-toggle:focus, .open > .fc button.dropdown-toggle:hover, .fc button.btn-primary, .fc button.btn-primary:hover, .fc button.btn-primary:focus, .fc button.btn-primary:active, .fc button.btn-primary.active, .fc button.btn-primary:active:focus, .fc button.btn-primary:active:hover, .fc button.btn-primary.active:focus, .fc button.btn-primary.active:hover, .open > .fc button.btn-primary.dropdown-toggle, .open > .fc button.btn-primary.dropdown-toggle:focus, .open > .fc button.btn-primary.dropdown-toggle:hover {
    background-color: #9c27b0;
    color: #FFFFFF;
}
.fc button:focus, .fc button:active, .fc button:hover, .fc button.btn-primary:focus, .fc button.btn-primary:active, .fc button.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}
.fc button.disabled, .fc button.disabled:hover, .fc button.disabled:focus, .fc button.disabled.focus, .fc button.disabled:active, .fc button.disabled.active, .fc button:disabled, .fc button:disabled:hover, .fc button:disabled:focus, .fc button:disabled.focus, .fc button:disabled:active, .fc button:disabled.active, .fc button[disabled], .fc button[disabled]:hover, .fc button[disabled]:focus, .fc button[disabled].focus, .fc button[disabled]:active, .fc button[disabled].active, fieldset[disabled] .fc button, fieldset[disabled] .fc button:hover, fieldset[disabled] .fc button:focus, fieldset[disabled] .fc button.focus, fieldset[disabled] .fc button:active, fieldset[disabled] .fc button.active, .fc button.btn-primary.disabled, .fc button.btn-primary.disabled:hover, .fc button.btn-primary.disabled:focus, .fc button.btn-primary.disabled.focus, .fc button.btn-primary.disabled:active, .fc button.btn-primary.disabled.active, .fc button.btn-primary:disabled, .fc button.btn-primary:disabled:hover, .fc button.btn-primary:disabled:focus, .fc button.btn-primary:disabled.focus, .fc button.btn-primary:disabled:active, .fc button.btn-primary:disabled.active, .fc button.btn-primary[disabled], .fc button.btn-primary[disabled]:hover, .fc button.btn-primary[disabled]:focus, .fc button.btn-primary[disabled].focus, .fc button.btn-primary[disabled]:active, .fc button.btn-primary[disabled].active, fieldset[disabled] .fc button.btn-primary, fieldset[disabled] .fc button.btn-primary:hover, fieldset[disabled] .fc button.btn-primary:focus, fieldset[disabled] .fc button.btn-primary.focus, fieldset[disabled] .fc button.btn-primary:active, fieldset[disabled] .fc button.btn-primary.active {
    box-shadow: none;
}
.fc button.btn-simple, .fc button.btn-primary.btn-simple {
    background-color: transparent;
    color: #9c27b0;
    box-shadow: none;
}
.fc button.btn-simple:hover, .fc button.btn-simple:focus, .fc button.btn-simple:active, .fc button.btn-primary.btn-simple:hover, .fc button.btn-primary.btn-simple:focus, .fc button.btn-primary.btn-simple:active {
    background-color: transparent;
    color: #9c27b0;
}

.fc button[disabled],
.fc button[disabled]:focus,
.fc button[disabled]:hover {
    cursor: default;
    background-color: #999999;
    border-color: #999999;
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.fc-state-default {
    /* non-theme */
    border: 1px solid;
}

/*.fc-state-default.fc-corner-left { non-theme
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}*/
/* icons in buttons */
.fc button .fc-icon {
    /* non-theme */
    position: relative;
    top: -0.05em;
    /* seems to be a good adjustment across browsers */
    margin: 0 .2em;
    vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #333333;
    background-color: #e6e6e6;
}

.fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
    background-color: #cccccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
    display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
    /* extra precedence b/c buttons have margin set to zero */
    float: left;
    margin: 0 0 0 2px;
}

.fc .fc-button-group > :first-child {
    /* same */
    margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
    /* TODO: be more consistent with fc-head/fc-body */
    padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
    margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
    cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
    float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
    float: right;
}

/* unthemed */
.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px;
}

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0;
    /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
    border-style: solid;
    border-width: 1px;
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    /* height is unreliable across browsers, so use padding */
    border-width: 1px 0;
}

.fc-clear {
    clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
    /* these element should always cling to top-left/right corners */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-bg {
    bottom: 0;
    /* strech bg to bottom edge */
}

.fc-bg table {
    height: 100%;
    /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
    width: 100%;
    box-sizing: border-box;
    /* fix scrollbar issue in firefox */
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
    /* normalize cross-browser */
}

.fc th {
    text-align: center;
}

.fc th,
.fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}

.fc td.fc-today {
    border-style: double;
    /* overcome neighboring borders */
}

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
    cursor: pointer;
}

a[data-goto]:hover {
    text-decoration: underline;
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
    /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
    /* no visible border by default. but make available if need be (scrollbar width compensation) */
    border-style: solid;
    border-width: 0;
}

.fc-row table {
    /* don't put left/right border on anything within a fake row.
       the outer tbody will worry about this */
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    /* no bottom borders on rows */
    border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
    border-top: 0 hidden transparent;
    /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
    position: relative;
}

.fc-row .fc-bg {
    z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
    bottom: 0;
    /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
    height: 100%;
    /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
    border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2;
}

.fc-row .fc-highlight-skeleton {
    z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px;
    /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
    z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    /* see-through to the background below */
    background: none;
    /* in case <td>s are globally styled */
    border-color: transparent;
    /* don't put a border between events and/or the day number */
    border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
    /* don't put a border between event cells */
    border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
    -webkit-overflow-scrolling: touch;
}

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
    position: relative;
    /* re-scope all positions */
    width: 100%;
    /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
    position: relative;
    /* for resize handle and other inner positioning */
    display: block;
    /* make the <a> tag block */
    font-size: .85em;
    line-height: 1.3;
    border-radius: 2px;
    background-color: #4caf50;
    /* default BACKGROUND color */
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
    font-weight: normal;
    /* undo jqui's ui-widget-header bold */
}
.fc-event.event-azure {
    background-color: #00bcd4;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}
.fc-event.event-green {
    background-color: #4caf50;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.fc-event.event-orange {
    background-color: #ff9800;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
.fc-event.event-red {
    background-color: #f44336;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}
.fc-event.event-rose {
    background-color: #e91e63;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
}
.fc-event.event-default {
    background-color: #999999;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(153, 153, 153, 0.4);
}

.fc-event-dot {
    background-color: #3a87ad;
    /* default BACKGROUND color */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
    color: #FFFFFF;
    /* default TEXT color */
    text-decoration: none;
    /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
    cursor: pointer;
    /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
    /* to override an event's custom cursor */
    cursor: not-allowed;
}

.fc-event .fc-bg {
    /* the generic .fc-bg already does position */
    z-index: 1;
    background: #FFFFFF;
    opacity: .25;
}

.fc-event .fc-content {
    position: relative;
    z-index: 2;
}

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
}

/* resizer (touch devices) */
.fc-event .fc-resizer {
    display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
    /* only show when hovering or selected (with touch) */
    display: block;
}

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
    /* 40x40 touch area */
    content: "";
    position: absolute;
    z-index: 9999;
    /* user of this util can scope within a lower z-index */
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
}

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
    z-index: 9999 !important;
    /* overcomes inline z-index */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected.fc-dragging {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    /* below resizers */
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    /* replace the border with padding */
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    /* replace the border with padding */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px;
    /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px;
    /* overcome border */
}

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    /* overcome top border */
    bottom: -1px;
    /* overcome bottom border */
}

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
    /* 8x8 little dot */
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    /* vertically center */
    top: 50%;
    margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px;
    /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px;
    /* centers the 8x8 dot on the right edge */
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
    margin: 2px 5px 0;
    /* spacing between events and edges */
    padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
    margin-top: 2px;
    /* a little bit more space before the first event */
}

.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    /* same z-index as fc-bg, behind text */
    /* overcome the borders */
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    /* darkening effect */
    background: #000;
    opacity: .25;
}

.fc-day-grid-event .fc-content {
    /* force events to be one-line tall */
    white-space: nowrap;
    overflow: hidden;
}

.fc-day-grid-event .fc-time {
    font-weight: bold;
}

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px;
    /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px;
    /* to the day cell's edge */
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none;
}

a.fc-more:hover {
    text-decoration: underline;
}

.fc-limited {
    /* rows and cells that are hidden because of a "more" link */
    display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
    z-index: 1;
    /* make the "more" popover one higher than this */
}

.fc-more-popover {
    z-index: 2;
    width: 220px;
}

.fc-more-popover .fc-event-container {
    padding: 10px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
    position: absolute;
    border: 0 solid red;
}

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
    text-align: center;
    margin-bottom: 1em;
}

.fc-toolbar .fc-left {
    float: left;
}

.fc-toolbar .fc-right {
    float: right;
}

.fc-toolbar .fc-center {
    display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
    /* extra precedence to override button border margins */
    float: left;
    margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
    /* extra precedence to override button border margins */
    margin-left: 0;
}

/* title text */
.fc-toolbar h2 {
    margin: 0;
    font-size: 1.8em;
}

/* button layering (for border precedence) */
.fc-toolbar button {
    position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2;
}

.fc-toolbar .fc-state-down {
    z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4;
}

.fc-toolbar button:focus {
    z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.fc-view,
.fc-view > table {
    /* so dragged elements can be above the view's main element */
    position: relative;
    z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
    /* there may be week numbers in these views, so no padding-top */
    padding-bottom: 1em;
    /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em;
    /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
    overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

/* week and day number styling */
.fc-day-top.fc-other-month {
    opacity: 0.3;
}

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
    padding: 2px;
}

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
    padding: 0 2px;
    /* column headers can't have as much v space */
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px 0;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px;
}

.fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: #808080;
}

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
    text-align: center;
}

.fc-basic-view td.fc-week-number > * {
    /* work around the way we do column resizing and ensure a minimum width */
    display: inline-block;
    min-width: 1.25em;
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2;
    /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em;
    /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-bottom: 1em;
    /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
    /* .fc to overcome default cell styles */
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}

.fc-ltr .fc-axis {
    text-align: right;
}

.fc-rtl .fc-axis {
    text-align: left;
}

.ui-widget td.fc-axis {
    font-weight: normal;
    /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
    /* so slats/bg/content/etc positions get scoped within here */
    position: relative;
    z-index: 1;
}

.fc-time-grid {
    min-height: 100%;
    /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table {
    /* don't put outer borders on slats/bg/content/etc */
    border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
    z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
    /* the <hr> AgendaView injects when grid is shorter than scroller */
    position: relative;
    z-index: 2;
}

.fc-time-grid .fc-content-col {
    position: relative;
    /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
}

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2;
}

.fc-time-grid .fc-highlight-container {
    position: relative;
    z-index: 3;
}

.fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
    z-index: 5;
}

.fc-time-grid .fc-helper-container {
    /* also is fc-event-container */
    position: relative;
    z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0;
    /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content {
    /* for jqui theme */
    background: none;
    /* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
    /* a div within a cell within the fc-highlight-skeleton */
    position: relative;
    /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0;
    /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
    /* space on the sides of events for LTR (default) */
    margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
    /* space on the sides of events for RTL */
    margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1;
    /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
    /* background events always span full width */
    left: 0;
    right: 0;
}

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
    /* events that are continuing from another day */
    /* replace space made by the top border with padding */
    border-top-width: 0;
    padding-top: 1px;
    /* remove top rounded corners */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
    /* replace space made by the top border with padding */
    border-bottom-width: 0;
    padding-bottom: 1px;
    /* remove bottom rounded corners */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
    overflow: hidden;
    /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event.fc-selected {
    /* need to allow touch resizers to extend outside event's bounding box */
    /* common fc-selected styles hide the fc-bg, so don't need this anyway */
    overflow: visible;
}

.fc-time-grid-event.fc-selected .fc-bg {
    display: none;
    /* hide semi-white background, to appear darker */
}

.fc-time-grid-event .fc-content {
    overflow: hidden;
    /* for when .fc-selected */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
    padding: 0 1px;
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap;
}

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
    /* don't wrap to second line (now that contents will be inline) */
    white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
    /* put the time and title on the same line */
    display: inline-block;
    vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
    display: none;
    /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start);
    /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0";
    /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    /* make the title text the same size as the time */
    padding: 0;
    /* undo padding from above */
}

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
    content: "=";
}

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
    /* 10x10 dot */
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    /* horizontally center */
    left: 50%;
    margin-left: -5px;
    /* center on the bottom edge */
    bottom: -5px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0;
}

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px;
    /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    /* triangle pointing right... */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    /* triangle pointing left... */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

/* view wrapper */
.fc-rtl .fc-list-view {
    direction: rtl;
    /* unlike core views, leverage browser RTL */
}

.fc-list-view {
    border-width: 1px;
    border-style: solid;
}

/* table resets */
.fc .fc-list-table {
    table-layout: auto;
    /* for shrinkwrapping cell content */
}

.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px;
}

.fc-list-table tr:first-child td {
    border-top-width: 0;
}

/* day headings with the list */
.fc-list-heading {
    border-bottom-width: 1px;
}

.fc-list-heading td {
    font-weight: bold;
}

.fc-ltr .fc-list-heading-main {
    float: left;
}

.fc-ltr .fc-list-heading-alt {
    float: right;
}

.fc-rtl .fc-list-heading-main {
    float: right;
}

.fc-rtl .fc-list-heading-alt {
    float: left;
}

/* event list items */
.fc-list-item.fc-has-url {
    cursor: pointer;
    /* whole row will be clickable */
}

.fc-list-item:hover td {
    background-color: #f5f5f5;
}

.fc-list-item-marker,
.fc-list-item-time {
    white-space: nowrap;
    width: 1px;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
    padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
    padding-left: 0;
}

.fc-list-item-title a {
    /* every event title cell has an <a> tag */
    text-decoration: none;
    color: inherit;
}

.fc-list-item-title a[href]:hover {
    /* hover effect only on titles with hrefs */
    text-decoration: underline;
}

/* message when no events */
.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table;
}

.fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.fc-unthemed .fc-list-empty {
    /* theme will provide own background */
    background-color: #eee;
}

.card-calendar table td {
    text-align: right;
}
.card-calendar .content {
    padding: 0 !important;
}
.card-calendar .fc-toolbar {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.card-calendar .fc td:first-child {
    border-left: 0;
}
.card-calendar .fc td:last-child {
    border-right: 0;
}
.card-calendar .fc-basic-view td:last-child.fc-week-number span,
.card-calendar .fc-basic-view td:last-child.fc-day-number {
    padding-right: 20px;
}
.card-calendar .fc .fc-day-header:last-child {
    padding-right: 15px;
}
.card-calendar .fc .fc-widget-header {
    border: 0;
}
.card-calendar .fc .fc-widget-header .fc-title {
    color: #FFFFFF;
}
.card-calendar .fc th {
    text-align: right;
    color: #999999;
}
.card-calendar .title {
    margin-top: -9px;
}
.card-calendar .fc .fc-row:last-child td {
    border-bottom: 0;
}
.card-calendar .fc .fc-body .fc-widget-content {
    border-bottom: 0;
}





/* V styles */

.chat_on_whatsapp {
	position: fixed;
	left: 1rem;
    bottom: 2rem;
    display: flex;
	background: #8061ab;
	border-radius: .25em;
	padding: .5em 1em;
	color: #fff;
    transition: opacity .5s;
    z-index: 10000;
}

.slide img {
  object-fit: cover;
}


#header .overlay-info {
    background: black;
    display: flex;
    padding: 4px 0 4px 0;
}

#header .overlay-info > a {
    margin: auto;
    font-weight: 600;
    color: white;
    text-decoration: underline;
}

.ad {
    overflow: hidden;
}


button.learn-more {
  width: 180px;
  height: auto;
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  margin-top: 5px;
}
button.learn-more .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #8061ab;
  border-radius: 1.625rem;
}
button.learn-more .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
button.learn-more .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
button.learn-more .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform: rotate(45deg);
}
button.learn-more .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: -2px;
  left: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 3.325rem;
  color: #8061ab;
  font-weight: 700;
  line-height: 1.6;
  /* text-align: center; */
  text-transform: uppercase;
}
button:hover .circle {
  width: 100%;
}
button:hover .circle .icon.arrow {
  background: #fff;
  transform: translate(1rem, 0);
}
button:hover .button-text {
  color: #fff;
}