/* -----------------------------------------------------------------------------

    0.  Reset & Clearfix
    1.  Document Setup
    2.  Wrap
    3.  Header
    4.  Content
    5.  Homepage
    6.  About
    7.  Services
    8.  Pricing Tables
    9.  Shortcodes
    10. Blog
    11. Portfolio
    12. Contact
    13. Widgets
    14. Footer
    15. Media Queries
*/
/* ----------------------------------------------------------------------------- */
/*  0.  Reset & Clearfix (https://meyerweb.com/eric/tools/css/reset/)
/* ----------------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{margin:0;padding:0;outline:0;border:0;background:transparent;vertical-align:baseline;font-size:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{§ght:1;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}del{text-decoration:line-through;}hr{clear:both;margin:0;padding:0;height:1px;border:0;background:transparent;color:transparent;}mark{background-color:#ffffb3;font-style:italic;}input,select{vertical-align:middle;}ins{background-color:red;color:white;text-decoration:none;}ol,ul{list-style:none;}table{border-spacing:0;border-collapse:collapse;}

.clear{display:block;visibility:hidden;clear:both;overflow:hidden;width:0;height:0;}.clearfix:after{display:block;visibility:hidden;clear:both;width:0;height:0;content:' ';font-size:0;line-height:0;line-line-line-line-line-line-;}* html .clearfix,:first-child+html .clearfix{zoom:1;}


/* ----------------------------------------------------------------------------- */
/*  1.  Document Setup
/* ----------------------------------------------------------------------------- */

    html {
        overflow-x: hidden;
        width: 100%;
        height: 100%;
    }
    body {
        overflow-x: hidden;
        overflow-y: auto;
        color: #333;
        font: 16px/1.9 "Helvetica Neue", Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
    }
    a, a > * {
        color: #333;
        text-decoration: none;
        -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
    }

    ::-moz-selection { background: #333; color: #fff; text-shadow: none; }
    ::selection { background: #333; color: #000; text-shadow: none; }

    h1 { font-size: 30px; }
    h2 { font-size: 36px; }
    h3 { font-size: 24px; }
    h4 { font-size: 16px; }
    h5 { font-size: 14px; }
    h6 { font-size: 12px; }
  
  a:link {color:#979797;}      /* unvisited link */
  a:visited {color:#979797;}  /* visited link */
  a:hover {color:#efefef; text-decoration: none;}  /* mouse over link */
  a:active {color:#efefef;}  /* selected link */
  
  .blocktitle { font-size: 28px; }
	a.blocktitle:link {color:#717171;}      /* unvisited link */
	a.blocktitle:visited {color:#717171;}  /* visited link */
	a.blocktitle:hover {color:#979797; text-decoration: none;}  /* mouse over link */
	a.blocktitle:active {color:#979797;}  /* selected link */
	


	.btn-quote {width: 100%; color:#000; font-size: 20px; padding: 10px;}
	a.btn-quote:link {color:#000;}      /* unvisited link */
	a.btn-quote:visited {color:#000;}  /* visited link */
	a.btn-quote:hover {color:#000; text-decoration: none;}  /* mouse over link */
	a.btn-quote:active {color:#000;}  /* selected link */

	.acclink { font-size: 14px; }
	a.acclink:link {color:#717171;}      /* unvisited link */
	a.acclink:visited {color:#717171;}  /* visited link */
	a.acclink:hover {color:#979797; text-decoration: none;}  /* mouse over link */
	a.acclink:active {color:#979797;}  /* selected link */
	
	.tags { font-size: 12px; }
	a.tags:link {color:#fff;}      /* unvisited link */
	a.tags:visited {color:#fff;}  /* visited link */
	a.tags:hover {color:#efefef; text-decoration: none;}  /* mouse over link */
	a.tags:active {color:#efefef;}  /* selected link */
	
    h1, h2, h3, h4, h5, h6 {
        color: #000;
        line-height: 1.3em;
    }
    h1.headline, h2.headline, {
        margin-bottom: 25px;
    }
	
    h4.headline, h5.headline, h6.headline {
        margin-bottom: 15px;
    }	

    .inline-border {
        position: relative;
        display: block;
        margin: 0 0 40px;
        color: #959595;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 200;
    }
    .inline-border:before, .inline-border:after {
        position: absolute;
        top: 50%;
        left: 0;
        width: 25%;
        height: 1px;
        background: #ececec;
        content: '';
    }
    .inline-border:after {
        right: 0;
        left: auto;
    }

    small {
        font-size: 11px;
    }
    p { line-height: 1.5; font-size: 16px;}

    p,
    pre,
    dl,
    dd,
    blockquote,
    address,
    table,
    fieldset,
    form {
        margin-bottom: 20px;
    }

    img {
        display: block;
        max-width: 100%;
        height: auto;
        -webkit-backface-visibility: hidden;
    }

    object, video {
        display: block;
        height: auto;
    }

/* ----------------------------------------------------------------------------- */
/*  Wide Layout
/* ----------------------------------------------------------------------------- */


    #body-wrapper {
        width: 100%;
    }
    .fullwidth {
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
	
    /*  Forms  -----------------------------------------------------*/

    label {
        font-weight: 600;
    }
    label.error {
        display: block;
        margin-top: -15px;
        margin-bottom: 20px;
        background: none;
        color: red;
        font-weight: 400;
    }

    input[type="text"], textarea {
        display: block;
        margin-bottom: 20px;
        padding: 7px 8px;
        max-width: 100%;
        width: 240px;
        border: 1px solid #e1e1e1;
        border-radius: 3px;
        color: #959595;
        font: 12px/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-weight: 500;
        -webkit-transition: border linear .3s, box-shadow linear .3s;
           -moz-transition: border linear .3s, box-shadow linear .3s;
            -ms-transition: border linear .3s, box-shadow linear .3s;
             -o-transition: border linear .3s, box-shadow linear .3s;
                transition: border linear .3s, box-shadow linear .3s;
    }
    
    textarea {
        min-width: 97%;
        max-width: 97%;
        resize: none;
        -webkit-resize: none;
        -moz-resize: none;
        -webkit-resize: none;
        -moz-resize: none;
    }
    input[type="submit"], input[type="reset"], input[type="button"], button, .button {
        display: inline-block;
        margin: 0 5px 15px 0;
        padding: 7px 20px 8px;
        border-radius: 3px;
        color: #000;
        font-weight: 800;
        font-size: 12px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 1.5;
        cursor: pointer;
        -webkit-transition: background .2s ease-out;
           -moz-transition: background .2s ease-out;
            -ms-transition: background .2s ease-out;
             -o-transition: background .2s ease-out;
                transition: background .2s ease-out;
        -webkit-font-smoothing: antialiased;
    }
    input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover {
        color: #fff; text-decoration: none;
    }




/* ------------------------------------------------------------------------------- */
/*  2.  Wrap
/* ------------------------------------------------------------------------------- */


    #body-wrapper {
        position: relative;
        background: #EBEBEB;
    }
    .container {
        position: relative;
        margin: 0 auto;
        padding: 0;
        max-width: 980px;
    }
    .container:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: "\0020";
    }

    .fullwidth {
        margin-right: -70px !important;
        margin-left: -70px !important;
    }
    .fullwidth-padding {
        background-image:url('https://media.gttwl.com/attachments/dipaulas.212by.com/c7rlno23btm/1378915263_original.jpg');
        margin-left: -70px !important;
		margin-right: -70px !important;
		padding-left: 70px !important;
		padding-right: 70px !important;
    }


    /*  Columns  --------------------------------*/

    #main {
        float: left;
        width: 71.5%;
    }
    #sidebar {
        float: right;
        width: 23.5%;
    }
    
    .one-half       { width: 49%; }
    .one-third      { width: 31.9%; }
    .two-third      { width: 64%; }
    .one-fourth     { width: 23.5%; }
    .three-fourth   { width: 74.5%; }
    .one-fifth      { width: 18.4%; }
    .two-fifth      { width: 38.8%; }
    .three-fifth    { width: 59.2%; }
    .four-fifth     { width: 79.6%; }

    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .three-fifth,
    .four-fifth {
        position: relative;
        float: left;
        margin-right: 2%;
    }

    .column-last {
        clear: right;
        margin-right: 0!important;
    }

    hr {
        display: block;
    }

    .sep10   { height: 10px; }
    .sep20   { height: 20px; }
    .sep30   { height: 30px; }
    .sep40   { height: 40px; }
    .sep50   { height: 50px; }
    .sep60   { height: 60px; }
    .sep70   { height: 70px; }
    .sep80   { height: 80px; }
    .sep90   { height: 90px; }
    .sep100  { height: 100px; }





/* ------------------------------------------------------------------------------- */
/*  3.  Header
/* ------------------------------------------------------------------------------- */

    #header {
        position: relative;
        margin: 0 auto;
        min-height: 120px;
		padding:0 0 15px 0;
    }
    #logo {
        max-height: 60px;
		float: left;
        margin: 15px 0;
        color: #333;
        letter-spacing: -0.06em;
        font-weight: 800;
        font-size: 36px;
        line-height: 1.2em;
		padding:0 0 20px 0;
    }


    /*  Navigation  --------------------------------*/

    #navigation {
        display: inline-block;
        float: right;
        margin-top: 40px;
    }
    #navigation li {
        position: relative;
        float: left;
    }
    #navigation a {
        position: relative;
        display: block;
        margin: 0 0 0 30px;
        color: #959595;
        font-weight: 500;
        font-size: 14px;
    }
    #navigation > li > a {
        height: 30px;
    }
    #navigation a:hover, #navigation .hover > a, #navigation .current > a {
        color: #333;
		text-decoration: none;
    }


    /*  Dropdown  --------------------------------*/

    #navigation ul {
        position: absolute;
        top: 30px;
        left: 0;
        z-index: 9999;
        display: none;
        margin: 0 0 0 30px;
        padding: 0;
        width: 200px;
        border-radius: 3px;
        background: #333;
        -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
                box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
    }
    #navigation ul li {
        float: none;
        border-bottom: 1px solid #3d3d3d;
    }
    #navigation ul li:last-child {
        border-bottom: none;
    }
    #navigation ul li i {
        position: absolute;
        right: 10px;
    }
    #navigation ul li i:before {
        margin-top: 5px;
        color: #c2c2c2;
        content: "\f054";
        font-size: 9px;
        font-family: 'FontAwesome';
    }
    #navigation ul a {
        display: block;
        margin: 0;
        padding: 7px 20px;
        color: #c2c2c2;
        font-size: 12px;
    }
    #navigation ul a:hover, #navigation ul .hover > a, #navigation ul .current > a, #navigation ul .current > a:hover {
        color: #fff; text-decoration: none;
    }


    /*  Sub Dropdown  --------------------------------*/

    #navigation ul ul {
        top: 0;
        left: 200px;
        margin: 0;
    }


    /*  Responsive Nav  --------------------------------*/

    .selectnav {
        position: absolute;
        bottom: 0;
        display: none;
        padding: 12px 30px;
        border: none;
        border-radius: 0;
        background: #333;
        color: #959595;
        font-size: 14px;
        -webkit-appearance: none;
    }


 /*  Share  Box  --------------------------------*/
 
	.social_icons {
		display:inline;
	}
	.icon-facebook {color: #979797; font-size: 25px; padding:0 10px;}
	.icon-twitter{color: #979797; font-size: 25px;}



/* ------------------------------------------------------------------------------- */
/*  4.  Content
/* ------------------------------------------------------------------------------- */


    /*  Back to Top  --------------------------------*/

    #back-to-top {
        position: fixed;
        right: 30px;
        bottom: 30px;
        z-index: 9999;
        width: 45px;
        height: 45px;
        border-radius: 3px;
        background: #333;
        text-align: center;
        line-height: 45px;
    }
    #back-to-top i {
        color: #fff;
    }


    /*  Page Title  --------------------------------*/
    
    .intro {
        font-size: 18px;
        line-height: 1.6;
    }
	
	.internaltitle {
		background-color: #dbdcde;		
		margin: 30px -70px 20px;
		padding: 0 30px 30px 70px;
		font-size: 58px;
		line-height: 0.5;
		font-weight: 800;
		color: #000;
		width: 104%;
	}	





/* ------------------------------------------------------------------------------- */
/*  5.  Homepage
/* ------------------------------------------------------------------------------- */


	/* Info Block ----------------------------------------*/
	
	.infoblock {
		font-size: 50px;
        line-height: 1.6;
		text-align:center;
		background-color:#979797;
		color: #efefef;
		text-shadow:2px 2px #000;
		padding: 15px;
		margin: 20px -70px 20px;
	}
	
	/* Title Block ----------------------------------------*/
	
	.titleblock {
		font-size: 36px;
        line-height: 1.6;
		text-align:center;
		padding-top:2cm;
		padding-bottom:0.5cm;
		
	}

    /*  Project Carousel  --------------------------------*/

    .project-carousel {
        width: auto !important;
    }

    .project-carousel div {
        position: relative;
        overflow: hidden;
        width: inherit;
    }
    .project-carousel li {
        position: relative;
        display: block;
        float: left;
        overflow: hidden;
        margin: 0 20px 0 0;
        width: 230px;
        height: 230px;
    }
    .project-carousel img {
        position: relative;
        display: block;
        width: 100%;
    }


    /*  Carousel Navigation  --------------------------------*/

    .jcarousel-next, .jcarousel-prev {
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 999;
        display: block;
        margin-top: -37px;
        width: 35px;
        height: 75px;
        border-radius: 3px;
        text-align: center;
        line-height: 75px;
        opacity: 0;
        -webkit-transition: all .3s ease;
    }
    .jcarousel-next i,
    .jcarousel-next i:hover,
    .jcarousel-prev i,
    .jcarousel-prev i:hover {
        color: #fff;
    }
    .jcarousel-prev {
        left: 20px;
    }
    .project-carousel:hover .jcarousel-next, .project-carousel:hover .jcarousel-prev {
        background: rgba(0,0,0, .2);
        opacity: .5;
    }
    .project-carousel:hover .jcarousel-next:hover, .project-carousel:hover .jcarousel-next:focus, .project-carousel:hover .jcarousel-next:active,
    .project-carousel:hover .jcarousel-prev:hover, .project-carousel:hover .jcarousel-prev:focus, .project-carousel:hover .jcarousel-prev:active {
        background: rgba(0,0,0, .4);
        opacity: 1;
    }
    .jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
    .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
        display: none !important;
        cursor: auto;
    }


    /*  Blog Feed  --------------------------------*/

    .blog-feed {
        color: #636363;
        font-size: 12px;
    }
    .blog-feed a {
        position: relative;
        display: block;
    }
    .blog-feed h4  {
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .blog-feed h5  {
        margin-top: 10px;
    }
    .blog-feed p {
        margin: 0;
    }
    .blog-feed .post-meta {
        margin-top: 2px;
        margin-bottom: 5px;
    }
    .blog-feed .post-meta span {
        font-size: 11px;
    }
	
	span.comment {
		font-size: 12px;
		text-align: right;
	}


    /*  Logo List  --------------------------------*/

    .logo-list li {
        float: left;
    }
    .logo-list li a {
        position: relative;
        display: block;
        overflow: hidden;
        height: 100px;
        border: 1px solid #e1e1e1;
        border-radius: 3px;
        -webkit-transition: all .3s ease;
           -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
             -o-transition: all .3s ease;
                transition: all .3s ease;
    }
    .logo-list li a:hover {
        border: 1px solid transparent;
        -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
                box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
        opacity: 1;
    }
    .logo-list img {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        opacity: .5;
        -webkit-transition: all .3s ease;
    }
    .logo-list li:hover img {
        opacity: 1;
    }





/* ------------------------------------------------------------------------------- */
/*  6.  About
/* ------------------------------------------------------------------------------- */

    .team-member {
        background: #333;
        opacity: .9;
        -webkit-transition: all .3s ease-in-out;
           -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
             -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
    }
    .team-member:hover {
        -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .4);
                box-shadow: 0 3px 10px rgba(0, 0, 0, .4);
        opacity: 1;
    }
    .member-photo {
        position: relative;
    }
    .member-photo img {
        width: 100%;
    }
    .member-info {
        padding: 16px 25px 9px;
        color: #959595;
        font-size: 12px;
    }
    .member-info h4 {
        margin: 0;
    }
    .member-info .position {
        display: block;
        margin-bottom: 15px;
        color: #636363;
    }
    .member-info p {
        margin: 12px 0;
        padding: 17px 0;
        border-top: 1px solid rgba(255,255,255,.1);
        border-bottom: 1px solid rgba(255,255,255,.1);
    }
    .member-social-links {
        display: inline-block;
    }
    .member-social-links li {
        display: block;
        float: left;
    }
    .member-social-links a {
        margin-right: 10px;
        color: #636363;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 8px;
    }

.logo-list{margin-top: 90px;}



/* ------------------------------------------------------------------------------- */
/*  7.  Services
/* ------------------------------------------------------------------------------- */

    .service-icon {
        display: block;
        float: left;
        margin: 0 6px 6px 0;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #333;
        vertical-align: middle;
        text-align: center;
        line-height: 38px;
    }
    .service-description h3 {
        margin: 0 0 0 48px;
        font-weight: 500;
        font-size: 19px;
    }
    .service-description p {
        margin: 25px 0 15px;
        color: #959595;
        font-size: 15px;
        line-height: 1.5;
    }
    .service-description .more {
        float: right;
        opacity: 0;
        -webkit-transition: all .3s ease;
    }
    .service:hover .more {
        opacity: 1;text-decoration: none;
    }
    .service li {
        display: block;
        padding: 7px 0;
        border-bottom: 1px solid #ececec;
    }
    .service li:last-child {
        border: none;
    }





/* ------------------------------------------------------------------------------- */
/*  8.  Pricing Tables
/* ------------------------------------------------------------------------------- */

    .pricing-table-extended .column, .pricing-table-simple .column {
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 12px;
    }
    .pricing-table-extended ul li, .pricing-table-simple ul li {
        position: relative;
        display: block;
        margin: 0;
    }
    .pricing-table-extended .footer, .pricing-table-simple .footer {
        padding: 24px 20px;
    }


    /*  Extended Pricing Table  --------------------------------*/

    .pricing-table-extended .column {
        display: block;
        border-left: 2px solid #fff;
    }

    .pricing-table-extended.five-cols .column  { width: 16.6%; }
    .pricing-table-extended.four-cols .column  { width: 19.9%; }
    .pricing-table-extended.three-cols .column { width: 24.8%; }
    .pricing-table-extended.two-cols .column   { width: 33.1%; }
    .pricing-table-extended.one-cols .column   { width: 49.5%; }

    .pricing-table-extended .features-list {
        border: none;
        text-align: left;
    }
    .pricing-table-extended .level-max {
        z-index: 9999;
        margin: -15px -2px -15px 0;
        border: none;
        background: #fff;
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
                box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    }
    .pricing-table-extended .header {
        min-height: 140px;
        background: #333;
        color: #fff;
    }
    .pricing-table-extended .features-list .header {
        background: none;
    }
    .pricing-table-extended .level-one .header {
        background: #636363;
    }
    .pricing-table-extended .level-max .header {
        min-height: 155px;
    }
    .pricing-table-extended h1 {
        padding: 12px 15px;
        background: rgba(0, 0, 0, .1);
        color: #fff;
        font-weight: 800;
        font-size: 14px;
    }
    .pricing-table-extended .level-one h1 {
        color: #fff;
    }
    .pricing-table-extended .level-max h1 {
        color: #fff;
    }
    .pricing-table-extended h2 {
        margin-top: 13px;
        color: #fff;
        color: rgba(255,255,255,.7);
        font-weight: 800;
        font-size: 12px;
    }
    .pricing-table-extended h2 span {
        display: block;
        color: #fff;
        font-size: 36px;
        line-height: 1.2;
    }
    .pricing-table-extended .level-max h2 span {
        font-size: 48px;
    }
    .pricing-table-extended ul li {
        padding: 9px 20px;
        background: #f9f9f9;
    }
    .pricing-table-extended ul li:nth-child(even) {
        background: #f1f1f1;
    }
    .pricing-table-extended .footer {
        background: #f8f8f8;
    }
    .pricing-table-extended .features-list .footer {
        background: none;
    }
    .pricing-table-extended .level-max .footer { padding: 31px 20px;
        background: #fff;
    }


    /*  Simple Pricing Table  --------------------------------*/

    .pricing-table-simple .column {
        border-left: 2px solid #fff;
        background: #f5f5f5;
    }

    .pricing-table-simple .column:first-child {
        border: none;
    }

    .pricing-table-simple.five-cols .column  { width: 19.9%; }
    .pricing-table-simple.four-cols .column  { width: 24.9%; }
    .pricing-table-simple.three-cols .column { width: 33.1%; }
    .pricing-table-simple.two-cols .column   { width: 49.6%; }
    .pricing-table-simple.one-cols .column   { width: 100%; }

    .pricing-table-simple .level-max {
        z-index: 9999;
        margin: -15px -2px -15px 0;
        border: none;
        background: #fff;
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
                box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    }
    .pricing-table-simple .header {
        padding: 26px 20px 23px;
    }
    .pricing-table-simple .level-max .header {
        padding: 31px 20px 33px;
    }
    .pricing-table-simple h1 {
        margin: 0 0 7px;
        color: #959595;
        font-weight: 600;
        font-size: 16px;
    }
    .pricing-table-simple h2 {
        margin-bottom: 5px;
        color: #333;
        font-weight: 400;
        font-size: 20px;
    }
    .pricing-table-simple h2 span {
        color: #333;
        font-weight: 600;
    }
    .pricing-table-simple h6 {
        margin: 0;
        color: #636363;
        font-weight: 200;
        font-size: 11px;
    }
    .pricing-table-simple ul {
        margin: 0 20px;
    }
    .pricing-table-simple ul li {
        padding: 8px 0;
        border-top: 1px solid #e1e1e1;
    }
    .pricing-table-simple ul li:last-child {
        border-bottom: 1px solid #e1e1e1;
    }
    .pricing-table-simple .level-max .footer {
        margin: 5px 0 10px;
    }





/* ------------------------------------------------------------------------------- */
/*  9.  Shortcodes
/* ------------------------------------------------------------------------------- */


    /*  Buttons  --------------------------------*/

    .white-darkgray         { background: #fff; color: #333; }
    .white-darkgray:hover   { background: #333; color: #fff; text-decoration: none;}

    .darkgray-white         { background: #333; }
    .darkgray-white:hover   { background: #fff; color: #333; text-decoration: none;}


    .button.small {
        padding: 5px 8px 6px;
        font-size: 11px;
        line-height: 11px;
    }
    .button.big {
        padding-right: 30px;
        padding-left: 30px;
        font-size: 16px;
    }


    /*  Skills  --------------------------------*/

    .skill-title {
        display: block;
        margin-bottom: 3px;
        color: #959595;
        font-weight: 600;
    }
    .skillbar {
        display: block;
        overflow: hidden;
        margin-bottom: 15px;
        width: 100%;
        height: 30px;
        border-radius: 3px;
        background: #f2f2f2;
    }
    .skillbar .skill-progress {
        display: block;
        width: 0%;
        height: 100%;
    }


    /*  description  --------------------------------*/

    .infobox {
        padding: 30px;
        border-radius: 3px;
        background: #f2f2f2;
    }


    /*  Accordion  --------------------------------*/

    .accordion-button {
        position: relative;
        display: block;
        margin: 0;
        padding: 7px 0 7px 17px;
        border-top: 1px solid #ececec;
        font-weight: 600;
        line-height: auto;
        cursor: pointer;
    }
    .accordion-button:first-child {
        border: none;
    }
    .accordion-content {
        margin: 5px 0 10px !important;
        padding: 0 0 8px 17px;
    }
    .accordion-button span.ui-icon {
        position: absolute;
        left: 0;
        margin: 0;
    }
    .accordion-button span.ui-icon:before {
        color: #959595;
        content: "\f055";
        font-family: FontAwesome;
    }
    .accordion-button.ui-state-active span.ui-icon:before {
        content: "\f056";
    }



    /*  Alert Boxes  --------------------------------*/

    .alert {
        position: relative;
        margin-bottom: 15px;
        padding: 6px 15px;
        border-radius: 3px;
        color: #FFF;
    }
    .alert.success {
        background: #9BCC45;
    }
    .alert.notice {
        background: #78B9F7;
    }
    .alert.warning {
        background: #FEC901;
    }
    .alert.error {
        background: #D73300;
    }


    /*  Content Social Links  --------------------------------*/

    .content-social-links li {
        float: left;
        margin: 0 6px 6px 0;
    }
    .content-social-links li a {
        display: block;
        width: 38px;
        height: 38px;
        border-radius: 3px;
        background: #333;
        color: #fff;
        text-align: center;
        line-height: 35px;
    }


    /*  Blockquote  --------------------------------*/
    
    blockquote {
        position: relative;
        margin: 30px 0;
        padding: 15px 30px;
        color: #636363;
        font-style: italic;
    }
    blockquote p:last-of-type {
        margin-bottom: 0;
    }
    blockquote .person {
        display: block;
        margin-top: 10px;
        color: #333;
        font-weight: 600;
        font-style: normal;
    }


    /*  Lists  --------------------------------*/

    ul.circle, ul.disc, ul.square {
        margin-bottom: 25px;
    }
    ul.circle li, ul.disc li, ul.square li {
        margin: 0 30px 5px;
        color: #636363;
    }
    ul.disc li {
        list-style-type: disc;
    }
    ul.circle li {
        list-style-type: circle;
    }
    ul.square li {
        list-style-type: square;
    }





/* ------------------------------------------------------------------------------- */
/*  10.  Blog
/* ------------------------------------------------------------------------------- */
   
    .post {
        margin: 0 0 55px;
        padding: 0 0 35px;
        border-bottom: 1px solid #ececec;
    }
    .post h2 {
        margin-bottom: 10px;
    }
    .post-meta {
        margin-bottom: 25px;
        color: #959595;
    }
    .post-meta span {
        float: left;
        margin-right: 20px;
        font-size: 12px;
    }
    .post-meta a {
        color: #959595;
    }
    .post-entry .image, .post-entry .image-slider, .post-entry .video {
        margin-bottom: 35px;
        max-width: 100%;
    }
    .post-entry .button {
        margin-top: 10px;
    }
	
	.tags {display: inline-block; width: 100%; margin-bottom: .5em;}

	.tags a {padding: 3px 8px; background-color: #979797; color: #fff; margin-right: .5em; margin-bottom: .5em; display: inline-block; width: auto;}

	.tags a:hover {text-decoration: none; background-color: #000;}


    /*  Pagination  --------------------------------*/

    .pagination a, .pagination .current {  
        float: left;
        margin-right: 8px;
        width: 70px;
        height: 25px;
        border-radius: 3px;
        background: #e1e1e1;
        color: #979797;
        text-align: center;
        font-weight: 800;
        font-size: 12px;
        line-height: 24px;
    }
    .pagination a:hover, .pagination .current {
        width: 70px;
		height: 25px
		color: #979797;
    }
    .pagination a i {
        width: 70px;
		height: 25px
		color: #fff;
        font-size: 12px;
    }


    /*  Blog Post Details  --------------------------------*/

    .post h3 {
        margin: 30px 0 23px;
        text-transform: capitalize;
        font-weight: 700;
    }
    .post.single p {
        margin-bottom: 20px;
    }
    .post.single p:last-child {
        margin-bottom: 10px;
    }


    /*  Comments  --------------------------------*/

    .comments-list {
        margin: 36px 0 70px;
        padding: 0 0 10px;
        border-bottom: 1px solid #ececec;
    }
    .comment {
        margin-top: 10px;
        padding-top: 30px;
        border-top: 1px solid #ececec;
        font-size: 12px;
    }
    .comment .children .comment {
        margin-top: 10px;
        padding-top: 30px;
    }
    .comment:first-child {
        margin: 0;
        padding: 0;
        border-top: none;
    }

    .comment .avatar {
        position: relative;
        z-index: 1;
        float: left;
        width: 50px;
        height: 50px;
    }
    .comment .respond {
        margin: 40px 0 50px;
    }
    .comment .comment-entry, .comment .comment-meta {
        margin-left: 60px;
    }
    .comment .comment-entry {
        color: #636363;
    }
    .comment .comment-meta {
        margin-top: -4px;
    }
    .comment .author {
        margin: 0;
        font-weight: 600;
    }
    .comment .reply {
        color: #959595;
    }
    .comment .date {
        margin: 1px 0 8px;
        color: #959595;
    }
    .comment .children {
        padding-left: 60px;
    }
    .comment .children .comment {
        position: relative;
        border-top: 1px solid #ececec;
    }

    
    /*  Comments Form  --------------------------------*/

    #comments-form {
        margin-top: 30px;
    }


    /*  Blog (Alt. Version)  --------------------------------*/

    .post-block {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
        border-radius: 4px;
        background: #333;
    }
    .post-block .post-entry {
        margin: 13px 20px 15px;
    }
    .post-block .post-entry h2 {
        margin-bottom: 15px;
        padding-bottom: 14px;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        font-weight: 700;
        font-size: 18px;;
    }
    .post-block .post-entry h2:hover {
        color: #fff;
		text-decoration: none;
    }
    .post-block .post-entry p {
        color: rgba(255, 255, 255, .5);
        font-size: 12px;
    }
    .post-block img {
        display: block;
        width: 100%;
    }
    .post-block .post-meta {
        margin: 0;
        padding: 11px 20px;
        background: rgba(255, 255, 255, .1);
        font-weight: 800;
        font-size: 12px;
    }
    .post-block .comments {
        float: right;
    }





/* ------------------------------------------------------------------------------- */
/*  11.  Portfolio
/* ------------------------------------------------------------------------------- */

    /*  Project Feed Filter  --------------------------------*/

    .project-feed-filter {
        display: inline-block;
        margin: 0 0 40px;
        font-size: 12px;
    }
    .project-feed-filter li {
        display: block;
        float: left;
        margin: 0;
        padding: 5px 0;
        list-style: none;
    }
    .project-feed-filter a {
        display: block;
        margin: 0 20px 0 0;
        color: #959595;
    }
    .project-feed-filter a:hover, .project-feed-filter .current {
        color: #333;
		text-decoration: none;
    }

    
    /*  Project Feed  --------------------------------*/

    .project-feed > div {
        position: relative;
        float: left;
        margin: 0 0 20px 0;
        list-style: none;
    }
    .project-feed div a {
        display: block;
    }
    .project-feed div img {
        display: block;
        width: 100%;
    }



    /*  Project Item Overlay  --------------------------------*/

    .project-item {
        overflow: hidden;
    }
    .project-item .thumbnail {
        position: relative;
        overflow: hidden;
    }
    .project-item .overlay,
    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        background: url(../images/overlay_background.svg);
    }
    .project-item .mask {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
           -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
             -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
        -webkit-backface-visibility: hidden;
    }
    .project-item:hover .mask {
        opacity: .95;
    }
    .project-item img {
        -webkit-transition: all 0.2s linear;
           -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
             -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
    }
    .project-item:hover img {
        -webkit-transform: scale(1.05,1.05);
           -moz-transform: scale(1.05,1.05);
            -ms-transform: scale(1.05,1.05);
             -o-transform: scale(1.05,1.05);
                transform: scale(1.05,1.05);
    }
    .project-item .icon-image {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -18px;
        margin-left: -18px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        text-align: center;
        line-height: 36px;
    }
    .project-item .icon-image:hover {
        background: #333;
		
    }
    .project-item .icon-image i {
        color: #fff;
    }
    .project-item .thumbnail img {
        position: relative;
        overflow: hidden;
    }
    .project-item .item-title {
        position: absolute;
        bottom: 40px;
        width: 100%;
        color: #fff;
        text-align: center;
        font-weight: 500;
    }
    .project-item .item-title:hover {
        color: #333;
		text-decoration: none;
    }
    .project-item .thumb-item-title {
        position: relative;
        padding: 15px 20px;
        background: #333;
        text-align: center;
    }
    .project-item .thumb-item-title h6 a:hover {
        color: #FFF;
		text-decoration: none;
    }
    .project-item .thumb-item-title span {
        color: #959595;
        font-size: 12px;
    }

    /*  Portfolio Details  --------------------------------*/

    .project-title {
        float: left;
        margin-bottom: 30px;
        line-height: 1.3;
    }

    .project-nav {
        float: right;
        margin: 15px 0 0;
    }
    .project-nav a {  
        float: left;
        margin-left: 8px;
        width: 25px;
        height: 25px;
        border-radius: 3px;
        background: #e1e1e1;
        color: #fff;
        text-align: center;
        font-weight: 800;
        line-height: 24px;
    }
    .project-nav a i {  
        color: #fff;
        font-size: 12px;
    }
    .project-description .overview {
        margin-top: 70px;
        font-size: 12px;
    }
    .project-description .overview h5 {
        margin-bottom: 20px;
    }
    .project-description .description {
        margin-bottom: 20px;
    }


    /*  Isotope Plugin  --------------------------------*/

    #infscr-loading {
        position: absolute;
        bottom: 0;
        z-index: 100;
        width: 100%;
        text-align: center;
    }
    #infscr-loading img {
        display: none;
    }
    #infscr-loading div {
        display: inline-block;
        padding: 15px 20px;
        border-radius: 5px;
        color: #fff;
        font-weight: 800;
        font-size: 14px;
    }


    /*  Isotope Plugin  --------------------------------*/

    .isotope-item {
        z-index: 2;
    }
    .isotope-hidden.isotope-item {
        z-index: 1;
        pointer-events: none;
    }
    .isotope, .isotope .isotope-item {/* change duration value to whatever you like */
        -webkit-transition-duration: 0.8s;
           -moz-transition-duration: 0.8s;
                transition-duration: 0.8s;
    }
    .isotope {
        -webkit-transition-property: height, width;
           -moz-transition-property: height, width;
                transition-property: height, width;
    }
    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
           -moz-transition-property:    -moz-transform, opacity;
            -ms-transition-property:     -ms-transform, opacity;
             -o-transition-property:         top, left, opacity;
                transition-property:         transform, opacity;
    }





/* ------------------------------------------------------------------------------- */
/*  12.  Contact
/* ------------------------------------------------------------------------------- */

    #google-map {
        margin-bottom: 50px;
        width: 100%;
        height: 300px;
    }
    #google-map-marker {
        max-width: 350px;
        height: auto;
    }
    #google-map.fullwidth-padding {
        margin-top: -80px;
        height: 500px;
    }
    #google-map img {
        max-width: none;
    }
    .contact-intro {
        margin: 60px 0 40px;
        color: #333;
        font-size: 14px;
    }
    .contact-info .address {
        margin-top: 20px;
    }
    #contact-form {
        margin-top: 25px;
    }





