<style>
    @import url(http://fonts.googleapis.com/css?family=Roboto:400,700,300|Roboto+Condensed|Roboto+Slab);
    @import url(http://fonts.googleapis.com/css?family=Concert+One);
    @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,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: 15px; display: inline-block;}
    .form-control {
        box-shadow: 1px 1px 0 1px rgba(237,237,237,0.5);
        height: 52px;
        margin-bottom: 0px;
        padding: 4px 12px;
        vertical-align: middle;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 0px solid transparent !important;
        color: #000000;
        background-color: rgba(228,228,228);
        font-size: 16px;}
    .form-control:focus { border-color: transparent; outline: 0; -webkit-box-shadow: box-shadow: 0 0 0 1px rgba(237,237,237,0.5); box-shadow: 0 0 0 1px rgba(100,100,100,0.5); }

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

        font-family: Arial, Helvetica, Verdana !important;
    }
    .fs_color{

        font-family: sans-serif !important;

    }
    
    .pp_gallery{
        
        margin-left: 0px !important;
        
    }

    .fs_dark{

        font-family: Arial, Helvetica, Verdana !important;
    }

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

    .tab-content {border:1px solid #e1e1e1; padding: 30px 30px 24px; -webkit-border-radius: 2px; border-radius: 2px;}
    .nav-tabs {border-bottom-color: transparent;  font-size: 16px; margin-top: 00px; margin-bottom: -1px;}
    .nav-tabs > li > a {padding: 13px 20px; background-color: #e1e1e1; color:#008000; margin-right: 0; margin-top: 0px; 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 #e1e1e1; 
        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*/
    #box_wrap > section {padding-top: 50px; padding-bottom: 90px;}
    section#mission {padding: 50px 0 57px;}
    section#skills {padding: 50px 0 80px;}
    section#process {padding: 50px 0 0;}
    section#services {padding: 50px 0 9px;}
    section#prices {padding: 50px 0 89px;}
    section#partners {padding: 50px 0 39px;}
    section#team {padding: 50px 0 50px;}
    section#progress  {padding-top: 50px; padding-bottom: 68px;}
    section#portfolio {padding: 50px 0 0; border-bottom: 0;}
    section#contact {padding: 50px 0 50px;}
    section#belowcontent {padding: 50px 0 60px;}
    section#info  {padding-top: 50px; padding-bottom: 88px;}
    footer#footer {padding-top: 50px; padding-bottom: 94px; }
    section#map_wrap {padding: 0;}
    section#mainslider {}
    #map {height: 400px;}
    section#copyright {padding: 44px 0 44px;}
    section#abovecontent {padding: 30px 0;}
    .row + .row {margin-top: 20px;}
    .title_section .row {display: table;}
    .title_section [class*="col-"] {display: table-cell; vertical-align: middle; float: none;}
    #land .container, #land .row  {height: 100%;}

    @media screen and (max-width: 767px) {
        .title_section .row, .title_section [class*="col-"] {display: block;}
        #land, #land .container, #land .row  {height: auto !important;}
        #mainslider .container, #mainslider .row {display: block;}
        [class*="col-"] + [class*="col-"] {margin-top: 50px;}
        .container {max-width: 450px;}
        #header {text-align: center;}
        #header select {margin: 0 auto; }
        #header [class*="col-"] + [class*="col-"] {margin-top: 10px; margin-bottom: 10px;}
        #partners [class*="col-"] + [class*="col-"] {margin-top: 30px;}
        #portfolioContainer [class*="col-"] + [class*="col-"] {margin-top:20px; margin-bottom: 20px;}
        section#mainslider {margin-top: 0;}

        #mainslider img {padding: 0;}
        #header-sticky-wrapper + #middle  {padding-top: 110px;}
    }

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

        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;    
        overflow: hidden;    
    }

    #prices {background-image: url(../img/parallax/price.png);}
    #mission {background-image: url(../img/parallax/mission.png);}
    #testimonials {background-image: url(../img/parallax/testimonials.png);}

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

    ::-moz-selection {
        background: #008000;
        color: #fff;
    }
    body {
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size:13px;
        line-height:20px; 
        font-weight: 300;
        color: #666666;
        background-color: #fff;
        overflow-y: scroll;
        overflow-x: hidden!important;
    }

    .slide > img {

        max-height: 410px !important;

    }


    .is-sticky > section > div > div > a > img{
        margin-top: -2px !important;
    }
    h1 {text-align: center;}

    h1,
    h2,
    h3,
    h4,
    h5,
    h6{
        font-family: "Roboto Slab",Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #666666;
        text-transform: none;
    }
    p{
        margin-bottom: 25px;
    }
    .item-page p {margin-bottom: 25px;}

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

    img {max-width: 100%;}
    a {
        color: #008000;
        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: #666666;    
        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: #666666;
        outline: medium none;
        text-decoration: none;
    }
    iframe{border:none; max-width: 100%;}

    .theme_btn {
        font-size: 15px;
        font-weight: 400;
        background-color: transparent; 
        padding: 10px 15px;
        color: #008000;    
        border:2px solid #008000;
        border-radius: 5px;
        line-height: 1;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }


    .theme_btn:active, .theme_btn:hover, .theme_btn:focus{

        color: #008000;
        border-color:#008000;
        opacity: 1;
        text-decoration: none;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out; 
    }
    .theme_btn:active {

    }

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

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

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

    .theme_btn.color1:hover {background-color: #D13434 !important; border-color: #D13434 !important;}
    .theme_btn.color2 {border-color: #e6557c !important; color:#e6557c !important;}
    .theme_btn.color2:hover {background-color: #e6557c !important; color:#01090c !important;}
    .theme_btn.color3 {border-color: #00c1e4 !important; color:#00c1e4 !important;}
    .theme_btn.color3:hover {background-color: #00c1e4 !important; color:#01090c !important;}

    .theme_btn.color1.inverse {background-color: #D13434 !important; border-color: #D13434 !important; color:#01090c !important;}
    .theme_btn.color1.inverse:hover {background-color: transparent !important; border-color: #D13434 !important; color:#D13434 !important;}
    .theme_btn.color2.inverse {background-color: #D13434 !important; color:#01090c !important;}
    .theme_btn.color2.inverse:hover {background-color: transparent !important; color:#D13434 !important;}
    .theme_btn.color3.inverse {background-color: #00c1e4 !important; color:#01090c !important;}
    .theme_btn.color3.inverse:hover {background-color: transparent !important; border-color: #00c1e4 !important; color:#00c1e4 !important;}

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

    /*sections*/
    #topline {border:none;}
    #topline p {margin: 10px 0;}

    #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; 
        width: 100%; 
        z-index: 12000;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }
    .is-sticky #header {top: 0;}
    #header-sticky-wrapper { background-color: transparent; z-index: 1;}
    #header .row {position: relative;}
    #header .navbar-brand {
        color:#666666;
        display: block;
        position: absolute;
        padding: 0 0 0 15px;
        z-index: 10;
        top: -2px;
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 700;
    }
    .is-sticky #header {background-color: #ffffff;}
    .is-sticky #header .navbar-brand{top:-1px;}
    #header .navbar-brand img {}
    #land .single_teaser {width: 268px; margin: 20px auto;}
    @media screen and (max-width: 991px) {
        #header .navbar-brand {display: none; }
    }
    @media screen and (max-width: 767px) {
        #land {margin-top: 0;}
        #header .navbar-brand {display: block; top:15px;}
        #header { background-color: #ffffff; height: 86px;}
        .is-sticky #header {background-color: #ffffff;}
    }
    .mainmenu_wrap:before, .mainmenu_wrap:after {display: table; content:""; clear:both;}

    #map img {max-width: inherit;}

    aside .block + .block {margin-top: 34px;}
    .subscribe .form-control {/*max-width: 150px;*/}
    .subscribe .form-control:focus {-webkit-box-shadow: none;box-shadow: none;}
    .contact-phone {font-size: 40px; margin-bottom: 40px;}
    .contact-email span {font-size: 76px; border: 4px solid #fff; font-weight: 700; color:#01090c; padding: 11px 70px;}
    .contact-address {color:#01090c; font-size: 30px; margin-top: 50px; line-height: 1; }
    .contact-email span a {color:#01090c;}
    .contact-email span a:hover {color:#fff; cursor: pointer;}
    #map_wrap {position: relative;}
    #map_wrap .widget_contact {position: absolute; z-index: 2; background-color: #ffffff; top:40px; padding: 20px 20px;
    }
    @media (max-width: 991px) {
        .contact-email span {font-size: 40px;padding: 11px 40px;}
        #map_wrap .widget_contact {position: static; margin: 40px 0;}
    }
    @media (max-width: 767px) {
        .contact-phone {font-size: 30px;}
        .contact-email span {font-size: 20px;padding: 11px 10px;}
        .contact-address {font-size: 20px;}
        .subscribe .form-control {width:100%;}
        #footer .block > h3, #footer .widget_text, #footer .subscribe {text-align: center;}
    }
    #footer .social-icons{margin: 53px 0 50px;}

    /*common sections*/
    .title_section h2 {font-size: 65px; line-height: 1em;}
    .title_section h3 { line-height: 1.4em;}
    .grey_section {background-color: #F5F5F5; border-top: 5px solid #EFEFEF; border-bottom: 5px solid #EFEFEF;}
    .darkgrey_section {background-color: #252525; color:#fff;}
    .darkgrey_section.parallax {border:none;}
    .dark_section {background-color:#191A1C; color:#fff;}
    .color_section {background-color: #008000; color:#fff;}

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

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

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

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


    .dark_section .theme_btn:hover, .darkgrey_section .theme_btn:hover {color:#ffffff; border-color: #fff;}
    .dark_section .theme_btn.inverse,.darkgrey_section .theme_btn.inverse {color:#fff; background-color: transparent; border-color: #fff;}
    .dark_section .theme_btn.inverse:hover, .darkgrey_section .theme_btn.inverse:hover {color:#008000; background-color: transparent; border-color: #008000;}

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

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

    .border-color1 {border-color: #none !important;}
    .border-color2 {border-color: #none !important;}
    .border-color3 {border-color: #none !important;}

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

    /* title section*/
    #title_about .first_indent, #mission .first_indent, #prices .first_indent {
        padding-bottom: 25px;
    }
    #title_about .first_indent, #mission .first_indent, #skills .first_indent, #team .first_indent, #portfolio .first_indent, #partners .first_indent, #belowcontent .first_indent, #footer .first_indent, #prices .first_indent, #progress .first_indent, #contact .first_indent, #partners .first_indent{
        color: #666666;
        font-size: 21px;
        line-height:30px;
        text-align: center;
        font-family: "Roboto Condensed";
        margin-top: 40px;
    }
    #title_about .read_more {
        border:none;
    }

    .boton-enviar{

        background: #ffffff;
        color: #000000;
        border-radius: 5px;

    }

    .boton-enviar:hover{

        color: #ffffff;
        background: #000000;

    }



    .read_more {
        font-size: 15px;
        text-align: left;
        padding: 10px 15px;
        border: 2px solid #008000; 
        border-radius: 5px;
    }
    .read_more:hover {
        text-decoration: none;
        border-color: #666666
    }
    #title_about .title_description {
        font-size: 15px;
        line-height:25px;
    }
    #title_about h4 {
        font-family: "Roboto Condensed";
    }
    #title_about h1:after, #mission h1:after, #skills h1:after, #team h1:after, #prices h1:after, 
    #progress h1:after, #portfolio h1:after, #contact h1:after, #partners h1:after, #belowcontent h1:after{
        content: "";
        border:1px solid #dddddd;
        width: 70px;
        position: absolute;
        top: 48px;
        left: 47%;
    }
    @media screen and (max-width:1200px) {
        #title_about h1:after, #mission h1:after, #skills h1:after, #team h1:after, #prices h1:after, 
        #progress h1:after, #portfolio h1:after, #contact h1:after, #partners h1:after, #belowcontent h1:after{
            left: 46%;
        }
    }
    @media screen and (max-width:991px) {
        #title_about h1:after, #mission h1:after, #skills h1:after, #team h1:after, #prices h1:after, 
        #progress h1:after, #portfolio h1:after, #contact h1:after, #partners h1:after, #belowcontent h1:after{
            left: 45%;
        }
    }
    @media screen and (max-width:767px) {
        #title_about h1:after, #mission h1:after, #skills h1:after, #team h1:after, #prices h1:after, #portfolio h1:after, #partners h1:after, #belowcontent h1:after{
            left: 41%;
            top: 65px;
        } 
        #progress h1:after, #contact h1:after{
            left: 42%;
            top: 108px;  
        }
    }
    @media screen and (max-width:376px) {
        #skills h1:after {
            left: 40.5%;
            top: 108px; 
        }
    }
    @media screen and (max-width:362px) {
        #team h1:after {
            left: 40.5%;
            top: 108px; 
        }
    }
    @media screen and (max-width:357px) {
        #title_about h1:after {
            left: 40.5%;
            top: 108px; 
        }
    }
    @media screen and (max-width:332px) {
        #title_about h1:after {
            left: 38.5%;
            top: 108px; 
        }
        #contact h1:after, #mission h1:after, #skills h1:after, #team h1:after, #prices h1:after, #portfolio h1:after, #partners h1:after, #belowcontent h1:after{
            left: 38.5%;
        }
    }
    @media screen and (max-width:327px) {
        #portfolio h1:after{
            left: 38.5%;
            top: 108px; 
        }
        #progress h1:after {
            left: 38.5%;
        }
    }

    .icon_title {
        color: #008000;
        font-size: 40px;
        display: block;
        margin-top: 10px;
        text-align: center;
        float: left;
        margin-right: 15px;
    }
    .title-content {
        overflow: hidden;
    }



    /*Stay tuned */
    #mission a {

        margin-top: 15px;    
        font-size: 15px;

    }
    #mission a:hover {
        color: #666666;
    }
    #mission .first_indent {
        color: #ffffff;
    }
    #mission .read_more {
        border-color: #ffffff;
    }
    #mission .read_more:hover {
        border-color: #666666;
    }
    #mission .social{
        display: inline-block;
        text-align: center;
        padding-bottom:50px;
        left: -35px;
    }
    #mission .connected-name {
        text-transform: uppercase;
        color: #ffffff;
        font-size: 12px;
        letter-spacing:2px;
        margin-left: 75px;
        margin-top: 80px;
    }
    #mission .connected-subtext {
        color: #737C84;
        font-size: 15px;
        margin-left: 75px;
    }
    @media screen and (max-width:767px) {
        #mission .social {
            display: block;
        }
    }




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

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


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

    .sf-menu a {
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 18px;
        padding: 0;
        text-decoration: none;
        zoom: 1; /* IE7 */
        color: #666666;
        font-weight: bold;
    }
    .sf-menu > li > a {
        padding:20px 15px 20px 15px;
        margin:0 0;
    }
    .is-sticky .sf-menu > li > a {padding:20px 15px 20px 15px; margin:0;}

    .sf-menu > li:first-child > a {border-left: none;}
    .sf-menu > li > a:hover, .sf-menu > li.active > a{
        color:#ffffff;
        background-color: #008000;
    }
    .sf-menu > li:hover {
        background-color: #008000;
    }

    @media (max-width: 767px) {    
        .sf-menu > li:first-child > a, .is-sticky .sf-menu > li:first-child > a {
            margin-top: 20px;
        }       
    }

    .sf-menu > li li.active > a {
        color: #fff;
        cursor: text;
    }

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

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

    .sf-menu ul li + li {
    }

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

    .sf-menu ul li:last-child a {
        /*    padding-bottom: 0;*/
    }
    .sf-menu ul ul{
        background-color: #fff;
    }
    .sf-menu ul ul a {
        color:#01090c;
    }
    .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: 100%;
            z-index: 10000;
            -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
            text-align: left;
            border-bottom: none;
        }

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

        #mainmenu { 
            display: none; margin:75px 0 17px 23px;  
            position: relative; height: auto; overflow: auto;
            -webkit-box-shadow:  0px 1px 1px 1px rgba(0, 185, 238, 0.5);
            box-shadow:  0px 1px 1px 1px rgba(209, 52, 52, 0.5);    
            background-color: #ffffff;
            border-radius:5px;
        }
        .main-menu-icon {
            padding: 33px 0;
            display: block;
            cursor: pointer;
            width: 30px;
            float: right;
        }
        .main-menu-icon span {
            margin:0 0 3px 0;
            display: block;
            height: 3px;
            width: 30px;
            background-color: #008000;
        }
        .sf-menu > li {
            display: block;
            padding: 0;
            float:none;
        }
        .sf-menu > li + li{
            border-left: none;
        }
        .sf-menu > li > a, .is-sticky .sf-menu > li > a {
            padding: 4px 0;
            margin:10px ;
            text-align: left;
            border-left: none;
        }
        .sf-menu ul {
            text-align: left;
            position: static;
            display: block !important;
            opacity: 1 !important;
            padding: 0 0 0 20px;
            margin: 0 30px 0 0;
            float: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent !important;

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

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


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


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


    /* FlexSlider Necessary Styles
    *********************************/
    .flexslider {margin: 0; padding: 0;}
    .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; height: 100% !important; } /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img { display: block; margin: 0 auto;}
    .flexslider .slides .slider_images img {width: auto; display: inline-block; background-color: #008000; 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: #008000;}
    .flex-pauseplay span {text-transform: capitalize;}

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

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

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

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

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

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

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

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

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

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

    }

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

    .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
    .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
    .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
    .flex-control-thumbs img:hover {opacity: 1;}
    .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

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

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

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

    }

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


    .fullwidthcontent {padding: 60px 0 60px;}
    .regular_image {position: relative;}
    .regular_image img, img.leftcontent_image {    
        display: block;
    }
    .regular_image .slide_description {
        background-color: #008000;
        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:#01090c;
        font-weight: 400;
        display: block;
        font-size: 28px;
        margin-bottom: 14px;
    }
    .regular_image .imagedesc { color:#fff; }
    @media screen and (min-width: 768px) {
        /*.flex-control-nav {display: none;}*/
    }

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

    /*totop*/
    #toTop {
        background: #008000;
        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: 4px;
        -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: '\e80f';
        color:#ffffff;
        font-size: 27px;
        font-family: 'fontello';
        position: absolute;
        left:14px;
        top:15px;

    }


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


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

    .es-nav span:before {
        border-radius: 3px;
        font-size: 20px;
        font-family: 'fontello';
        content: '\e840';
        color: #fff;
        background-color: #008000;
        border:1px solid transparent;
        display: block;
        position: absolute;
        cursor: pointer;
        padding: 5px 11px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }


    .es-nav span.es-nav-prev{
        background: transparent;
    }
    .es-nav span.es-nav-next{
        background: transparent;
        margin-left: 6px;
    }
    .es-nav span.es-nav-next:before{
        content: '\e841';
    }
    .es-nav span.es-nav-next:hover:before, .es-nav span.es-nav-prev:hover:before {background-color: transparent; border:1px solid #008000; color:#008000;}
    .related_posts_list {padding-left: 0; list-style: none;}

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

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

    }
    #portfolio .item_title:before {
        content: '';
        position: absolute;
        display: block;
        width: 0px;
        height: 10px;
        left:50%;
        top:-10px;
        border-bottom: 10px solid #008000;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        border-top: none;
    }

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

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

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

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

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

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

    .horizontal_slider_item .portfolio_item_image {
        left:0; right: 0; text-align: center; line-height: 1.9em;
    }


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

    .horizontal_slider_item .item_image {
        left:0; right: 0; text-align: center; line-height: 1.9em;
    }



    .horizontal_slider_item_description {
        padding: 20px 0px 20px;
        text-align: center;
    }
    .horizontal_slider_item_description h3{ font-size: 19px; margin:0 0 10px 0; text-transform: uppercase;}
    .horizontal_slider_item_description h3 a{color:#fff; opacity: 0.8;}
    .horizontal_slider_item_description h3 a:hover{color:#fff; opacity: 0.8}

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

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

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

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


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


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


    .horizontal_slider_item:hover img, .i-item:hover img {
        opacity: 0.1;
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
    }


    .horizontal_slider_item:hover .p-view, .portfolio_item_image:hover .p-view {opacity: 1;}

    .horizontal_slider_item:hover .p-view, .item_image:hover .p-view {opacity: 1;}

    /*team*/
    #team h4 {
        font-family: "Open Sans";
        color: #191A1C ;
    }
    #team .post {
        margin-bottom:10px;
        color: #008000;
    }
    #team .caption {
        text-align: center; 
    }
    @media screen and (max-width:991px) and ( min-width: 767px) {   
        #team .caption  {
            width: 260px;
        }
    }

    #team .post {
        text-transform: uppercase;
    }
    #team .team-button {
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
        margin-bottom:35px;
    }
    #team .team-button a {
        padding: 10px 15px;
        border: 2px solid #008000; 
        border-radius: 5px;
    }
    #team .team-button a:hover {
        border: 2px solid #666666; 
    }
    @media screen and (max-width: 767px) {
        #team img {
            margin-left: 75px;
        }
    }
    @media screen and (max-width: 410px) {
        #team img {
            margin-left: 45px;
        }
    }
    @media screen and (max-width: 357px) {
        #team img {
            margin-left: 30px;
        }
    }
    @media screen and (max-width: 332px) {
        #team img {
            margin-left: 15px;
        }
    }
    @media screen and (max-width: 320px) {
        #team img {
            margin-left: 10px;
        }
    }
    /*progress*/

    .scorer-item  {
        padding-top: 25px;
        font-size: 20px;   
    }

    .scorer-item p {
        font-size: 20px;
        padding-top: 20px;
    }
    .scorer-item strong {
        display: block;
        font-size: 30px;
        margin-top: 25px;
    }
    .scorer-item .vi {
        font-size: 40px;
    }
    #progress h1 {
        margin-bottom: 35px;
    }
    #progress .first_indent {
        color: #ffffff;
    }

    /*Contact form*/

    #contact .first_indent {
        color: #ffffff;
    }



    /*footer*/
    #footer .theme_btn {   
        display: block;
        border:2px solid transparent;
        box-shadow: 0 0 0 1px rgba(237, 237, 237, 0.5); 
        background-color:rgba(228, 228, 228, 0.08); 
        color: #ffffff;  
    }
    #footer .theme_btn:hover {
        border:2px solid #008000;
        color:#008000;
        box-shadow: none; 
    }
    @media screen and (max-width: 767px) {
        #footer .block > h3, #footer .widget_text, #footer .subscribe {text-align: left;}    
        #footer .flickr_widget > h3 {
            margin-top: 35px;
            text-align:left;
        }
    }


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

    #portfolio.fullwidth_portfolio .isotope-item {
        max-width: 100%; 
        overflow: hidden; 
        float: left; 
        width: 12%; 
        margin: 0.5% 0.5% 0 0; 
        list-style: none;}

    @media screen and (max-width: 991px) {
        #portfolio.fullwidth_portfolio .isotope-item {width:32.5%;}
    }
    @media screen and (max-width: 800px) {
        #portfolio.fullwidth_portfolio .isotope-item {width:49.4%;}
    }
    @media screen and (max-width: 600px) {
        #portfolio.fullwidth_portfolio .isotope-item {width:100%;}
    }





    #portfolio .i-item {max-width: 100%; overflow: hidden; float: left; margin-bottom: 30px;  list-style: none;}

    #portfolio.fullwidth_portfolio .i-item {
        max-width: 100%; 
        overflow: hidden; 
        float: left; 
        width: 19.0%; 
        margin: 0.5% 0.5% 0 0; 
        list-style: none;}

    @media screen and (max-width: 991px) {
        #portfolio.fullwidth_portfolio .i-item {width:32.5%;}
    }
    @media screen and (max-width: 800px) {
        #portfolio.fullwidth_portfolio .i-item {width:49.4%;}
    }
    @media screen and (max-width: 600px) {
        #portfolio.fullwidth_portfolio .i-item {width:100%;}
    }





    #filtrable {padding: 0;}
    #filtrable li {
        display: inline-block;
        margin-right: 15px;
    }
    #filtrable a {
        font-weight: 400;
        padding: 10px 26px;
        margin: 10px 0 26px;
        display: inline-block;
        background-color: #A2A2A2;
        color:#fff;
    }
    #filtrable a:hover, 
    #filtrable a.selected {
        background-color: transparent;
        background-color:#008000;
        color:#fff;
    }
    #filtrable a:hover {
        background-color: #008000;
    }



    #filtros {padding: 0;}
    #filtros li {
        display: inline-block;
        margin-right: 15px;
    }
    #filtros a {
        font-weight: 400;
        padding: 10px 26px;
        margin: 10px 0 26px;
        display: inline-block;
        background-color: #008000;
        color:#fff;
        opacity: 0.6;
    }
    #filtros a:hover, 
    #filtros a.selected {
        opacity: 1;
        background-color: transparent;
        background-color:#008000;
        color:#fff;
    }
    #filtros a:hover {
        background-color: #008000;
    }



    .loadmore {
        margin: 56px 0 40px !important;
    }
    .hidden_item {display: none;}
    #gallery_container {position: fixed; width:100%; height: 100%; background: #fff; z-index: 20000; top:0; bottom: 0; left: 0; right: 0; top:-100%; overflow: auto; display: none;}

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


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




    .i-item {
        z-index: 2;
    }

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

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

    .isotope,
    .isotope .i-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;
    }







    .isotope .i-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 .i-item.no-transition {
        -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
    }



    /*blog*/

    .blog {margin-top: 7px;}
    .blog .entry-thumbnail:first-child{margin: 0px 0px 20px;}
    .blog-single .entry-thumbnail{margin: 0px 0px 32px; position: relative;}
    .blog article + article {margin-top: 50px;}

    /*blog single */
    .breadcrumb > li + li:before {
        color:#ffffff;
    }
    .breadcrumb > li + li span {
        color: #ffffff;
    }

    .entry-meta {
        font-family: Open Sans;    
    }
    .breadcrumb li a:hover {
        color: #666666;
    }

    /*for single blog*/
    .entry-title-topic {
        font-family: Open Sans;
        font-size: 28px;
        font-weight: bold;
        line-height: 40px;
        margin-top: 0px;
        margin-bottom: 12px;
    }

    span.author:after, span.blog-categories-links:after {
        color: #afafaf;
        content: "/ ";
        padding: 0 20px;
    }
    .blog-entry-tags {
        width: 100%;
        margin-left: 0px;
        padding: 20px 0;
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
    }
    .blog-entry-tags .st_facebook_hcount {
        margin-left: 20px;
    }
    .blog-tags-links-img {
        padding-right: 20px;
    }
    .blog-author-social {
        display: block; position: relative;
    }
    .author-image img {
        max-width: 173px;
        margin-left: -15px;
    }
    .blog-reply {    
        padding: 15px 0 30px 100px;
    }
    .blog-reply a {    
        text-align: center;
        font-size: 15px;
        border: 2px solid #008000;
        padding: 10px 15px;
        border-radius: 5px;
    }
    .blog-reply a:hover {      
        border: 2px solid #666666;     
    }

    .blog-raspor {
        padding:0 0 30px 0 ;
        border-top: 1px solid #eaeaea;
        margin-left: 100px;
    }
    #respond .comment-reply-title {
        color: #474747;
        font-size: 35px;
    }
    .comment-form-author .form-control, .comment-form-email .form-control {
        width: 435px;
        background-color:#f4f4f4;
        border: 1px solid #f4f4f4;
        box-shadow:none;
        color: #7a7a7a;
    }
    .comment-form-comment .form-control{
        background-color:#f4f4f4;
        border: 1px solid #f4f4f4;
        box-shadow:none;
        color: #7a7a7a;
    }
    .blog-single h1 {
        text-align: left;
    }
    .blog-single .blog_widget .cat-item a, .blog-single .widget_archive .blog_widget a {
        color: #666666;
    }
    .blog-single .blog_widget .cat-item a:hover, .blog-single .widget_archive .blog_widget a:hover {
        color: #008000;
    }


    @media screen and (max-width: 1199px) {
        .blog-entry-tags .st_facebook_hcount {
            margin-left:-50px;
        }
        .blog-author-social {
            right: 295px;
        }
    }
    @media screen and (max-width: 991px) {
        span.author:after, span.blog-categories-links:after {
            padding:0px;
        }
        .blog-entry-tags .st_facebook_hcount, .blog-entry-tags .st_facebook_hcount {
            margin-left: 0;
        }
        .author-image img {
            margin-left:-60px;
        }
        .blog-author-social {
            right: 170px;
            top: 185px;
        }
        .author-meta p {
            margin-left:20px;
        }
    }
    @media screen and (max-width: 767px) {
        .blog-author-social {
            right:95px;
        }
        .comment-author img {
            margin-right:20px;
        }
    }
    .comment-form .form-submit .theme_btn {
        border: 2px solid #008000;
    }
    .comment-form .form-submit .theme_btn:hover{
        border: 2px solid #666666;
        color: #666666;
    }

    /*from blog widget*/
    .widget_from_blog { text-align: center;}
    .widget_from_blog .entry-thumbnail img{width: 100%;}
    .widget_from_blog article.post, .blog article.post {background-color: #2f2f2f; background-color: rgba(100,100,100,0.08);}
    article.post.primary_post {padding-bottom: 10px;}
    article.post.primary_post .entry-content, article.post.primary_post .entry-share {padding-left: 15px; padding-right: 15px;}

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

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

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

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

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

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

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

    .tags a:hover, .tagcloud a:hover {background-color: #008000; border-color: #008000; color:#01090c;}

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

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


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


    .single_teaser.icons [class^="rt-icon-"] {
        font-size: 40px;
    }
    .single_teaser.icons.style1 [class^="rt-icon-"] {
        font-size: 60px;
        line-height: 130px;
        color: #fff;
        background-color: #008000;
        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:#008000;
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);    
    }

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

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

        display: inline-block;
        text-transform: uppercase;
        padding: 0;
        margin: 0;

    }


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

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


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


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


    .left_icons [class^="rt-icon-"] {
        display: block;
        font-size: 80px;
        margin:-40px 10px 0;
        position: absolute;
        top:50%;
        left: 0;
        width:80px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        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:hover  {}
    .left_icons:hover [class^="rt-icon-"] {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .left_icons.style2 [class^="rt-icon-"] {
        text-align: center;
        font-size: 60px;
        width: 70px;
        height: 70px;
        padding: 0;
        line-height: 70px;
        border-radius: 100%;
    }
    .left_icons.style2:hover [class^="rt-icon-"] {
        -moz-transform: rotate(360deg) scale(1.1);
        -ms-transform: rotate(360deg) scale(1.1);
        -webkit-transform: rotate(360deg) scale(1.1);
        transform: rotate(360deg) scale(1.1);
    }

    .widget_categories ul, .widget_archive ul, .widget_recent_entries ul {list-style:none; padding-left: 0;}
    .widget_categories li, .widget_archive li, .widget_recent_entries li {padding: 3px 0;}
    .widget_categories li + li {border-top: 2px solid #ebebeb; padding-top: 6px; margin-top: 6px;}
    .widget_categories a, .widget_archive a, .widget_recent_entries a {position: relative; padding: 0 !important;}
    .widget_categories a:hover,  .widget_archive a:hover, .widget_recent_entries a:hover, .widget_nav_menu a:hover {}
    .widget_nav_menu a { padding: 0px 0 10px 20px !important; position: relative;}
    .widget_nav_menu a:before {display: block; position: absolute; content: '.'; font-size: 46px; left:0; top:-13px;}
    .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: 11px 0 6px;}
    .widget_news a {}
    .widget_news a:hover {}
    .news_introimg {float:left; max-width: 75px;}
    .news_right {margin-left: 85px;}
    .news_right h5 {margin-top: 0; font-size: 16px; text-transform: none; font-weight: 300; line-height: 1.4em;}
    .news_right p+span {color: #666666}
    .news_right p {margin-bottom: 10px;}

    @media (max-width: 991px) {
        .widget_news li{padding:35px 0 6px;}    
    }

    .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:#008000;}
    .widget_social_links a[class^="socialico-"]:before {top:-3px;}
    .widget_social_links a[class^="socialico-"]:hover { color:#008000;}
    .widget_social_links li {padding:6px 10px 6px 0; vertical-align: bottom;}
    .widget_schedule dt {font-weight: normal;}
    .widget_schedule .dl-horizontal dt {width: 80px; text-align: left;}
    .widget_schedule .dl-horizontal dd {margin-left: 100px; text-align: right;}
    .widget_testimonials {padding:20px 0 20px 0;}
    .widget_testimonials .carousel-introtext{
        padding: 30px 0 10px 0;
        font-size: 20px; 
        font-weight: 300;
        line-height: 1em;
        text-align: center;
    }
    .widget_testimonials .carousel-introtext span{ position: relative; display: inline-block;}
    .widget_testimonials .carousel-introtext span:before, .widget_testimonials .carousel-readmore:after {
        font-family: 'fontello';
        margin: 20px auto;
        display: block;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        font-size: 30px;
        line-height: 60px;    
        color:#fff;
        background-color: rgba(0, 0, 0, 0.1);
    }


    @media (max-width: 767px) {
        .widget_testimonials .carousel-introtext{
            font-size: 35px;
        }
        .widget_testimonials .carousel-introtext span{margin: 0 60px;}
    }
    .widget_testimonials .carousel-readmore{
        padding: 0;
        text-align: center;
        color:#008000;
        font-size: 24px;
        line-height: 1;
        position: relative;
        padding-bottom: 100px;
    }
    .widget_testimonials .carousel-readmore span{display: block; text-align: center; max-width: 60px; margin: 0 auto 14px;}
    .widget_testimonials .carousel-readmore span img{border-radius: 100%; padding: 3px; border: 1px solid #fff;}
    .widget_testimonials .carousel-control.right:hover, .widget_testimonials .carousel-control.left:hover {
        color:#fff;
    }
    .widget_testimonials .carousel-control.right, .widget_testimonials .carousel-control.left {
        display: block; width:40px; height: 40px; top:70%; right: 46%;z-index: 10; border: 2px solid #ffffff;border-radius: 5px;
    }
    .widget_testimonials .carousel-control.left {
        left:46%; right: auto;
    }
    @media screen and (max-width:1199px){   
        .widget_testimonials .carousel-control.left  {
            left:45%
        }
        .widget_testimonials .carousel-control.right {
            right: 45%
        }
    }
    @media screen and (max-width:991px){   
        .widget_testimonials .carousel-control.left  {
            left:44%
        }
        .widget_testimonials .carousel-control.right {
            right: 44%
        }
    }
    @media screen and (max-width:767px){   
        .widget_testimonials .carousel-control.left  {
            left:39%
        }
        .widget_testimonials .carousel-control.right {
            right: 39%
        }
        .widget_testimonials .carousel-control.right, .widget_testimonials .carousel-control.left {
            top: 80%;
        }
    }
    @media screen and (max-width:400px){   
        .widget_testimonials .carousel-control.left  {
            left:37%
        }
        .widget_testimonials .carousel-control.right {
            right: 37%
        }
    }
    @media screen and (max-width:360px){   
        .widget_testimonials .carousel-control.left  {
            left:35%
        }
        .widget_testimonials .carousel-control.right {
            right: 35%
        }
    }

    .widget_testimonials .carousel-control.right:before {
        font-family: 'fontello';
        content: '\e834';
        font-size: 20px;   
        line-height: 35px;
    }
    .widget_testimonials .carousel-control.left:before {
        font-family: 'fontello';
        content: '\e833';
        font-size: 20px;
        line-height: 35px;
    }
    .widget_testimonials .carousel-control.right:hover, .widget_testimonials .carousel-control.left:hover {
        border-color:#008000;
        color:#008000;
    }


    .thumbnail > img {border-radius: 100%; float: left; max-width: 100px; margin-right: 20px; margin-bottom: 20px;}
    .thumbnail {
        position: relative;
        margin-bottom: 0;   
        padding: 20px;
        border-radius: 5px;

        -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 {background-color: #F1F1F1;}
    .thumbnail .caption {
        padding: 0;
        line-height: 1.3em;
    }

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

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

    .thumbnail .caption h4 {font-size: 14px; font-weight: 300;  margin:0;}
    .thumbnail .caption h4+p { font-size: 11px; }
    .thumbnail .caption h4+p+p { clear: both; }
    .thumbnail p.team-social {padding: 20px 20px 0px; margin:0; text-align: center; }

    /*contact form widget*/
    .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;
    }

    @media (max-width: 570px) {

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

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

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

    /*circle progress bars widgets - skills */

    #skills .block-header {
        color: #ffffff;
    }
    #skills .first_indent, #skills .percent, #skills p {
        color: #ffffff;
    }
    #skills p{
        font-size: 17px;
    }
    .chart {
        position: relative;
        display: inline-block;
        text-align: center;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        margin:20px 0;
        height: 130px;
    }
    .chart + p {
        margin: 25px 0 10px;
    }
    .chart canvas {
    }
    .percent {
        display: block;
        position: absolute;
        top:35%;
        left:53%;
        font-size: 37px;
        margin-top: 0.7em;
        margin-left: -0.75em;
        z-index: 2;
    }
    .percent:after {
        content: "%";
        font-size: 0.5em;
    }
    @media screen and (max-width:1200px) and ( min-width: 768px) {   
        #skills .col-sm-2 {
            width: 32.667% !important;
        }
    }

    /*pricing tables*/
    .pricing-table {
        border: 1px solid #F1F1F1;
        overflow: hidden;
        list-style: none;
        padding: 0;
        text-align: center;   
        margin-left: 0px;
        margin-right: 0px;
        -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;position: relative;}
    .pricing-table:hover {
        background-color: #dcdcdc;
    }
    .pricing-table:hover .plan-price, .pricing-table:hover .call-to-action a {
        background-color: #008000;
    }
    .pricing-table:hover .plan-price span:first-child, .pricing-table:hover .plan-price span + span, 
    .pricing-table:hover.style2 li.plan-price p, .pricing-table:hover .call-to-action a{
        color: #ffffff;
    }
    .pricing-table ul {list-style: none; padding: 0;}
    .pricing-table ul li{padding: 10px 0;margin:0 40px;}
    .pricing-table ul li:before {font-family: 'rt-icons'; content: "\e600"; color:#008000; padding-right: 8px;}
    .pricing-table ul li.feature_disabled:before {content: "\e602"; color:#525252;}
    .pricing-table li + li {border-top:0;}
    .pricing-table li p {padding:6px; margin:0;font-family: "Roboto";}
    .pricing-table li.plan-price {padding: 40px 0 0 0; background-color: #ffffff; border:2px solid #dcdcdc;
        width: 140px;
        margin: 20px auto;
        border-radius: 140px;
        height: 140px;
    }
    .pricing-table.style2 li.plan-price p{color:#666666; padding: 8px 0; text-transform: uppercase;}
    .pricing-table li.plan-name {font-size: 1.8em; padding: 22px 0 22px; color:#008000;  }
    .pricing-table.style2 li.plan-name {font-size: 24px; font-weight: 700; padding: 20px 0 8px; color:#666666; 
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        -ms-transition: all .2s linear;
        transition: all .2s linear;
    }
    .pricing-table.style2.border-color2 li.plan-name {background: #none; }
    .pricing-table.style2.border-color3 li.plan-name {background: #none; }
    .plan-price span + span {
        font-size: 30px;
        font-weight: 400;
        letter-spacing: -1px;
        color:#666666;
    }
    .border-color2 .plan-price span + span {color:#666666;}
    .border-color3 .plan-price span + span {color:#666666;}

    .plan-price span:first-child {
        font-size: 30px;
        position: relative;
        top: 0px;
        color:#666666;    
    }
    .call-to-action {margin:0px;}
    .call-to-action a {}
    .style2 .call-to-action a {color:#666666; border-color: #dcdcdc; display: inline-block; margin: 40px 0;text-transform: uppercase;}

    .features-list {
        margin-top: 20px;
    }
    #prices .first_indent{
        color: #ffffff;
    }
    #prices .features-list ul li{
        color: #666666;
    }

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

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

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

    /*page preloader*/
    .preloader  {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /*background: url(../example/logo.png) no-repeat 50% 50% #fff;*/
        background: #fff;
        z-index: 13000;
        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;
    }


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

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

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

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

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

    /* CSS3 Transitions */

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

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

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

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

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

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

    .owl-buttons {position: absolute; top:50%; width: 100%; margin-top: -13px;}
    #skills .owl-buttons {top:115%;}
    .owl-prev, .owl-next {
        position: absolute;
        left:0;
    }
    #skills .owl-prev, .owl-next {
        left:48%;
    }
    .owl-next {right: 0; left:auto;}
    #skills .owl-next {right: 48%; left:auto;}
    @media screen and (max-width:1199px) {
        #skills .owl-prev {left:47.5%;}
        #skills .owl-next {right: 47.5%;}
    }
    @media screen and (max-width:991px) {
        #skills .owl-prev {left:47%;}
        #skills .owl-next {right: 47%;}
    }
    @media screen and (max-width:767px) {
        #skills .owl-prev {left:44%;}
        #skills .owl-next {right:44%;}
    }
    @media screen and (max-width:357px) {
        #skills .owl-prev {left:43%;}
        #skills .owl-next {right:43%;}
    }

    .owl-prev:before, .owl-next:before {
        font-family: 'fontello';
        content: '\e834';
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;

    }
    .owl-prev:before {content: '\e833';}

    #skills .owl-prev:before, #skills .owl-next:before {
        content:none;
    }
    #skills .owl-prev:before {content: none;}

    #skills .owl-prev, #skills .owl-next{
        -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;
        background-color: #fff !important;
        border-radius: 20px;
        display: block;
        height: 12px;
        margin: 5px 7px;
        opacity: 0.5;
        width: 12px;
    }
    #skills .owl-prev{
        -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;
        background-color: #fff;
        border-radius: 20px;
        display: block;
        height: 12px;
        margin: 5px 7px;
        opacity: 0.5;
        width: 12px;}

    /* Styling Next and Prev buttons */

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

    /* Styling Pagination*/

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

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

    /* If PaginationNumbers is true */

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

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



    /*fractionslider*/

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

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


    }
    .fs_obj, .fs_obj_active, .fs_color {
        /*width: auto!important;*/
        height: auto!important;
    }

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

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

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

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

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

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

    /** CONTROLS **/

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

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

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

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

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

    .botones{
        border: 3px solid #cccccc !important;
        opacity: 1.0;
        -moz-transform: scale(0.94);
        -ms-transform: scale(0.94);
        -webkit-transform: scale(0.94);
        transform: scale(0.94);

    }
    .twitter{

        width: 35px !important;


    }

    .facebook{

        width: 55px !important;


    }
    .clientes{

        border-radius: 10px;

    }

    .botones:hover{

        opacity: 1;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);

    }
    #mainslider{

        z-index: -1;

    }

    /** PAGER **/
    @media screen and (max-width: 676px) {
        .slider{

            max-height: 350px !important;

        }
    }

    @media screen and (min-width: 677px) {
        .img-logo{
            margin-top: -37px;
            z-index: 999;
        }
        .slider{

            max-height: 410px !important;

        }
    }

    #portfolio{

        padding-bottom: 20px !important;

    }
    .fs-pager-wrapper{
        position:absolute;
        bottom:50px;
        width: 100%;
        text-align: center;
        z-index:9999;  
        display:none !important;
    }
    @media screen and (max-width: 1200px) {
        .fs-pager-wrapper{
            bottom:20px;
        }
    } 

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

    /*mainslider*/
    .slider-wrapper p {}
    .fs_color { 
        font-size: 26px !important;
        color:#fff; 
        text-transform: uppercase;
        padding: 5px 20px;
        background-color: #008000; 
        font: bold 55px/80px 'Open Sans';
    }
    .fs_dark{
        font-size: 22px !important;
        
    }
    .fs_dark {text-transform: uppercase; color:#ffffff;padding: 5px 20px; font: bold 45px/80px 'Open Sans';background-color: #666666; }
    .fs_dark_desc {text-transform: uppercase; color:#ffffff;padding: 5px 20px; font: bold 35px/80px 'Open Sans';background-color: #666666; }
    @media screen and (max-width: 850px) {  
        .fs_dark {
            margin-top: 3px;
        }
    }
    @media screen and (max-width: 767px) {  
        #mainslider .fraction-slider{
            margin-top: 87px;
        }
    }

    @media screen and (max-width: 600px) {
        .slide h4, .slide p {display: none !important;}
    }

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

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

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

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

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

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

    a[class^="socialico-"]:before {
        display: inline-block;
        text-indent: 0;
        overflow: hidden;
        font-family: 'socialicoregular';
        font-size: 50px;
        text-align: center;
        line-height: 1;
        position: absolute;
        top: -5px;
        left: 0;
        color:#ffffff;
        background-color: #ebebeb;
        border:1px solid transparent;
        width: 48px;
        height: 48px;
        margin: 0 3px 10px 3px;
        line-height: 50px;
        -webkit-transition: all 0.2s linear 0s;
        -moz-transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        -ms-transition: all 0.2s linear 0s;
        transition: all 0.2s linear 0s;
    }
    a[class^="socialico-"]:hover {}
    a[class^="socialico-"]:hover:before {

        color:#ffffff;
        background-color: #00b7f1;
        -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:#008000;
    }


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


    /*colors for used social icons for footer*/
    #footer a[class^="socialico-"]:before {background-color:#464646;color:#252525;}
    #footer a.socialico-facebook:hover:before {background-color:#507cbe;color:#252525;}
    #footer a.socialico-twitter:hover:before {background-color:#00abef;color:#252525;}
    #footer a.socialico-flickr:hover:before {background-color:#ff0084;color:#252525;}
    #footer a.socialico-google:hover:before {background-color:#cb4437;color:#252525;}
    #footer a.socialico-linkedin:hover:before {background-color:#00649b;color:#252525;}
    #footer a.socialico-dribble:hover:before {background-color:#f76799;color:#252525;}
    #footer a.socialico-pint:hover:before {background-color:#00bdec;color:#252525;}
    #footer a.socialico-tumblr:hover:before {background-color:#3e5a70;color:#252525;}
    #footer a.socialico-rss:hover:before {background-color:#fb9e3a;color:#252525;}


    /*social icons for mission*/
    #mission a[class^="socialico-"]:before {
        background-color:rgba(0, 0, 0, 0.11);
        font-size: 90px;
        height: 120px;
        width: 120px;
        border-radius:100px;
        padding-top:33px;
    }
    #mission a[class^="socialico-twitter"]:hover:before {
        background-color:#00abef;color:#ffffff;
    }
    #mission a[class^="socialico-facebook"]:hover:before {
        background-color:#507cbe;color:#ffffff;
    }
    #mission a[class^="socialico-linkedin"]:hover:before {
        background-color:#00649b;color:#ffffff;
    }
    #mission a[class^="socialico-google"]:hover:before {
        background-color:#cb4437;color:#ffffff;
    }

    /*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-"]:after, [class*=" arrow-icon-"]:after {
        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: .6em;

        /* 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:after { content: '\e828'; }
    .arrow-icon-up-small:before { content: '\e829'; }
    .arrow-icon-plus:before { content: '\e806'; }
    .arrow-icon-minus:before { content: '\e807'; }
    .arrow-icon-quote-left:before { content: '\e808'; }
    .arrow-icon-quote-right:before { content: '\e809'; }
    .arrow-icon-quote-left-alt:before { content: '\e818'; }
    .arrow-icon-quote-right-alt:before { content: '\e819'; }
    .arrow-icon-down-open-1:before { content: '\e800'; }
    .arrow-icon-left-open:before { content: '\e801'; }
    .arrow-icon-right-open:before { content: '\e80a'; }
    .arrow-icon-up-open-1:before { content: '\e80b'; }
    .arrow-icon-down-1:before { content: '\e80e'; }
    .arrow-icon-left-1:before { content: '\e80c'; }
    .arrow-icon-right-1:before { content: '\e80d'; }
    .arrow-icon-up-1:before { content: '\e80f'; }
    .arrow-icon-down-bold:before { content: '\e810'; }
    .arrow-icon-left-bold:before { content: '\e811'; }
    .arrow-icon-right-bold:before { content: '\e812'; }
    .arrow-icon-up-bold:before { content: '\e813'; }
    .arrow-icon-down-fat:before { content: '\e814'; }
    .arrow-icon-left-fat:before { content: '\e815'; }
    .arrow-icon-right-fat:before { content: '\e816'; }
    .arrow-icon-up-fat:before { content: '\e817'; }
    .arrow-icon-plus-2:before { content: '\e84e'; }
    .arrow-icon-minus-2:before { content: '\e84f'; }
    .arrow-icon-quote:before { content: '\e850'; }
    .arrow-icon-quote-circled:before { content: '\e851'; }
    .arrow-icon-down-open:before { content: '\e802'; }
    .arrow-icon-left-open-1:before { content: '\e803'; }
    .arrow-icon-right-open-1:before { content: '\e804'; }
    .arrow-icon-up-open:before { content: '\e805'; }
    .arrow-icon-down-micro:before { content: '\e852'; }
    .arrow-icon-right:before { content: '\e820'; }


    /*prettyPhoto*/
    div.facebook .pp_expand{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
    div.facebook .pp_expand:hover{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
    div.facebook .pp_contract{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
    div.facebook .pp_contract:hover{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
    div.facebook .pp_close{z-index:3000;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}
    .img-logo{max-height:100px !important;max-width:250px !important;}
    .quienes{border-radius: 10px;}
</style>