@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

/*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: transparent;}
.form-inline .form-group {margin-bottom: 0px;}
.form-control {box-shadow: none; height: 48px; margin-bottom:4px; padding: 4px 12px; vertical-align: middle; -webkit-border-radius: 0px; border-radius: 0px;  border:1px solid transparent; background-color: #fff; font-size: 16px;}
.form-control:focus { border-color: #ccc; outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.panel-title {font-size: 20px; font-weight: 300;}
.panel-title > a {color:#00afd1;}
.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: #FAFAFA; color:#00afd1; position: relative;border:1px solid #EBE8E3; border-radius: 0;}
.panel-heading {padding: 16px 11px 14px 56px;}
.panel-heading[class*="rt-icon-"]:before {position: absolute; font-size: 20px; color:#00afd1; left: 20px;}
.accordion-toggle:after {
display: block; 
content: "";
position: absolute;
right: 10px;
top:18px;
font-size: 0;
width: 17px;
height: 17px;
color: transparent;
background:url("../img/bg_li.png") no-repeat -17px 0 #00afd1;
-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{background-position: 0px; background-color: #00afd1;}
.panel-default {border-color: transparent; }
.panel-group .panel + .panel {margin-top: 0;}
.panel-group .panel-heading + .panel-collapse .panel-body {
    border-right: 1px solid #EBE8E3;
    border-left: 1px solid #EBE8E3;
    border-bottom: 1px solid #EBE8E3;
    border-top: none;
}

.panel-body {padding-left: 21px;}
.breadcrumb {background: transparent; padding: 0; margin-bottom: 0;}
.pagination {margin:88px 0 -20px;} 
.pagination > li >  a {
    font-size: 0.9em;
    padding: 6px 12px;
    border:1px solid #EBE8E3;
    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: #fcfcfc; opacity: 0.9; color:#00afd1; border-color:#EBE8E3;} 
.pagination > li.active > a {color:#00afd1;}
.carousel-indicators {display: none;}
.carousel-control {width:30px;}
.carousel-control.right, .carousel-control.left {background-image: none;}
.carousel-control > span { width: 39px !important; height: 39px !important; background: #00afd1;}
.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;}
.carousel-control > span.icon-next:before {content:"\e834"; left:13px;}
.progress {height: 39px; box-shadow: none; background-color: #EBE8E3; border-radius: 0; margin-bottom: 10px;}
.progress-bar {font-size: inherit; text-align: left; -webkit-box-shadow: none; box-shadow: none;}
.progress-bar span {display: inline-block; padding: 8px 19px;}
.sr-only {position: static; width:auto; height: auto;}
.progress-bar-info {background-color: #00afd1;}
.thumbnail {padding: 0; border: none;}
.thumbnail .caption {color:inherit; text-align: center;}

.tab-content {border:1px solid #EBE8E3; padding: 30px 30px 24px; -webkit-border-radius: 2px; border-radius: 2px;}
.nav-tabs {border-bottom-color: transparent;  font-size: 16px; margin-top: 20px; margin-bottom: -1px;}
.nav-tabs > li > a {padding: 13px 20px; background-color: #EBE8E3; color:#00afd1; margin-right: 0; margin-top: 20px; border-radius: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color:#2D2D2D;
    border: 1px solid #EBE8E3; 
    border-bottom: 1px solid #fff;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #fff;
}
.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*/
#abovecontent {padding: 30px 0;}
#additional {padding: 40px 0 60px;}
#belowcontent {padding: 40px 0 60px;}
#copyright {padding: 24px 0 12px;}
#features {padding: 0 0 60px;}
#footer {padding: 30px 0 40px; }
#frontpage {padding: 30px 0 80px;}
#header {}
#land {padding-top:80px; padding-bottom: 60px;}
#map {height: 400px;}
#middle {padding: 30px 0 44px;}
#partners {padding: 40px 0 80px;}
#portfolio {padding: 20px 0 0;}
#prices {padding: 20px 0 60px;}
#process {padding: 60px 0px;}
#progress {padding: 40px 0 60px;}
#skills {padding: 20px 0 40px;}
#subscribe {padding: 105px 0 110px;}
#team {padding: 20px 0 50px;}
#testimonials {padding: 60px 0 40px;}
#top_slider {margin: 60px 0 80px;}
#tweets {padding: 66px 0 102px;}
#video {padding: 60px 0;}
.row + .row {margin-top: 20px;}
#land .container {display: table; height: 100%;}
#land .row {display: table-cell; vertical-align: middle;}
.title_section h1, .title_section h2, .title_section h3, .title_section h4 {margin:0;}
@media screen and (max-width: 767px) {
    .title_section .row, .title_section [class*="col-"], #land .container, #land .row {display: block;}
    [class*="col-"] + [class*="col-"] {margin-top: 70px;}
    .container {max-width: 450px;}
    #header {text-align: center;}
    #header select {margin: 0 auto; }
    #header [class*="col-"] + [class*="col-"] {margin: 10px 0;}
    #partners [class*="col-"] + [class*="col-"] {margin-top: 30px;}
    #portfolioContainer [class*="col-"] + [class*="col-"] {margin:20px 0;}
    #mainslider [class*="col-"] + [class*="col-"] {margin:0;}
}
/*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: background-position .05s ease;
-moz-transition: background-position .05s ease;
transition: background-position .05s ease;
overflow: hidden;
}

#land {
    background-image: url(../img/parallax/how.jpg);
}
#progress {background-image: url(../img/parallax/how.jpg);}
#testimonials {background-image: url(../img/parallax/testimonials.jpg);}
#tweets {background-image: url(../img/parallax/tweet.jpg);}

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

::-moz-selection {
    background: #00afd1;
    color: #fff;
}
body {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 300;
color: #7c7c7c;
font-size: 13px;
line-height: 20px;
background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
font-weight: 700;
color: #40474e;
text-transform: uppercase;
}
p{
margin-bottom: 15px;
}

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

blockquote, .blockquote {
position: relative;    
border: 1px solid #EBE8E3;
margin: 20px 0;
padding: 10px 10px 10px 36px;
}
blockquote:before, .blockquote:before {
    font-family: 'fontello';
    display: block;
    position: absolute;
    font-size: 20px;
    left: 9px;
    content: '\e818';
}
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: #00afd1;
    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: #00afd1;    
    opacity: 0.85;
    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: #00afd1;
    outline: medium none;
    text-decoration: none;
}
iframe{border:none; max-width: 100%;}

.theme_btn {
    font-weight: 400;
    background-color: #00afd1; 
    padding: 10px 30px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    color: #ffffff;
    border:none;


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


.theme_btn:active, .theme_btn:hover, .theme_btn:focus{
    background-color: #2D2D2D;
    color: #ffffff;
    opacity: 1;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
}
.theme_btn:active {

}

.theme_btn.inverse {
    background-color: transparent;
    border: 2px solid #2D2D2D;
    color: #2D2D2D;
}
.theme_btn.inverse:hover {
    background-color: #2D2D2D;
    color:#fff;
}
.theme_btn + .theme_btn {margin-left: 4px;}
.form-submit .theme_btn  {display: block; width:100%;}


/*utilites*/
.not_found {color:#00afd1; font-weight: 400; font-size: 200px; line-height: 1.1;  margin:54px 0 -39px;}
.highlight, #response {color: #00afd1;}
.grey {color: #00afd1;}
.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;}
.block-header {margin-top: 40px; margin-bottom: 60px; position: relative;}
.block-header:before, .block-header:after {display: block; content: ''; position: absolute; width:60px; height: 17px; background: url(../img/bg_bh_left.png) no-repeat 0 0 transparent; bottom:-36px; left:50%; margin-left: -62px;}
 .block-header:after {background-image: url(../img/bg_bh_right.png); margin-left: 2px;}
.block-header + p {margin-top: 40px; margin-bottom: 40px; font-size: 16px;}
.block-header + h3 {font-size: 46px; margin-top: 10px;}
.block > h3 {margin-top: 0; margin-bottom: 18px;}
.page-title{margin:0 0 32px 0;}
.entry-title {margin: 0 0 8px;}
.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;
}