/* ------------------------------------------------------------------------------- */
/*  13.  Widgets
/* ------------------------------------------------------------------------------- */

    .widget {
        margin: 0 0 50px;
        font-size: 12px;
    }
    #footer .widget {
        margin: 0;
    }
    .widget h3 {
        margin: 0 0 18px;
        font-weight: 600;
        font-size: 14px;
    }


    /*  Search  --------------------------------*/

    .widget_search input {
        width: 212px !important;
    }
    #sidebar .widget_search {
        margin-top: 15px;
    }


    /*  Categories  --------------------------------*/

    #sidebar .widget_categories li {
        padding: 7px 0 7px 13px;
        border-bottom: 1px solid #ececec;
        background: url(https://media.gttwl.com/zlash.212by.com/images/c_icon_next.png) no-repeat 0 12px;
    }
    #sidebar .widget_categories li:last-child {
        border: none;
    }
    #sidebar .widget_categories li a {
        color: #636363;
    }


    #footer .widget_categories li {
        border-bottom: 1px solid #484848;
        background: url(https://media.gttwl.com/zlash.212by.com/images/c_icon_next_g.png) no-repeat 0 12px;
    }
    #footer .widget_categories li:last-child {
        border: none;
    }
    #footer .widget_categories li a {
        color: #C2C2C2;
    }


    /*  Text Widget  --------------------------------*/

    #sidebar .widget_text {
        color: #636363;
    }


    /*  Tabs With Posts  --------------------------------*/

    .ui-tabs .ui-tabs-nav {
        display: block;
        display: table;
        width: 100%;
    }
    .bordered.ui-tabs .tabs-content-wrapper {
        display: block;
        margin-top: -21px;
        padding: 30px 20px;
        border: 1px solid #e6e6e6;
        border-radius: 3px;
    }
    .ui-tabs .ui-tabs-nav li {
        position: relative;
        float: left;
        margin: 0 0 20px;
        padding: 0;
        width: auto;
        line-height: 32px;
    }
    #sidebar .ui-tabs .ui-tabs-nav li {
        width: 50%;
    }
    .ui-tabs .ui-tabs-nav li a {
        display: block;
        padding: 0 20px;
        border: 1px solid #e6e6e6;
        border-left: none;
        border-radius: 3px 3px 0 0;
        color: #959595;
        text-align: center;
        font-weight: 600;
    }
    .ui-tabs .ui-tabs-nav li a:last-child {
        margin-right: 0;
    }
    .ui-tabs .ui-tabs-nav li:first-child a {
        border-left: 1px solid #e6e6e6;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        border-bottom: 1px solid #fff;
        color: #333;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
        cursor: text;
    }
    .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
        cursor: pointer;
    }
    .ui-tabs .ui-tabs-panel {
        position: relative;
        display: block;
        border: none;
    }
    .ui-tabs .ui-tabs-panel .posts li {
        margin-bottom: 15px;
    }
    .ui-tabs .ui-tabs-panel .posts li:last-child {
        margin: 0;
    }
    .ui-tabs .ui-tabs-panel .posts img {
        float: left;
        margin-top: 3px;
        margin-right: 10px;
        width: 50px;
        height: 50px;
        border-radius: 3px;
    }
    .ui-tabs .ui-tabs-panel .entry .date {
        display: block;
        color: #959595;
    }
    .ui-tabs .ui-tabs-hide {
        display: none !important;
    }


    /*  Recent Entries  --------------------------------*/

    .widget_recent_entries .posts li {
        margin-bottom: 15px;
    }
    .widget_recent_entries .posts li:last-child {
        margin: 0;
    }
    .widget_recent_entries .posts img {
        float: left;
        margin-top: 3px;
        margin-right: 10px;
        width: 50px;
        height: 50px;
        border-radius: 3px;
    }
    .widget_recent_entries .entry .date {
        display: block;
        color: #959595;
    }
    #footer .widget_recent_entries a {
        color: #c2c2c2;
    }
    #footer .widget_recent_entries .date {
        color: #636363;
    }
    

    /*  Latest Posts  --------------------------------*/

    .widget_latest_posts li {
        margin-bottom: 10px;
    }
    .widget_latest_posts li:last-child {
        margin: 0;
		    }

    /*  Twitter Feed  --------------------------------*/

    .twitter-feed li {
        margin: 0 0 10px;
    }
    .jta-tweet-timestamp {
        display: block;
    }
    .jta-clear {
        display: none;
    }

    #sidebar .jta-tweet-text {
        color: #636363;
    }
    #sidebar .jta-tweet-text:before {
        margin: 0 5px 0 -16px;
        color: #959595;
        content: "\f099";
        font-family: FontAwesome;
    }
    #sidebar .jta-tweet-text a {
        color: #333;
    }
    #sidebar .jta-tweet-list-item {
        padding-left: 16px;
    }
    #sidebar .jta-tweet-timestamp-link {
        color: #959595;
    }
    #footer .jta-tweet-text {
        color: #636363;
    }
    #footer .jta-tweet-timestamp-link {
        color: #636363;
    }


    /*  Photo Stream  --------------------------------*/

    .photo-stream {
        margin-right: -12px;
    }
    .photo-stream li {
        float: left;
        overflow: hidden;
        margin: 0 10px 10px 0;
    }
    .photo-stream a {
        display: block;
        border-radius: 3px;
    }
    .photo-stream a:hover img {
        opacity: .4;
    }
    .photo-stream img {
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 3px;
    }

    #footer .photo-stream {
        margin-top: 22px;
    }





/* ------------------------------------------------------------------------------- */
/*  14.  Footer
/* ------------------------------------------------------------------------------- */

    #footer {
        margin-top: 90px;
        padding-top: 85px;
        background: #333;
        color: #636363;
        font-size: 12px;
    }
    #footer .logo {
        display: block;
        margin-top: -15px;
        margin-bottom: 20px;
        color: #fff;
        letter-spacing: -0.05em;
        font-weight: 800;
        font-size: 28px;
        line-height: 1.2em;
    }
    #footer h3 {
        margin-bottom: 20px;
        color: #636363;
        font-weight: 700;
        font-size: 14px;
    }
    #footer a {
        color: #959595;
    }


    /*  Copyright & Social Links  --------------------------------*/

    #footer .info {
        margin: 60px auto 0;
        padding: 15px 0;
        width: 100%;
        background: #2b2b2b;
    }
    .copyright {
        float: left;
    }
    .copyright li {
        float: left;
        margin-right: 30px;
        line-height: 26px;
    }
    .social-links {
        float: right;
    }
    .social-links li {
        float: left;
        margin-left: 8px;
        border-radius: 3px;
        background: #363636;
        text-align: center;
    }
    .social-links li a {
        display: block;
        width: 26px;
        height: 26px;
        text-align: center;
        line-height: 26px;
    }
    .social-links li a i {
        color: #959595;
    }
    .social-links li a:hover {
        opacity: 1;
		text-decoration: none;
    }
	
	/*  Footer  -----------------------------------------------------*/
	
	.footerheadline {
        font-size: 30px;
		margin-bottom: 25px;
    }
	
	.footertext {
        font-size: 13px;
		margin-bottom: 25px;
    }
	
	/*-----------------------------------------------------------------------------

    -   Revolution Slider 1.4.5 -

-----------------------------------------------------------------------------*/