/*sections*/
#land {
position: relative;
width: 100%;
height: 100%;
top:0;bottom: 0;

}
#land .navbar-brand{ font-size: 60px; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
font-weight: 700; text-transform: uppercase; text-shadow: 0 0px 6px rgba(0, 0, 0, 0.3); display: block; margin-bottom: 50px; margin-top: -62px; line-height: 1em;}
#land .navbar-brand img { display: block; width: 150px; margin:0 auto 50px; background-color: rgba(255,255,255,0.15); border-radius: 100%;}
@media screen and (max-width: 500px) {
#land .navbar-brand img {display: none;}
}
#land h3 {font-size: 20px; line-height: 1.2em; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); margin: 10px 0 20px;}
#land [class^="rt-icon-"] {text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
#land .bxslider li {text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); font-size: 22px; text-transform: uppercase;}
#land .widget_testimonials .carousel-introtext {
font-size: 30px !important;
}
#land .theme_btn {background-color: transparent; color:#00afd1; border:2px solid #00afd1; display: inline-block; margin-top: 50px;}
#land .theme_btn:hover {background-color: #00afd1; color:#fff; border:2px solid #00afd1;}
#land .single_teaser.icons.style5 span[class^="rt-icon-"] {font-size: 20px; display: inline-block; width: 40px; height: 40px; line-height: 36px; border:2px solid #fff; border-radius: 100%; margin-bottom: 26px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; 
}
#land .single_teaser.icons.style5:hover span[class^="rt-icon-"] {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);    
}
#header {
    /*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);
    padding: 0; background-color: #fff; width: 100%; z-index: 10000; position: relative;
     top: -62px; 
}
.is-sticky #header {top: 0;}
#header-sticky-wrapper {background-color: #EBE8E3;}
#header .row {position: relative;}
#header .navbar-brand{display: block; position: absolute; z-index: 10; color:#2D2D2D; left:15px;
font-size: 36px;
}
#header .navbar-brand span {position: relative; top:-6px;}
#header .navbar-brand img{}
#big-logo {position: absolute; top:40px; left: 50%; z-index: 5; margin-left: -63px;}
#social {position: relative; display: inline-block; margin: 30px 0 30px;}
#social:before, #social:after {position: absolute; display: block; content: ''; width: 40px; height: 1px; left:-60px; top:50%; background-color: #fff; opacity: 0.3;}
#social:after {left:auto; right: -60px;}
@media screen and (max-width: 991px) {
    #header .navbar-brand {display: none; top:0; padding: 0 15px;}
}
.mainmenu_wrap:before, .mainmenu_wrap:after {display: table; content:""; clear:both;}
#abovecontent {}
#abovecontent + #middle {}

#map img {max-width: inherit;}

#middle h1:first-child, #belowcontent h1:first-child{margin-top: 0;}
#middle div.text-center h1 {margin: 54px 0 28px;}
#middle p + .text-center .theme_btn {margin-top: 53px;}
aside .block + .block {margin-top: 34px;}
#additional {text-align: center;}
#partners {}
#partners h1{margin-bottom: 34px;color:#2D2D2D; text-align: center;}
.single_partner {text-align: center;}
.single_partner > a {position: relative; display: block; overflow: hidden;}
.wide_link {display: block; text-align: center;background-color: #00afd1; position: absolute; top:-10%; width:100%; height: 100%;opacity: 0;
-webkit-transition: all 0.2s ease-in-out ;
transition: all 0.2s ease-in-out ;
}
.single_partner > a:hover .wide_link {top:0;opacity: 0.7;}
#subscribe {}
#subscribe h1{}
#subscribe .form-control {}
#subscribe .form-control:focus {-webkit-box-shadow: none;
box-shadow: none;}
#map_wrap {position: relative;}
#map_wrap .widget_contact {position: absolute; z-index: 2; background-color: #ffffff; top:40px; padding: 20px 20px;
}
@media (max-width: 767px) {
    #subscribe .form-control {width:100%;}
    #progress{background-position: 0 100% !important;}
    #partners{background-position: 50% 0 !important;}
}
@media (max-width: 991px) {
    #map_wrap .widget_contact {position: static; margin: 40px 0;}
}
#footer {}
#footer .social-icons{margin: 53px 0 50px;}

/*common sections*/
.grey_section {background-color: #EBE8E3;}
.color_section {background-color: #00afd1; color:#fff;}
.title_section h2 {font-size: 65px; line-height: 1em;}
.title_section h3 { line-height: 1.4em;}
.dark_section {color: #fff; background-color: #2D2D2D;}
.dark_section h1, .color_section h1,
.dark_section h2, .color_section h2,
.dark_section h3, .color_section h3,
.dark_section h4, .color_section h4,
.dark_section h5, .color_section h5,
.dark_section h6, .color_section h6 {color:#fff;}
.dark_section#portfolio h4, .dark_section#portfolio p {color:#2D2D2D;}

.dark_section a, .color_section a {color:#fff;}
.dark_section a:hover {}
.dark_section .block > h3 { color: #fff; font-size: 26px;}
.dark_section .widget_news li + li {border-color: #444;}
.dark_section .form-control {border-color:#444;}
.dark_section .widget_nav_menu a {color:#00afd1;}
.dark_section .widget_nav_menu a:hover {color:#ffffff;}
.dark_section a[class^="socialico-"]:before { color:#fff; background-color: transparent; border:2px solid #fff; border-radius: 100%;}
.dark_section a[class^="socialico-"]:hover:before {opacity: 1; background-color: transparent; border-color: #00afd1; color:#00afd1;}
.dark_section [class^="rt-icon-"] {color:#ffffff !important;}

#copyright {text-align: center;}
#copyright p {}
#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;}

/*contact form*/
.contact-form p {}
.contact-form p:first-child {padding-left: 0;}
p.contact-form-name,p.contact-form-email,p.contact-form-subject {
    margin-bottom: 10px;
}
.contact-form-50 p.contact-form-name, .contact-form-50 p.contact-form-email, .contact-form-50 p.contact-form-email {
 width:50%;   
}
p.contact-form-message, p.form-submit {
   padding:0;
}
/*p.contact-form-submit {margin-top: 40px;}*/

@media (max-width: 570px) {

    p.contact-form-name, p.contact-form-email, p.contact-form-subject {
        float: none; width: 100% !important;
    }
}

/* 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 {
    text-transform: uppercase;
    padding: 0;
    text-decoration: none;
    zoom: 1; /* IE7 */
    color: #2D2D2D;
}
.sf-menu a:hover {
/*    color:#00afd1;*/
}
.sf-menu > li {
    /*text-align: center;
    padding:28px 0 18px 36px;
    */
}
.sf-menu > li > a {
    padding:10px 0px 6px;
    margin:10px 16px 14px;
    text-transform:uppercase;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    border-bottom: 2px solid transparent;  
    
}
.sf-menu > li > a:hover, .sf-menu > li.active > a{
color:#00afd1;
border-color:#00afd1;
}
.sf-menu > li li.active > a {background-color:#00afd1; 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 !important;
    background-color: #00afd1;
    padding: 17px 0 10px;
     -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 20px;
}

.sf-menu ul li + li {
}

.sf-menu ul a {
    padding: 7px 0;
    color:#fff;
}
.sf-menu ul a:hover {
opacity: 0.6;
}
.sf-menu ul li:first-child a {
/*    padding-top:4px;
    border-top: none;*/
}

.sf-menu ul li:last-child a {
/*    padding-bottom: 0;*/
}
.sf-menu ul ul{
    background-color: #00afd1;
    margin-left: 3px;
}
.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: 768px){
    #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:auto; 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;}
    /*#header + #mainslider, #header + #abovecontent, #header + #middle {padding-top: 48px;}*/
    #mainmenu { 
        display: none; margin:0 0 17px 0; padding-top: 17px; position: relative; height: 350px; overflow: auto;
        border-top: 1px solid #fff; 
    }
    .main-menu-icon {
        padding: 15px 0;
        display: block;
        margin: 0 auto;
        width: 30px;
        cursor: pointer;
    }
    .main-menu-icon span {
        margin:0 auto 3px;
        display: block;
        height: 3px;
        background-color: #2D2D2D;
    }
    .sf-menu > li {
        display: block;
        padding: 0;
        float:none;
    }
    .sf-menu > li + li{
        border-left: none;
    }
    .sf-menu > li > a {
        padding: 4px 0;
        margin:10px ;
        text-align: left;
    }
    .sf-menu ul {
        text-align: left;
        position: static;
        display: none !important;
        opacity: 1 !important;
        padding: 0 0 0 20px;
        margin: 0 30px 0 0;
        -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:#00afd1;
        opacity: 0.5;
    }
    .sf-menu ul a {
        font-size: 14px;
        margin-top: 3px;
        margin-bottom: 3px;
        padding: 5px 0;
        border: none;
    }
    #copyright {text-align: center;}
    #copyright .widget_nav_menu ul {float:none;}
}

.menu-item-number,
.menu-item-desc {display: none; color:#00afd1;
    font-size: 12px; letter-spacing: 0px;}
.is-sticky .menu-item-number,
.is-sticky .menu-item-desc {display: none !important;}
/*header on large screens styles*/
@media (min-width: 991px) {
    /*mainmenu*/
/*  .menu-item-number,
    .menu-item-desc,
    .menu-item-desc:before {display: block; }
    .menu-item-desc {position: relative;}
*/
}


/*
 * 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 {width: 100%; display: block;}
.flexslider .slides .slider_images img {width: auto; display: inline-block; background-color: #00afd1; 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: #00afd1;}
.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;}
.carousel li { /*margin-right: 5px;*/ }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 50px; height: 50px; margin: -25px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; background-color: #fff; font-size: 0; color:transparent; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 0; }
.flex-direction-nav .flex-next { right: 0; }
.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: 1; background-color: #00afd1;}
.flex-direction-nav .flex-disabled { opacity: 0!important; 
    filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before {
    background: url(../img/arrows-slider-big.png) no-repeat -3px 0 #00afd1;
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;

    -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 {background-position: -3px 0; background-color: #00afd1;}
.flex-direction-nav a.flex-next:before  { background-position: -49px 0px; }
.flex-direction-nav a.flex-next:hover:before  { background-position: -49px 0px; }

/* 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: 16px; text-align: center; z-index: 2;}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {
cursor: pointer;
background-color: #00afd1;
opacity: 0.6;
display: inline-block;
text-indent: -30px;
overflow: hidden;
width: 20px;
height: 12px;
margin: 0 5px 0 0;
}
.flex-control-paging li a:hover { opacity: 1; background: #00afd1 !important; }
.flex-control-paging li a.flex-active { background: #00afd1; cursor: default; opacity: 1;}

.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; background: #F4F4F4;}

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

.fullwidthimage .imagedesc {
    color:#fff;
    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;}


.fullwidthcontent {padding: 60px 0 60px;}
.regular_image {position: relative;}
.regular_image img, img.leftcontent_image {    
    display: block;
}
.regular_image .slide_description {
    background-color: #00afd1;
    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:#fff;
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) {
    .flex-direction-nav {display: none;}
    #big-logo{max-width: 80px; top:30px; margin-left: -40px;}
    .slides .slide_description {
        background-color: transparent !important;
        padding: 0 !important;
        left:10px !important;
        bottom:10px !important;
        right:auto !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
    }
    .leftcontent .slide_description {position: relative; top:auto !important;}
}

@media screen and (max-width: 700px) {
    .imagetitle {font-size: 18px !important;}
    .imagedesc {font-size: 13px !important;}
}

@media screen and (max-width: 500px) {
    .imagetitle {font-size: 14px !important;}
    .imagedesc {font-size: 12px !important;}
    .fullwidthimage .imagedesc {display: none;}
}


/*totop*/
#toTop {
background: #00afd1;
bottom: 14px;
display: none;
height: 50px;
width: 50px;
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:15px;
    top:16px;
    
}


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


/*RT 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: 47px;
line-height: 40px;
vertical-align: middle;
}

a[class^="socialico-"]:before {
display: inline-block;
text-indent: 0;
overflow: hidden;
font-family: 'socialicoregular';
font-size: 30px;
text-align: center;
line-height: 1;
position: absolute;
top: -5px;
left: 0;
color:#ffffff;
background-color: #00afd1;
width: 40px;
height: 40px;
margin: 0 3px;
line-height: 40px;
-webkit-transition: all 0.4s linear 0s;
-moz-transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
-ms-transition: all 0.4s linear 0s;
transition: all 0.4s linear 0s;
}
a[class^="socialico-"]:hover {}
a[class^="socialico-"]:hover:before {
color:#fff;
background-color: #2D2D2D;
-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:#00afd1;
}


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

/*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'; }

/*horizontal slider*/
.horizontal_slider_list_wrapper {
    position: relative;
    margin-top: 37px;
}
.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;
height: 23px;
text-indent: 100%;
width: 23px;
font-size: 0;
color: transparent;

-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: url(../img/arrows-horizontal.png) no-repeat 0 0 #00afd1;
}
.es-nav span.es-nav-next{
background: url(../img/arrows-horizontal.png) no-repeat -23px 0 #00afd1;
margin-left: 7px;
}
.es-nav span.es-nav-next:hover, .es-nav span.es-nav-prev:hover {
background-color:#00afd1;
}
.related_posts_list {padding-left: 0; list-style: none;}

.horizontal_slider_item, .related_posts_item, .thumbnail {
    border-radius: 0;
} 
#portfolio .item_title {
    position: absolute;
    padding: 0 15px;
    right:15px;
    left:15px;
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

 .related_posts_item > h4 {padding:18px 0; margin:0; font-size: 18px; }
 .related_posts_item > h4 > a {color:#00afd1;}
.horizontal_slider_item > h4, 
#portfolio .item_title h4 {margin:0; padding: 16px 0; font-size: 20px;} 
.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;}
.horizontal_slider_item > h4 > span.heart:before, 
.related_posts_item > h4 > span.heart:before, 
#portfolio .item_title h4 > span.heart:before{
    position: absolute;
    display: block;
    content: '\e17f';
    font-family: 'rt-icons';
    left: 4px;
    color:#00afd1;

}
#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:#fff; opacity: 0.8}
.portfolio_item_image, .horizontal_slider_introimg {position: relative; overflow: hidden;}
.portfolio_item_image > div {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: none;}
.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 {
/*    visibility: hidden;*/
    display: block;
    height: 60px;
    width: 60px;
    margin-left: -63px;
    position: absolute;
    top: 10%;
    left: 50%;
    border: 1px solid #fff;
    border-radius: 100%;
}
.p-link {
    margin-left: 5px;
}
.p-view:before, .p-link:before{
    font-family: 'rt-icons';
    font-size: 30px; 
    font-weight: normal;
    color:#ffffff;
    content: "\e18a";
    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;    
}
.p-view:hover, .p-link:hover{
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.p-view:hover:before, .p-link:hover:before{
}
.p-link:before{
    content: "\e010";   
}


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

.horizontal_slider_item:hover img, .portfolio_item_image:hover img {opacity: 0.9;
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.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-left: -1px;*/ margin-bottom: 30px;}
/*@media screen and (max-width: 991px) {
    #portfolio .isotope-item {width:33.3333%}
}
@media screen and (max-width: 767px) {
    #portfolio .isotope-item {width:50%}
}
@media screen and (max-width: 450px) {
    #portfolio .isotope-item {width:100%}
}*/
#portfolio .item_title p {padding: 0 0 22px; margin: 0; color:#fff;}
#portfolio .item_title h4 {margin: 0px 0 9px; padding: 0;}

#filtrable {padding: 0; margin-top: -30px;}
#filtrable li {
display: inline-block;
margin-right: 15px;
}
#filtrable a {
font-size: 0.9em;
padding: 4px 16px;
margin: 28px 0;
display: inline-block;
background-color: #fff;
color:#727272;
border-radius: 2px;
text-transform: uppercase;
}
#filtrable a:hover, 
#filtrable a.selected {
background-color: #979CA2;
color:#fff;
}
#filtrable a:hover {
    opacity: 0.8;
}
.portfolio_loadmore {
    margin: 30px 0 40px !important;
}
#gallery_container {position: fixed; width:100%; height: 100%; background: #fff; z-index: 10000; 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:hover {color:#00afd1;}
.description {margin-bottom: 26px}
.skills, .client { border-bottom: 1px solid #EBE8E3; padding-bottom: 6px; margin-bottom: 10px;}
.location {margin-bottom: 27px;}
.skills > span, .client > span, .location > span {
   font-weight: 700;
}
.skills > a, .client > a, .location > a {
   color: #00afd1; 
}
.skills > a:hover, .client > a:hover, .location > a:hover {
   color: #00afd1; 
}
/*.gallery-single h1 {margin: -9px 0 44px !important;}*/
/*.gallery-single h3 {margin: 14px 0 19px;}*/

/* 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 article + article {margin-top: 44px; padding-top: 44px; border-top: 1px solid #EBE8E3;}
h2.entry-title {margin: 36px 0 20px; font-size: 35px;}
h2.entry-title a {color:#00afd1;}
h2.entry-title a:hover {color:#00afd1;}
.format-small-image h2.entry-title {margin-top: 0;}
.entry-meta {margin: 20px 0; padding:8px 0; border-top: 1px solid #EBE8E3; border-bottom: 1px solid #EBE8E3; font-size: 12px;}
.entry-meta .comments-link {float: right;}
.entry-meta .comments-link a, .reply a{color:#00afd1;}
.entry-meta .comments-link a:hover, .reply a:hover{color:#00afd1;}
.entry-tags {background: url(../img/tags_icon.png) no-repeat 0 2px transparent; padding-left: 27px; margin-top: 29px;}
.blog .read-more {margin-top: 21px;}
.blog .format-small-image .entry-thumbnail  {margin-bottom: 0;}
img.alignleft {
float: left;
margin: 5px 20px 5px 0;
}
footer.bottom-entry-meta {margin: 33px 0;}
.tags {border-top: 1px solid #EBE8E3; border-bottom: 1px solid #EBE8E3; padding: 36px 0;}
.tags h3 {display: inline-block; margin:4px 0 0; }
.tags-links {position: relative; top:-3px; left:4px;}
.tags a,.tagcloud a {
font-size: 0.9em;
padding: 4px 10px;
border:1px solid #EBE8E3;
margin-bottom: 4px;
display: inline-block;
background-color: transparent;
}

.tags a:hover, .tagcloud a:hover {background-color: #fcfcfc;}

.author-meta {margin: 40px 0 50px; padding: 29px 68px 13px; border: 1px solid #EBE8E3; }
.author-meta > img {display: block; float:left; max-width: 200px; margin: 10px 30px 10px 0;}
.author-meta h3 {margin: 12px 0 18px;}
.author-meta p:after{display: table; content: " "; clear:both;}

.related-posts > h3 {margin-bottom: 34px;}

.comments-area {margin: 96px 0 40px;}
.comments-title {font-size: 24px; margin-bottom: 30px;}
.comments-area ol {list-style: none; padding-left: 0;}
.comments-area li {padding: 26px 0 5px;}
.comments-area ol.children li{padding: 30px 0 0 70px;}
.comments-area ol.children ol ol li{padding-left: 0;}
/*.comment-author, .comment-metadata, .reply {display: inline-block;}*/
.comment-meta {position: relative;}
.comment-metadata {border-top: 1px solid #EBE8E3; border-bottom: 1px solid #EBE8E3; margin: 3px 0 10px 100px; font-size: 12px; padding:11px 0;}
.comment-author a{font-size: 14px; position: relative; top:-5px;}
.comment-author img {max-width: 70px; margin-right: 28px; float: left;}
.reply {position: absolute; right: 0; top:36px; font-size: 12px;}
.comment-content {padding: 0 0 9px 100px;}

.comment-respond {margin-top: 56px;}
.comment-reply-title {margin-bottom: 26px;}
.comment-respond label, .contact-form label {display: none;}
form.contact-form {margin-top: 0px; margin-bottom: 20px; margin:0 auto;}
p.comment-form-author, p.comment-form-email, p.comment-form-url {
    width:33.33333%; float:left; 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;}

@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-name, p.contact-form-email, p.contact-form-subject {
        float: none; padding: 0 8px 0 0; width: 100%;
    }
    p.contact-form-message {padding-right: 8px;}
}

/*widgets*/
.widget_text {font-size: 16px; line-height: 24px;}

.single_teaser {text-align: center; margin:20px 0 43px;}
.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:#00afd1;

    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);    
}

.single_teaser h3 {font-size: 19px; margin-top: 20px;}
.single_teaser h3 a{color:#00afd1;}
.single_teaser h3 a:hover{color:#00afd1;}
.single_teaser p.introtext { margin: 10px 0 30px; }
/*.single_teaser a.readmore {color: #00afd1;}
.single_teaser a.readmore:hover { color:#00afd1; }*/
.single_teaser.icons.style2 {margin: 0 0 20px; padding:0px 0 13px; 

}
.single_teaser.icons.style2 .icons_introimg {}
.single_teaser.icons.style2 [class^="rt-icon-"] {
    font-size: 50px; 
    border-radius: 100%; 
    background: transparent;
    border: 3px solid #fff; 
    padding: 30px;
    line-height: 2;
    -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.style2 h2 {font-size: 40px; margin: 22px 0 9px; }
.single_teaser.icons.style2 h3 {
    font-size: 18px; margin: 2px 0;
}

.single_teaser.icons.style2:hover h2{}
.single_teaser.icons.style2:hover [class^="rt-icon-"] {background-color: #fff; color:#40474e !important;}
.single_teaser.icons.style2:hover h3{}


.single_teaser.icons.style3 [class^="rt-icon-"] {
border-radius: 100%;
width: 140px;
height: 140px;
margin: 0 auto 10px;
display: inline-block;
color: #979CA2;
overflow: hidden;
-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: 50px;
}
.single_teaser.icons.style3:hover [class^="rt-icon-"] {
color:#00afd1;
font-size: 80px;
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}

.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;
    background-color: rgba(0,0,0,0.4);
    -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.7);
}
.single_teaser.icons.style5 [class^="rt-icon-"]{
    color: #fff;
    font-size: 100px;
    line-height: 100px;
    width: 100%;
    height: 100px;
    text-align: center;
    display: block;
}


/*.widget_categories > h3 {margin-bottom: 13px;}*/
.widget_categories ul, .widget_archive ul, .widget_recent_entries ul {list-style:none; padding-left: 20px;}
.widget_categories li, .widget_archive li, .widget_recent_entries li {padding: 3px 0; color: #00afd1;}
.widget_categories a, .widget_archive a, .widget_recent_entries a {color:#00afd1; position: relative; padding: 0 !important;}
.widget_categories a:before,  .widget_archive a:before,  .widget_recent_entries a:before{ /*background-color: #00afd1; width:4px;*/ height: 4px; content:''; position: absolute; display: block; left:-14px; top:7px; border:3px solid transparent;
border-left-color: #00afd1;
}
.widget_categories a:hover,  .widget_archive a:hover,  .widget_recent_entries a:hover, .widget_nav_menu a:hover {color:#00afd1;}
.widget_nav_menu a { padding: 0px 0 10px 30px !important; color:#00afd1;}
.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 {color: #00afd1;}
.widget_news a:hover {color: #00afd1;}
.widget_news li + li {border-top: 1px solid #EBE8E3;}
.news_introimg {float:left; max-width: 80px;}
.news_right {margin-left: 100px;}
.news_right h5 {margin-top: 6px; font-size: 16px;}
.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:#00afd1;}
.widget_social_links a[class^="socialico-"]:before {top:-3px;}
.widget_social_links a[class^="socialico-"]:hover { color:#00afd1;}
.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;
}
.widget_testimonials .carousel-introtext{
    position: relative;
    padding: 10px 10px 10px 50px;
    font-size: 24px; 
    line-height: 1.2em;
    text-align: center;
}
.widget_testimonials .carousel-introtext:before{
    font-family: 'fontello';
    display: block;
    position: absolute;
    font-size: 20px;
    left: 0px;
    content: '\e818';
}
.widget_testimonials .carousel-readmore{
    padding: 20px 10px;
    text-align: center;
}
.widget_testimonials .carousel-readmore span{display: block; text-align: center; max-width: 60px; margin: 0 auto 14px;}
.widget_testimonials .carousel-readmore span img{padding: 1px; border: 1px solid #fff;}
.widget_testimonials .carousel-control.right, .widget_testimonials .carousel-control.left {
    display: block; width:50px; height: 50px; top:50%; right: 0px; margin-top: -25px; z-index: 10;
}
.widget_testimonials .carousel-control.left {
    left:0; right: auto;
}
.widget_testimonials .carousel-control.right:before {
    font-family: 'fontello';
    content: "\e841";
    font-size: 50px;
}
.widget_testimonials .carousel-control.left:before {
font-family: 'fontello';
content: "\e840";
font-size: 50px;
}

.thumbnail > img {border-radius: 3px; }
.thumbnail {
    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;
}
.thumbnail:hover {
      -webkit-box-shadow:  0 1px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.thumbnail .caption {padding: 16px 20px 9px; line-height: 1.3em; position: relative;}
.thumbnail .caption h4 {font-size: 20px; margin:6px 0 16px; }
.thumbnail .caption h4+p {font-style: italic;}
.thumbnail .caption p.team-social {margin-top: 20px;}

.dxsingle_teaser_left {}
.dxsingle_teaser_right {margin: 0 100px 23px 0; padding: 20px 20px 36px; text-align: right;}
.dxsingle_teaser_right h3 {margin: 10px 0 20px; padding-bottom: 20 font-size: 26px; text-transform: uppercase; position: relative;}
.dxsingle_teaser_right h3 a{color:#00afd1;}
.dxsingle_teaser_right h3 a:hover{color:#00afd1;}
.left_icons{
    position: relative;
    background-color: #fff;
    -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: 60px;
    color:#40474e;
    margin:0 30px;
    position: absolute;
    top:50%;
    right: 0;
    margin-top: -30px;
    -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  {color:#ffffff; background-color: #00afd1;}
.left_icons:hover [class^="rt-icon-"] {
    color:#fff;
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.left_icons.style2 [class^="rt-icon-"] {
    right: auto;
    left:0;
}
.left_icons.style2:hover [class^="rt-icon-"] {
}
.left_icons.style2 .dxsingle_teaser_left {margin-left: 90px; margin-right: 23px;}
.left_icons.style2 .dxsingle_teaser_right {margin-left: 90px; margin-right:0; text-align: left;}
.twitter {text-align: center; font-size: 24px; line-height: 1.5em;}
.twitter .tweet_time{display: block; margin: 0 0 30px; font-size: 14px; text-transform: uppercase;}
.twitter .flex-direction-nav {display: none;}
.twitter.flexslider .slides img {width:auto; margin: 50px 0 10px; display: inline-block;}
/*circle progress bars*/
.chart {
  position: relative;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin:20px 0;
}
.chart canvas {
}
.percent {
  display: block;
  position: absolute;
  top:50%;
  left:50%;
  font-size: 50px;
  margin-top: -0.3em;
  margin-left: -0.8em;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}

/*pricing tables*/
.pricing-table {
    overflow: hidden;
    list-style: none;
    padding: 0;
    text-align: center;
    border: 1px solid #EBE8E3;
    -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: #ffffff; border: none; position: relative;}
.pricing-table:hover {
    background-color: #fafafa;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
}
.pricing-table.style2:hover {
    box-shadow: 0px 0px 10px #f1f1f1;
    top:-2px;
}
.pricing-table.style2:hover li.plan-name{background-color:#00afd1;}
.pricing-table li {}
.pricing-table ul {list-style: none; padding: 0;}
.pricing-table ul li{padding: 16px 0; border-top: 1px solid #EBE8E3; border-bottom: 1px solid #EBE8E3; margin:0 40px;}
.pricing-table ul li:before {font-family: 'rt-icons'; content: "\e600"; color:#00afd1; padding-right: 8px;}
.pricing-table ul li.feature_disabled:before {content: "\e602"; color:#40474e;}
.pricing-table li + li {border-top:0;}
.pricing-table li p {padding:0 4px; margin:0;}
.pricing-table li.plan-price {padding: 30px 0 10px; background-color: #00afd1; color:#fff;}
.pricing-table.style2 li.plan-price {padding: 30px 0 10px; background-color: #ffffff; color:inherit;}
.pricing-table li.plan-name {font-size: 1.8em; padding: 22px 0 22px; color:#00afd1;  }
.pricing-table.style2 li.plan-name {font-size: 1.3em; padding: 14px 0 14px; color:#ffffff; background: #979CA2; }
.plan-price span + span {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 2px;

}

.plan-price span:first-child {
    font-size: 19px;
    position: relative;
    top: -14px;
    font-weight: 700;
}
.call-to-action {}
.call-to-action a {display: inline-block; margin:18px 0;}
.style2 .call-to-action a {display: inline-block; padding:10px 33px; margin: 30px 0;}
.call-to-action a:hover {}

/*flickr*/
ul#flickr {margin: 0; padding: 0;}
ul#flickr li {
    background-color: #C4C4C4;
    display: inline-block;
    line-height: 0 !important;
    list-style: none outside none;
    margin: 0 5px 5px 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;
}

/*front page images*/
.front-image-wrapper {margin-top: 40px;}
.front-image-wrapper img {
    opacity: 0;
    position: absolute;
            left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
}
.front-image-wrapper img.front-image-active {
    
}
.front-image-indicators {
    margin:37px 0; padding: 0; text-align: center;
}
.front-image-indicators li {
    display: inline-block;
    height: 26px;
    cursor: pointer;
}

.front-image-indicators li.img-tablet {
    width: 13px;
    margin-right: 6px;
    background: url(../img/icon-tablet.png) no-repeat 0 100% #00afd1;
}
.front-image-indicators li.img-desktop {
    width: 30px;
    margin-right: 2px;
    background: url(../img/icon-desktop.png) no-repeat 0 100% #00afd1;    
}
.front-image-indicators li.img-phone {
    width: 13px;
    background: url(../img/icon-phone.png) no-repeat 0 100% #00afd1;    
}
.front-image-indicators li.active {
    background-color: #2D2D2D !important;
}

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

.preloaderimg  {
     width: 80px;
     height: 80px;
     position: absolute;
     left: 50%;
     top: 50%;
     background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
     margin:-40px 0 0 -40px;
}

/*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}

/*color swithcer*/
#color-switcher {position: fixed; width: 24px; height: 64px; top:50%; margin-top: -32px; background: #fff; z-index: 11000;}
#color-switcher a {display: block; width: 16px; height: 16px; position: relative; margin:4px; }
#color-switcher a:hover {opacity: 0.8}
#red {background-color: #00afd1;} 
#blue {background-color: #00afd1;} 
#green {background-color: #6f9c19;} 

/*timeline*/
#timeline {
width: 100%;
height: 550px;
overflow: hidden;
margin: 40px auto;
position: relative;
border-left: 1px dotted #2D2D2D;
}
#dates {
width: 100px;
overflow: hidden;
float: left;
padding: 0;
position: relative;
z-index: 100;
}
#dates li {
list-style: none;
width: 100px;
height: 100px;
line-height: 100px;
font-size: 24px;
padding-left: 14px;
margin-left: 10px;
position: relative;

}
#dates a:before {
position: absolute;
display: block;
content: '';
width: 7px;
height: 7px;
border-radius: 100%;
left:0;
top:50%;
margin-top: -2px;
background: #00afd1;
}
#dates a.selected:before { margin-top: -7px; }
#dates a {
line-height: 24px;
padding-bottom: 10px;
color:#2D2D2D;
}
#dates .selected {
font-size: 32px;
}

#issues {
width: 100%;
height: 550px;
position: absolute;
padding: 0 0 0 140px;
}   
#issues li {
overflow: auto;
width: 100%;
height: 550px;
list-style: none;

}
#issues li.selected img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
#issues li img {
display: inline-block;
margin: 10px 30px 10px 50px;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
zoom: 1;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out; 
transition: all 2s ease-in-out;
-webkit-transform: scale(0.7,0.7);
-moz-transform: scale(0.7,0.7);
-o-transform: scale(0.7,0.7);
-ms-transform: scale(0.7,0.7);
transform: scale(0.7,0.7);
}
#issues li h1 {
text-align: center;
}
#issues li p {
margin: 10px 20px;
font-weight: normal;
line-height: 22px;
}

#next,
#prev {
position: absolute;
left: 50%;
font-size: 40px;
}
#next:before,
#prev:before {
display: block;
position: absolute;
font-family: 'fontello';
content:'\e835';
}
#next {
bottom: 40px;
}
#next:before {
content: '\e832';
}
#next.disabled,
#prev.disabled {
opacity: 0.2;
}
@media(max-width:767px) {
    #dates{display: none;}
    #issues {padding-right: 0;}
}
/* 
 *  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 Demo Theme 
*   v1.24
*/

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

/* Styling Next and Prev buttons */
.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 {
    opacity: 0.4;
    font-family: 'fontello';
    content: '\e83e';
    -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: '\e83d';}

.owl-prev:hover:before, .owl-next:hover:before {
    opacity: 1;
}


.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: #fff;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:before:hover{
    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
}


/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 40px;
    padding: 0;
    *zoom: 1;
}

#top_slider {background: rgba(0,0,0,0.4);}

#top_slider h3 {
    color: #fff;
    display: block;
    font-weight: 700;
    font-size: 80px;
    line-height: 80px;
    margin: 30px 0;
    text-transform: uppercase;
}
ul.bxslider {margin: 0; padding: 0;}
.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -20px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    color: #fff;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #00afd1;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    outline: 0;
    /*text-indent: -9999px;*/
    z-index: 9999;
    font-size: 0;
    color:transparent;
    display: none;
}
.bx-wrapper .bx-controls-direction a:before {font-family: 'fontello'; content:'\e80a'; font-size: 80px; color:#fff;
    -webkit-transition: all 0.11s linear 0s;
    -moz-transition: all 0.11s linear 0s;
    -o-transition: all 0.11s linear 0s;
    -ms-transition: all 0.11s linear 0s;
    transition: all 0.11s linear 0s;
}
.bx-wrapper .bx-controls-direction a:hover:before {color:#00afd1;}
.bx-wrapper .bx-controls-direction a.bx-prev:before {content:'\e801';}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    display: block;
    font-size: .85em;
    padding: 10px;
}



/*process*/

.process-container{
    min-height: 210px;
    margin: 21px 0 0px 21px;
    padding: 0;
    overflow: hidden;
    list-style: none;
}
.process-item{
    width: 80px;
    padding: 0 0 42px;
    margin-left: 122px;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    float: left;
    position: relative;
}
.process-container .process-item:first-child{
    margin-left: 0;
}
.process-item i{
    margin: 0;
    display: block;
    margin-bottom: 3px;
    font-size: 
}
.process-item [class^="rt-icon-"]{
    width: auto;
}
.process-item [class^="rt-icon-"]:before{
    font-size: 30px;
    line-height: 1em;
    width: auto;
    display: inline-block;
}
.process-item1{
    padding-top: 96px;
}
.process-item2{
    padding-top: 38px;
}
.process-item3,
.process-item5{
    padding-top: 67px;
}
.process-item4{
    padding-top: 8px;
}
.process-item .circle{
    border-radius: 500px;
    box-shadow: 0 0 0 2px #fff;
    width: 18px;
    height: 18px;
    margin-left: -11px;
    position: absolute;
    left: 50%;
    background: #2D2D2D;
    z-index: 9;
    bottom: 8px;
-webkit-transition: all .25s ease-in-out 0s;
-moz-transition: all .25s ease-in-out 0s;
-o-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s;      
}
.process-item:hover .circle{
    width: 40px;
    height: 40px;
    bottom: -3px;
    margin-left: -22px;
  
}
.process-item .circle:before{
    display: block;
    position: absolute;
    left: 50%;  
    top: 50%;
    margin: -5px 0 0 -5px;
    border-radius: 50px;
    width: 10px;
    height: 10px;
    opacity: 1;
    background: #fff;
    content: "";
}
.process-item:hover .circle:before{
    opacity: 0;
}
.process-item .circle .num{
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    -webkit-transition: all .25s ease-in-out 0s;
    -moz-transition: all .25s ease-in-out 0s;
    -o-transition: all .25s ease-in-out 0s;
    transition: all .25s ease-in-out 0s;   
}
.process-item:hover .circle .num{
    opacity: 1;
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    -o-transition-delay: .25s;
    padding-top: 8px;
}
.process-item:after{
    display: block; 
    position: absolute; 
    bottom: 43px;
    left: 47px; 
    height: 2px;
    background: #fff;
    width: 185px;
    content: "";
}
.process-item1:after,
.process-item3:after{
    -webkit-transform: skewY(-18deg);
    -moz-transform: skewY(-18deg);
    -o-transform: skewY(-18deg);
    -ms-transform: skewY(-18deg);
}
.process-item2:after{
    -webkit-transform: skewY(10deg);
    -moz-transform: skewY(10deg);
    -o-transform: skewY(10deg);
    -ms-transform: skewY(10deg);
    bottom: 0px;
}
.process-item4:after{
    -webkit-transform: skewY(17deg);
    -moz-transform: skewY(17deg);
    -o-transform: skewY(17deg);
    -ms-transform: skewY(17deg);
    bottom: -15px;  
}
.process-item5:after{
    -webkit-transform: skewY(-19deg);
    -moz-transform: skewY(-19deg);
    -o-transform: skewY(-19deg);
    -ms-transform: skewY(-19deg);
    bottom: 48px;
}
.process-item6:after{
    display: none;  
}
.process_description_wrap{
    min-height: 52px;
}
.process_description_wrap>div{
    display: none;
}
.process_description_wrap>div:first-child{
    display: block;
}
@media(max-width:1200px) {
    .process-item {margin-left: 42px;}
    .process-item:after {width: 107px;}
    .process-item1:after,.process-item3:after {
        -webkit-transform: skewY(-25deg);
        -moz-transform: skewY(-25deg);
        -o-transform: skewY(-25deg);
        -ms-transform: skewY(-25deg);
        transform: skewY(-25deg);
    }
    .process-item5:after {
        -webkit-transform: skewY(-29deg);
        -moz-transform: skewY(-29deg);
        -o-transform: skewY(-29deg);
        -ms-transform: skewY(-29deg);
        transform: skewY(-29deg);
    }

    .process-item4:after {
        -webkit-transform: skewY(27deg);
        -moz-transform: skewY(27deg);
        -o-transform: skewY(27deg);
        -ms-transform: skewY(27deg);
        transform: skewY(27deg);
    }


}
@media(max-width:767px) {
    .process-item{width: auto;float: none;margin: 40px 0 0;padding: 0 0 60px !important;font-size: 30px;line-height: 36px;}
    .process-container .process-item:first-child{margin-top: 0;}
    .process-container{padding: 30px 0;}    
    .process-item:after{display: none;}
    .process-item .circle{width: 40px;height: 40px;bottom: -3px;margin-left: -22px;}
    .process-item .circle:before{display: none;}
    .process-item .circle .num{opacity: 1;padding: 0 !important;}
}
.left_icons .ahover:hover {
    color: white !important
}