.revslider-wrapper {
    position: relative;
    overflow: hidden;
    max-height: 535px;
}


.tp-simpleresponsive .caption {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.tp-simpleresponsive img {
    max-width: none;
}


/******************************
    -   IE8 HACKS   -
*******************************/

.noFilterClass {
    filter: none !important;
}


/******************************
    -   SHADOWS     -
******************************/

.tp-bannershadow {
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.tp-bannershadow.tp-shadow1 {
    bottom: -30px;
    width: 890px;
    height: 30px;
    background: url(https://media.gttwl.com/zlash.212by.com/images/revslider/assets/shadow1.png) no-repeat;
    background-size: 100%;
}
.tp-bannershadow.tp-shadow2 {
    bottom: -60px;
    width: 890px;
    height: 60px;
    background: url(https://media.gttwl.com/zlash.212by.com/images/revslider/assets/shadow2.png) no-repeat;
    background-size: 100%;
}
.tp-bannershadow.tp-shadow3 {
    bottom: -60px;
    width: 890px;
    height: 60px;
    background: url(https://media.gttwl.com/zlash.212by.com/images/revslider/assets/shadow3.png) no-repeat;
    background-size: 100%;
}


/********************************
    -   FULLSCREEN VIDEO    -
*********************************/

.caption.fullscreenvideo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.caption.fullscreenvideo iframe {
    width: 100% !important;
    height: 100% !important;
}


/*************************
    -   CAPTIONS    -
**************************/

.revslider .caption.big_black {
    position: absolute;
    color: #333;
    letter-spacing: -1px;
    font-weight: 300;
    font-size:  40px
    line-height: 1em;
}

.revslider .caption.big_black.center {
    text-align: center;
    color: #333;
    letter-spacing: -1px;
    font-weight: 600;
    font-size: 60px;
    line-height: 1.5em;
}
.revslider .caption.medium_white {
    position: absolute;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4em;
}
.revslider .caption.medium_white.center {
    font-size: 42px;
}
.revslider .caption.medium_grey {
    position: absolute;
    margin: 0px;
    padding: 2px 4px;
    border-width: 0px;
    border-style: none;
    color: #fff;
    text-shadow: none;
    white-space:nowrap;
    font-weight: 700;
    font-size:  40px
    font-family: Arial;
    line-height: 20px;
}
.revslider .caption.small_text {
    position: absolute;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    color: #fff;
    text-shadow: none;
    white-space:nowrap;
    font-weight: 700;
    font-size: 14px;
    font-family: Arial;
    line-height: 20px;
}
.revslider .caption.medium_text {
    position: absolute;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    color: #fff;
    text-shadow: none;
    white-space:nowrap;
    font-weight: 700;
    font-size: 20px;
    font-family: Arial;
    line-height: 20px;
}
.revslider .caption.large_text  {
    position: absolute;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    color: #fff;
    text-shadow: none;
    white-space:nowrap;
    font-weight: 700;
    font-size: 40px;
    font-family: Arial;
    line-height: 40px;
}
.revslider .caption.very_large_text {
    position: absolute;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    color: #fff;
    text-shadow: none;
    white-space:nowrap;
    letter-spacing: -2px;
    font-weight: 700;
    font-size: 60px;
    font-family: Arial;
    line-height: 60px;
}
.revslider .caption.very_big_white  {
    position: absolute;
    margin: 0px;
    padding: 0px 4px;
    padding-top: 1px;
    border-width: 0px;
    border-style: none;
    color: #fff;
    text-shadow: none;
    white-space:nowrap;
    font-weight: 700;
    font-size: 60px;
    font-family: Arial;
    line-height: 60px;
}
.revslider .caption.very_big_black  {
    position: absolute;
    margin: 0px;
    padding: 0px 4px;
    padding-top: 1px;
    border-width: 0px;
    border-style: none;
    color: #000;
    text-shadow: none;
    white-space:nowrap;
    font-weight: 700;
    font-size: 60px;
    font-family: Arial;
    line-height: 60px;
}
.revslider .caption.boxshadow   {
    -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
}
.revslider .caption.black {
    color: #000;
    text-shadow: none;
}
.caption.noshadow {
    text-shadow: none;
}
.revslider .button {
    position: absolute;
}


/** BULLETS **/
.tp-bullets {
    position: absolute;
    bottom: 10px;
    z-index: 100;
}
.tp-bullets.simplebullets {
    bottom: 10px;
}
.tp-bullets.simplebullets.navbar {
    bottom: -20px;
    margin-top: -17px;
    padding: 0px 0px;
    height: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(https://media.gttwl.com/zlash.212by.com/images/revslider/assets/navigdots_bgtile.png);
}
.tp-bullets.simplebullets .bullet {
    position: relative;
    float: left;
    margin-top: -12px; 
    margin-right: 0px;
    width: 23px;
    height: 23px;
    background: url(https://media.gttwl.com/zlash.212by.com/images/revslider/assets/bullets.png) no-repeat bottom left;
    cursor: pointer;
}
.tp-bullets.simplebullets .bullet.last {
    margin-right: 0px;
}

/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet {
    position: relative;
    float: left;
    margin-top: -10px; 
    margin-right: 0px;
    width: 19px;
    height: 19px;
    background: url(https://media.gttwl.com/zlash.212by.com/images/revslider/assets/bullets2.png) no-repeat bottom left;
    cursor: pointer;
}
.tp-bullets.simplebullets.square .bullet.last {
    margin-right: 0px;
}

/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet {
    position: relative;
    float: left;
    margin-top: 10px;
    margin-right: 5px !important; 
    margin-left: 5px !important;
    width: 15px;
    height: 15px;
    background: url(https://media.gttwl.com/zlash.212by.com/images/revslider/assets/navigdots.png) no-repeat bottom left;
    cursor: pointer;
}
.tp-bullets.simplebullets.navbar .bullet.first {
    margin-left: 30px !important;
}
.tp-bullets.simplebullets.navbar .bullet.last {
    margin-right: 30px !important;
}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected  {
    background-position: top left;
}


/*************************************
    -   TP ARROWS   -
**************************************/

.tp-leftarrow.navbar {
    position: relative;
    z-index: 100;  
    float: left;
    margin-top: -8px;
    margin-right: -20px;
    width: 9px;
    height: 16px;
    background: url(https://media.gttwl.com/zlash.212by.com/images/revslider/assets/arrowleft.png) no-repeat top left;
    cursor: pointer;
}
.tp-rightarrow.navbar {
    position: relative;
    z-index: 100;
    float: left;
    margin-top: -8px;
    margin-left: -20px;
    width: 9px;
    height: 16px;
    background: url(https://media.gttwl.com/zlash.212by.com/images/revslider/assets/arrowright.png) no-Repeat top left;
    cursor: pointer;
}
.tp-leftarrow.navbar.thumbswitharrow {
    margin-right: 10px;
}
.tp-rightarrow.navbar.thumbswitharrow {
    margin-left: 0;
}
.tp-leftarrow.square {
    position: relative;
    z-index: 100;
    float: left;
    margin-top: -9px;
    margin-right: 0;
    width: 12px;
    height: 17px;
    background: url(https://media.gttwl.com/zlash.212by.com/images/revslider/assets/arrow_left2.png) no-Repeat top left;
    cursor: pointer;
}
.tp-rightarrow.square {
    position: relative;
    z-index: 100;
    float: left;
    margin-top: -9px;
    margin-left: 0;
    width: 12px;
    height: 17px;
    background: url(https://media.gttwl.com/zlash.212by.com/images/revslider/assets/arrow_right2.png) no-Repeat top left;
    cursor: pointer;
}
.tp-leftarrow.large, .tp-rightarrow.large {
    position: absolute;
    top: 50%;
    left: 20px !important;
    z-index: 100;
    display: block;
    margin-top: -37px;
    width: 35px;
    height: 75px;
    border-radius: 3px;
    background: rgba(0,0,0, .2);
    text-align: center;
    line-height: 75px;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
}
.tp-rightarrow.large {
    right: 20px !important;
    left: auto !important;
}
.tp-leftarrow:hover, .tp-rightarrow:hover {
    background: rgba(0,0,0, .5);
}
.tp-leftarrow:hover i, .tp-rightarrow:hover i {
    opacity: 1;
}
.tp-rightarrow.large:before {
    color: #fff;
    content: '\f054';
    font-family: FontAwesome;
}
.tp-leftarrow.large:before {
    color: #fff;
    content: '\f053';
    font-family: FontAwesome;
}


/****************************************************************************************************
    -   TP THUMBS   -
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs {
    position: absolute;
    z-index: 100;
    margin-top: -50px;
    padding: 3px;
    width: 500px;
    height: 50px;           /* THE DIMENSIONS OF THE THUMB CONTAINER */
     background-color: #fff;
}
.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    position: relative;
    overflow: hidden;
    width: 500px;
    height: 50px;           /* THE DIMENSIONS OF THE THUMB CONTAINER */
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    position: absolute;
    width: 5000px;
}
.tp-bullets.tp-thumbs .bullet {
    float: left;
    overflow: hidden;
    margin: 0;
    width: 100px;
    height: 50px;           /* THE DIMENSION OF A SINGLE THUMB */
    background: none;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* filter: alpha(opacity=50); */
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    opacity: 1; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.tp-thumbs img {
    width:100%;
}


/************************************
        -   TP BANNER TIMER     -
*************************************/
.tp-bannertimer {
    position: absolute;
    z-index: 200;
    width: 100%;
    height: 10px;
    background: url(https://media.gttwl.com/zlash.212by.com/images/revslider/assets/timer.png);
}
.tp-bannertimer.tp-bottom {
    bottom: 0 !important;
    height: 5px;
}


/***************************************
    -   RESPONSIVE SETTINGS     -
****************************************/

    @media only screen and (min-width: 768px) and (max-width: 959px) {

     }


    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .responsive .tp-bullets.tp-thumbs {
            width: 300px !important;
            height: 30px !important;
        }
        .responsive .tp-bullets.tp-thumbs .tp-mask {
            width: 300px !important;
            height: 30px !important;
        }
        .responsive .tp-bullets.tp-thumbs .bullet {
            width: 60px !important;
            height: 30px !important;
        }
    }

    @media only screen and (min-width: 0px) and (max-width: 479px) {
        .responsive .tp-bullets {
            display: none;
        }
        .responsive .tparrows {
            display: none;
        }
    }


/*********************************************

    -   BASIC SETTINGS FOR THE BANNER   -

***********************************************/

.tp-simpleresponsive img {
    -webkit-user-select: none;
       -moz-user-select: none;
     -khtml-user-select: none;
         -o-user-select: none;
}
.tp-simpleresponsive a {
    text-decoration: none;
}
.tp-simpleresponsive ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tp-simpleresponsive > ul > li {
    position: absolute;
    visibility: hidden;
    list-stye: none;
}

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div {
    width: 10000px;
    height: 10000px;
    background: url(https://media.gttwl.com/zlash.212by.com/images/revslider/assets/coloredbg.png) repeat;
}
.tp-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10000;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background: #333 url(https://media.gttwl.com/zlash.212by.com/images/loader.gif) no-repeat 8px 8px;
}


/* ----------------------------------------------------------------------------- */
/*  Boxed Layout
/* ----------------------------------------------------------------------------- */


    .bg-cover {
        background-attachment: fixed;
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    body {
        background: url('https://media.gttwl.com/attachments/dipaulas.212by.com/c46jq943f3q/1378574572_original.jpg');
    }
    #body-wrapper {
        left: 50%;
        margin-left: -560px;
        padding: 0 70px;
        width: 980px;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
                box-shadow: 0 0 4px rgba(0,0,0,.3);
    }





/* ------------------------------------------------------------------------------- */
/*  Media Queries
/* ------------------------------------------------------------------------------- */


/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

}



/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 979px) {

    #body-wrapper {
        margin-left: -404px;
        width: 708px;
        padding: 0 50px;
    }
    .fullwidth {
        margin-right: -50px !important;
        margin-left: -50px !important;
    }
    .fullwidth-padding {
        margin-right: -50px !important;
        margin-left: -50px !important;
        padding-right: 50px !important;
        padding-left: 50px !important;
    }

}



/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { 

    #body-wrapper {
        margin-left: -250px;
        width: 440px;
        padding: 0 30px;
    }
    .fullwidth {
        margin-right: -30px !important;
        margin-left: -30px !important;
    }
    .fullwidth-padding {
        margin-right: -30px !important;
        margin-left: -30px !important;
        padding-right: 30px !important;
        padding-left: 30px !important;
    }

}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    #body-wrapper {
        margin-left: -165px;
        width: 280px;
        padding: 0 25px;
    }
    .fullwidth {
        margin-right: -25px !important;
        margin-left: -25px !important;
    }
    .fullwidth-padding {
        margin-right: -25px !important;
        margin-left: -25px !important;
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

}

html {
        background: #f2f2f2;
    }


    .revslider .caption.big_black {
        color: #000 !important;
    }


    .page-title {
        color: #333;
    }


    #logo span,
    #footer .logo span,
    a:hover, a > *:hover,
    .member-social-links a:hover,
    blockquote .person .accent,
    .service-icon,
    .member-info h4,
    .accordion-button.ui-state-active,
    .post-meta a:hover,
    .comment .reply:hover,
    .post-block .post-entry h2,
    .project-item .thumb-item-title h6 a,
    #sidebar .widget_categories li a:hover,
    #footer .widget_categories li a:hover,
    #footer .widget_recent_entries a:hover,
    #sidebar .jta-tweet-timestamp-link:hover,
    #footer .jta-tweet-timestamp-link:hover,
    #sidebar .jta-tweet-text a:hover,
    #footer a:hover,
    .social-links li a:hover,
    .content-social-links li a:hover {
        color:#CCCCCC;
		text-decoration: none;
    }


    .revslider-wrapper,
    .page-title,
    .skillbar .skill-progress,
    .pricing-table-extended .level-max .header,
    .project-item .mask,
    #infscr-loading div,
    .photo-stream a:hover,
    .pagination a:hover,
    .pagination .current,
    .project-nav a:hover,
    #back-to-top:hover {
        background: #CCCCCC;
		text-decoration: none;
    }  

    .project-item {
        border-bottom: 3px solid #CCCCCC;
        color: #CCCCCC;
    }


    input[type="text"]:focus, textarea:focus {
        border-color: rgba(155, 204, 69, .5);
        -webkit-box-shadow: 0 0 5px rgba(155, 204, 69, .5);
           -moz-box-shadow: 0 0 5px rgba(155, 204, 69, .5);
                box-shadow: 0 0 5px rgba(155, 204, 69, .5);
    }
	
	#style-selector {
        position: fixed;
        top: 80px;
        right: 0;
        z-index: 9999;
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
                box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
    }
    .style-selector-wrapper {
        position: relative;
        z-index: 9999;
        display: inline-block;
        background: #FFF;
    }
    .style-selector-wrapper > div {
        margin: 25px 20px 25px 25px;
    }
    #style-selector a.close {
        position: absolute;
        top: 55px;
        left: -34px;
        width: 34px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #fff;
        border-radius: 3px 0 0 3px;
        -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .3);
                box-shadow: 0 3px 12px rgba(0, 0, 0, .3);
    }
    #style-selector a.active {
        box-shadow: 0 0 0 2px #000;
    }
    #style-selector h2 {
        height: 40px;
        background: #F2F2F2;
        text-align: center;
        font-size: 14px;
        line-height: 40px;
    }
    #style-selector h3 {
        margin-top: 20px;
        margin-bottom: 10px;
        color: #959595;
        text-align: center;
        font-weight: normal;
        font-size: 12px;
    }
    #style-selector ul {
        width: 160px;
    }
    #style-selector .styles {
        overflow: hidden;
        margin: 0px 0px 10px 0px;
    }
    #style-selector .styles li {
        float: left;
    }
    #style-selector .styles li a {
        display: block;
        margin: 3px;
        width: 25px;
        height: 25px;
        cursor: pointer;
    }
    .layout select {
        margin: 0 3px;
        width: 100%;
        font-size: 12px;
    }
    .bg-image img {
        width: auto;
        height: 100%;
    }

    .color-yellow       { background: #fec901; }
    .color-blue         { background: #78b9f7; }
    .color-cream        { background: #e0dac9; }
    .color-darkgray     { background: #333; }
    .color-green        { background: #9bcc45; }
    .color-lightgray    { background: #dbdcde; }
    .color-orange       { background: #fe9601; }
    .color-pink         { background: #ff9dbc; }
    .color-red          { background: #d73300; }
    .color-tan          { background: #d7ad7c; }

    .bg-img01 { background: url("https://media.gttwl.com/attachments/zlash.212by.com/c46jq943f3q/1375590111_original.jpg"); }
    .bg-img02 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/bg_img02.jpg"); }
    .bg-img03 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/bg_img03.jpg"); }
    .bg-img04 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/bg_img04.jpg"); }
    .bg-img05 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/bg_img05.jpg"); }
    
    .bg-pat01 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/black_twill.png"); }
    .bg-pat02 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/dark_fabric.png"); }
    .bg-pat03 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/dark_matter.png"); }
    .bg-pat04 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/knit.png"); }
    .bg-pat05 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/leather.png"); }
    .bg-pat06 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/lghtmesh.png"); }
    .bg-pat07 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/navy_blue.png"); }
    .bg-pat08 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/px_by_Gre3g.png"); }
    .bg-pat09 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/retina_wood.png"); }
    .bg-pat10 { background: url("https://media.gttwl.com/zlash.212by.com/images/backgrounds/tileable_wood_texture.png"); }
    
    
    /*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
    vertical-align: top;
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-skin {
    position: relative;
    border-radius: 4px;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
}
.fancybox-opened {
    z-index: 8030;
}
.fancybox-outer, .fancybox-inner {
    position: relative;
}
.fancybox-inner {
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}
.fancybox-error {
    margin: 0;
    padding: 15px;
    color: #444;
    white-space: nowrap;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('https://media.gttwl.com/candles.212by.com/img/fancybox_sprite.png');
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 8060;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('https://media.gttwl.com/candles.212by.com/img/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 8040;
    display: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgba(0,0,0, .7);
    text-align: center;
    line-height: 35px;
    opacity: .7;
    cursor: pointer;
}
.fancybox-close:hover {
    opacity: 1;
}
.fancybox-close:before {
    color: #fff;
    content: '\f00d';
    font-family: FontAwesome;
}
.fancybox-nav {
    position: absolute;
    top: 0;
    z-index: 8040;
    width: 55px;
    height: 100%;
    background: transparent url('https://media.gttwl.com/candles.212by.com/img/blank.gif'); /* helps IE */
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    z-index: 8040;
    margin-top: -37px;
    width: 35px;
    height: 75px;
    border-radius: 3px;
    background: rgba(0,0,0, .6);
    text-align: center;
    line-height: 75px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}
.fancybox-nav span:hover {
    background: rgba(0,0,0, .8);
}
.fancybox-prev span {
    left: 20px;
}
.fancybox-prev span:before {
    color: #fff;
    content: '\f053';
    font-family: FontAwesome;
}
.fancybox-next span {
    right: 20px;
}
.fancybox-next span:before {
    color: #fff;
    content: '\f054';
    font-family: FontAwesome;
}
.fancybox-wrap:hover span {
    opacity: 1;
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}

/* Overlay helper */
.fancybox-lock {
    overflow: hidden;
    margin-right:0 !important;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8010;
    display: none;
    overflow: hidden;
    background: url('https://media.gttwl.com/candles.212by.com/img/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
    position: fixed;
    right: 0;
    bottom: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: auto;
}

/* Title helper */
.fancybox-title {
    position: relative;
    z-index: 8050;
    visibility: hidden;
    text-shadow: none;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    position: absolute;
    right: 50%;
    bottom: 0;
    z-index: 8050;
    margin-bottom: -35px;
    text-align: center;
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    border-radius: 15px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    color: #FFF;
    text-shadow: 0 1px 2px #222;
    white-space: nowrap;
    font-weight: bold;
    line-height: 24px;
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap {
    padding-top: 10px;
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 15px;
    background: #000;
    background: rgba(0, 0, 0, .6);
    color: #fff;
}


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


.flexslider-wrapper {
    width: 100%;
    background: #eee;
}
 
/* 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 .slides > li {
    position: relative;
    display: none; 
    zoom: 1; /* Hide the slides before the JS is loaded. Avoids image jumping */
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    display: block;
    width: 100%;
}
.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-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 {
    position: relative;
    background: #fff;
    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
       -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
         -o-transition: all 1s ease;
            transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
.flexslider .slides {
    zoom: 1;
}

/* Direction Nav */
.flex-direction-nav a {
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -37px;
    width: 35px;
    height: 75px;
    border-radius: 3px;
    text-align: center;
    line-height: 75px;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: pointer;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.flex-direction-nav a i {
    color: #fff;
}
.flex-direction-nav .flex-next {
    right: 20px;
}
.flex-direction-nav .flex-next:before {
    color: #fff;
    content: '\f054';
    font-family: FontAwesome;
}
.flex-direction-nav .flex-prev {
    left: 20px;
}
.flex-direction-nav .flex-prev:before {
    color: #fff;
    content: '\f053';
    font-family: FontAwesome;
}
.flexslider:hover .flex-next, .flexslider:hover .flex-prev {
    background: rgba(0,0,0, .6);
    opacity: .5;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
}
.flex-direction-nav .disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    cursor: default;
}

/* Direction Nav for small slider */
.small .flex-direction-nav a {
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -18px;
    width: 26px;
    height: 36px;
    border-radius: 3px 0 0 3px;
    text-align: center;
    line-height: 36px;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: pointer;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.small .flex-direction-nav .flex-next {
    right: 0;
}
.small .flex-direction-nav .flex-prev {
    left: 0;
}

/* Control Nav */
.flex-control-nav {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.flex-control-nav li {
    display: inline-block;
    margin: 0 4px;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 20px;
    background: #666;
    background: rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
            box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    text-indent: -9999px;
    cursor: pointer;
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0,0,0,0.5); 
    cursor: default;
}
.flex-control-thumbs {
    position: static;
    overflow: hidden;
    margin: 5px 0 0;
}
.flex-control-thumbs li {
    float: left;
    margin: 0;
    width: 25%;
}
.flex-control-thumbs img {
    display: block;
    width: 100%;
    opacity: .7;
    cursor: pointer;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .active {
    opacity: 1;
    cursor: default;
}

/* Caption style */
.flex-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    margin: 60px;
    padding: 35px;
    width: 400px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.7);
}
.flex-caption h3 {
    margin-bottom: 8px;
    color: #fff;
}
.flex-caption p {
    margin: 0 0 15px;
    color: rgba(255, 255, 255, .7);
}