@import url('./scaffolding.css');
@import url('./blox.css');
@import url('../layerslider/css/layerslider.css');
@import url('./iconfonts.css');
@import url('./elements.css');
@import url('./pages.css');
@import url('./icon-box.css');
@import url('./main-menu.css'); 
	

body {
    background: #f4f7f8 url(../images/bdbg1.png);
}
	
	/* WRAPPER */ 
#wrap {
    display: block;
    margin: 0 auto;
    position: relative;
    padding: 0;
    background: #fff;
    visibility: visible;
    clear: both;
    overflow: hidden;
}

#wrap.boxed-wrap {
    display: block;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    width: 1000px;
    -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 9px rgba(0,0,0,0.4);
    box-shadow: 0 0 9px rgba(0,0,0,0.4);
    border: 1px solid #d6dbdc\9;
    border-bottom: none;
    visibility: visible;
}

#wrap.boxed-wrap .container {
    width: 100%;
}

#wrap p img {
    height: auto;
}

#wrap.boxed-wrap #header {
    top: inherit;
    left: inherit;
    width: 1000px;
}

#site-title {
    margin-top: 25px;
    padding-bottom: 10px;
    line-height: 1.4;
}

#site-title a {
    color: #3B454D;
}

#site-title small {
    display: block;
    margin-top: 5px;
}

#main-content.container {
    padding-top: 35px;
}

	
	/* HEADLINE */
#headline {
    width: 100%;
    padding: 24px 0 14px;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    display: table;
}

#headline h3 {
    font-size: 19px;
    line-height: 1.3;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    padding-left: 10px;
}

#headline h3 small {
    font-size: 13px;
    font-weight: 400;
    margin-left: 10px;
    letter-spacing: 0;
    text-transform: capitalize;
}
	
	/* TOP-BAR  */ 
.top-bar {
    background: #f7f7f7;
    min-height: 26px;
    padding: 5px 0;
    border-bottom: 4px solid #fbfbfb;
}

.top-bar h6 {
    font-size: 12px;
    font-weight: 400;
    margin: 0 10px 0 0;
    color: #999;
    letter-spacing: 0.6px;
}

.top-links {
    float: left;
    color: #d7d7d7;
    font-size: 11px;
    padding: 4px 0 0 4px;
    display: table;
}

.top-links.rgtflot {
    float: right;
    padding-right: 10px;
}

.top-links img, .container .top-links p {
    float: left;
    margin: 4px 3px 0 0;
}

.container .top-links p {
    color: #d9d9d9;
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
    margin: 5px 9px 0 0;
}

.top-links a, .top-links span {
    color: #9aa6af;
    font-size: 10px;
    display: inline;
    margin: 0 6px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.6px;
}

.top-links a:hover {
    color: #ff932a;
}

.top-links a:after {
    content: "|";
    padding-left: 10px;
    color: #ccc;
}

.top-links a:last-child:after {
    content: "";
}

.top-co-inf .top-links {
    float: right;
    margin-top: 8px;
}

.top-co-inf .top-links p {
    color: #6d6e71;
}
	
	
	/* HEADER  */
#header {
    z-index: 10000;
    width: 100%;
    background: #fff;
    padding: 30px 0;
}

#header h6, .top-bar h6, .top-inf h6 {
    font-size: 12px;
    margin: 18px 14px;
    font-weight: 600;
    color: #797979;
    display: inline-block;
}

#header h6 i, .top-bar h6 i, .top-inf h6 i {
    background: none;
    font-size: 16px;
    color: #6a6c75;
    display: inline;
    margin: 7px 4px;
    padding: 8px;
    border-radius: 50%;
    border: 1px solid #e9e9e9;
    vertical-align: middle;
}

.top-bar h6 i {
    padding: 0;
    border: none;
}

.top-bar h6 {
    margin: 0 10px 0 0;
}

.logo {
    height: auto;
    float: left;
}

.logo img {
    max-width: 100%;
    max-height: 100%;
    margin-top: 5px;
}

.nav-wrap1 .container {
    width: auto;
}

#header .img-logo-w1 {
    display: block;
}

#header .img-logo-w2, #header .img-logo-w3 {
    display: none;
}

.transparent-header-w #header .img-logo-w1, .transparent-header-w #header .img-logo-w3 {
    display: none;
}

.transparent-header-w #header .img-logo-w2 {
    display: block;
}

#header.sticky .img-logo-w2 {
    display: none;
}

.logo-sticky {
    display: none;
}


@media only screen and (min-width: 960px) {
    #header.sticky #site-title {
        display: none;
    }

    #header.sticky #nav-wrap, #header.sticky.hi-header #nav-wrap {
        width: 100%;
        border-bottom: 1px solid #e9e9e9\9;
        box-shadow: 0 0 3px rgba(0,0,0,0.21);
        z-index: 800000000;
        background: #000;
        display: block;
        position: fixed;
        height: 60px;
        padding: 0;
        left: 0;
        top: 0;
        -webkit-animation: header-anim .2s ease .027s both;
        animation: header-anim .2s ease .027s both;
        transition: background 0.3s ease-in-out 0s;
        color: #fff;
    }

    #header.sticky #nav-wrap .container {
        width: 88%;
        float: none;
        padding: 0 30px 0 300px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    #header.sticky .logo-sticky {
        display: block;
        position: fixed;
        top: 0;
        max-width: 280px;
        z-index: 900000000;
        -webkit-animation: fade-anim .3s ease .044s both;
        animation: fade-anim .3s ease .044s both;
    }

    #header.sticky .logo-sticky img.img-logo-w3 {
        max-height: 40px;
        width: auto;
        max-width: 280px;
        margin-top: 10px;
        display: block;
    }

    #header.hi-header, #header.hi-header .logo .img-logo-w1 {
        position: fixed;
        height: 0;
        padding: 0;
        background: none;
        border: none;
        display: none;
    }

    #header.sticky.hi-header, #header.hi-header .logo-sticky, #header.hi-header .logo-sticky img.img-logo-w3 {
        display: block;
        -webkit-animation: fade-anim .3s ease .044s both;
        animation: fade-anim .3s ease .044s both;
    }

	
	/* TRANSPARENT MENU DEL HOMEPAGE */
	
    .transparent-header-w #header {
        position: absolute;
        top: 0;
        background: none;
        border: none;
    }

    .transparent-header-w .top-bar, .transparent-header-w #headline {
        display: none;
    }

    .transparent-header-w #header.sticky {
        position: fixed;
        left: auto;
        top: auto;
    }

    .transparent-header-w #header.sticky .img-logo-w2 {
        display: none;
    }

    .transparent-header-w.t-dark-w #header #nav > li > a, .transparent-header-w.t-dark-w .woo-cart-header .header-cart span, 
	
	.transparent-header-w #header.sticky #nav > li > a {
        color: #fff;
        text-shadow: none;
    }

    .transparent-header-w #header.sticky #nav > li > a:hover {
        color: #f98805;
        text-shadow: none;
    };
}

	
	
	/* Header animations */
@-webkit-keyframes header-anim {
    from {
        opacity: 0.5;
        -webkit-transform: translateY(-60px);
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    };
}

@keyframes header-anim {
    from {
        opacity: 0.5;
        -webkit-transform: translateY(-60px);
        -ms-transform: translateY(-60px);
        transform: translateY(-60px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    };
}

@-webkit-keyframes header-anima {
    from {
        height: 0;
    }

    to {
        height: 60px;
        padding: 0;
    };
}

@keyframes header-anima {
    from {
        height: 0;
    }

    to {
        height: 60px;
        padding: 0;
    };
}

@-webkit-keyframes fade-anim {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    };
}

@keyframes fade-anim {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    };
}
	
	
	/* FOOTER */
	
	
.alert-box {
    position: relative;
    margin: 0 auto 10px auto;
    padding: 15px;
    text-align: center;
}

.alert-box i {
    width: 30px;
}

.alert-box .close {
    display: block;
    position: absolute;
    right: 3px;
    top: 2px;
    padding: 5px;
    font-size: 1.2em;
}

.alert-box .close:hover {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.alert-box.error, .alert-box.error a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid rgba(185, 74, 72, 0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert-box.success, .alert-box.success a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}



/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
	q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

:focus {
    outline: 0;
}
        

/* GENERAL
================================================== */

body {
    font: 14px/22px 'Source Sans Pro', sans-serif;
    color: #000;
    -webkit-font-smoothing: antialiased;
 /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    background: #f4f7f8 url(../images/bdbg1.png);
} 


/* TIPOGRAFIAS
================================================== */

h1, h2, h3 {
    font-weight: 300;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit;
    color: #485159;
}

h1 {
    font-size: 50px;
    line-height: 59px;
    margin-bottom: 12px;
    letter-spacing: -2.5px;
}

h2 {
    font-size: 37px;
    line-height: 42px;
    margin-bottom: 10px;
}

h3 {
    font-size: 28px;
    line-height: 39px;
    margin-bottom: 8px;
}

h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}

h5 {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 7px;
}

h6 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
}

@media (max-width: 767px) {
    h3 {
        font-size: 18px;
line-height: 29px;
    }
}

.subheader {
    color: #849098;
}

h1.slight, h2.slight, h3.slight, h4.slight, h5.slight, h6.slight, p.slight, .blox.dark h4.tagline-thin.slight {
    color: #959da2;
}

h1.slight-dark, h2.slight-dark, h3.slight-dark, h4.slight-dark, h5.slight-dark, h6.slight-dark, p.slight-dark {
    color: #525558;
}

h1.extr {
    font-size: 56px;
    font-weight: 100;
}

h1.tagline-bold {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.24;
}

h4.tagline-thin {
    font-size: 23px;
    line-height: 32px;
    color: #464d52;
    font-weight: 300;
}

h4.tagline-thin.slight {
    color: #858e93;
}

h4.slight {
    font-weight: 300;
}

h5.title-bold {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

h1 strong {
    font-weight: 700;
    letter-spacing: -0.04em;
}

h4, h5, h6 {
    font-weight: 400;
}

h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: 700;
}

h1.maxtitle {
    font-size: 56px;
    line-height: 60px;
    font-weight: 100;
}

#wrap .slog-wrap-resp {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    float: none;
}

.slog-tx1 {
    max-width: 940px;
}

.slog-tx2 {
    max-width: 762px;
}

.slog-tx3 {
    max-width: 610px;
}

.slog-tx4 {
    max-width: 400px;
}

.slog-tx5 {
    max-width: 220px;
}

.slog-tx6 {
    max-width: 482px;
}

.slog-tx1.aligncenter, .slog-tx2.aligncenter, .slog-tx3.aligncenter, .slog-tx4.aligncenter, .slog-tx5.aligncenter, 
	.aligncenter .slog-tx1, .aligncenter .slog-tx2, .aligncenter .slog-tx3, .aligncenter .slog-tx4, .aligncenter .slog-tx5 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

p {
    margin: 0 0 20px 0;
    color: #494c4e;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 400;
}

p, li {
    font-family: 'Source Sans Pro', sans-serif;
}

li h1, li h2, li h3, li h4, li h5, li h6 {
    font-family: 'Source Sans Pro', sans-serif;
}

p img {
    margin: 0;
}

p.lead {
    font-size: 21px;
    line-height: 27px;
    color: #818a92;
}

p.magic {
    font-size: 19px;
    line-height: 25px;
    margin: 0;
}

p.slog {
    font-size: 16px;
    line-height: 26px;
    color: #6d6f71;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

p strong {
    font-size: 14px;
}

small {
    font-size: 75%;
    color: #969a9e;
}

p small {
    font-size: 12px;
    font-weight: 400;
}

i:hover {
    cursor: default;
}

a i:hover {
    cursor: pointer;
}
	
/* Text Highlights */	
.highlight1 {
    padding: 2px 5px;
    background: #85bc36;
    color: #fff;
    vertical-align: baseline;
}

.highlight2 {
    padding: 2px 5px;
    background: #f4f4f4;
    color: #666;
    vertical-align: baseline;
}

.highlight3 {
    padding: 3px 6px;
    background: #0093d0;
    color: #fff;
    vertical-align: baseline;
}

.highlight4 {
    background-color: #fffdcc;
    vertical-align: baseline;
    padding: 1px 3px;
}

hr {
    border: solid #e5e5e5;
    border-width: 1px 0 0;
    clear: both;
    margin: 14px 0 35px;
    height: 0;
    width: auto;
}

hr.boldbx {
    border-width: 4px 0 0;
    border-color: #efefef;
}

.container hr {
    margin-right: 10px;
    margin-left: 10px;
}

.container .columns hr, .container .column hr {
    margin-right: 0px;
    margin-left: 0px;
}

pre, code {
    background: #f3f3f3;
    padding: 5px 10px;
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    white-space: pre-wrap;
}

::selection {
    background: #666;
    color: #fff;
}

::-moz-selection {
    background: #666;
    color: #fff;
}


/* #Links
================================================== */

a {
    color: #f98805;
    text-decoration: none;
    outline: 0;
}

a:hover, a:focus {
    color: #000;
}

a:active {
    outline: none;
    opacity: 0.75;
}


/* #Lists
================================================== */

ul, ol {
    margin-bottom: 21px;
    margin-left: 3px;
}

ul {
    list-style: inside;
}

ol {
    list-style: decimal;
}

ol, ul.disc {
    margin-left: 20px;
}

ul.disc {
    list-style: disc outside;
}

ul ul, ul ol,
	ol ol, ol ul {
    margin: 4px 0 5px 30px;
    font-size: 90%;
}

ul ul li, ul ol li,
	ol ol li, ol ul li {
    margin-bottom: 6px;
}

li {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 14px;
    font-weight: 400;
    color: #525559;
}

ul.large li {
    line-height: 21px;
}

li p {
    line-height: 18px;
}

ul.check li, li.check {
    background: url(../images/li-check.png) no-repeat left 4px;
}

ul.plus li, li.plus {
    background: url(../images/li-plus.png) no-repeat left 4px;
}

ul.minus li, li.minus {
    background: url(../images/li-minus.png) no-repeat left 3px;
}

ul.star li, li.star {
    background: url(../images/li-star.png) no-repeat left 4px;
}

ul.arrow li, li.arrow {
    background: url(../images/li-arrow.png) no-repeat left 4px;
}

ul.arrow2 li, li.arrow2 {
    background: url(../images/li-arrow2.png) no-repeat left 4px;
}

ul.square li, li.square {
    background: url(../images/li-square.png) no-repeat left 4px;
}

ul.circle li, li.circle {
    background: url(../images/li-circle.png) no-repeat left 5px;
}

ul.cross li, li.cross {
    background: url(../images/li-cross.png) no-repeat left 3px;
}

ul.check li, li.check, ul.plus li, li.plus, ul.minus li, li.minus, ul.star li, li.star,
	 ul.arrow li, li.arrow, ul.arrow2 li, li.arrow2, ul.square li, li.square,
	  ul.circle li, li.circle, ul.cross li, li.cross {
    padding: 0 0 1px 16px;
    list-style: none;
} 
	    

/* #Images
================================================== */

img.scale-with-grid {
    max-width: 100%;
    height: auto;
}

img.full-width {
    width: 100%;
    height: auto;
}

p img {
    margin-bottom: 14px;
}


/* #Buttons
================================================== */

.header-button {
    display: none !important;
}

@media (max-width: 959px) {
    .header-button {
        display: block !important;
        margin-top: 7px;
        padding: 14px 12px !important;
        float: right !important;
    margin-right: 55px !important;
    z-index: 9999;
    }
    
    a.header-button:hover::after {
        opacity: 0 !important;
    }
}

.button,
	button, a.price-send,
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button.green,
	button.green, 
	input[type="submit"].green,
	input[type="reset"].green,
	input[type="button"].green {
    position: relative;
    border: 0 none;
    border-radius: 1px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    text-transform: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 21px;
    margin-right: 10px;
    line-height: 1;
    letter-spacing: 1.6px;
    padding: 14px 28px;
    background: #54cd38;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    transition: all 0.28s ease;
}

.button:hover,
	button:hover, a.price-send:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	.button.green:hover,
	button.green:hover, 
	input[type="submit"].green:hover,
	input[type="reset"].green:hover,
	input[type="button"].green:hover {
    background: #9ecd40;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset;
}

a.button:hover {
    padding: 14px 36px 14px 20px;
}

a.button:after {
    position: absolute;
    right: 17px;
    top: 50%;
    margin-top: -6px;
    font-family: 'FontAwesome';
    font-size: 12px;
    color: inherit;
    opacity: 0;
    content: "\f061";
    speak: none;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.33s ease;
    -moz-transition: all 0.33s ease;
    -o-transition: all 0.33s ease;
    transition: all 0.33s ease;
}

a.button:hover:after {
    opacity: 0.9;
    right: 13px;
}

.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

.button.large,
	button.large,
	input[type="submit"].large,
	input[type="reset"].large,
	input[type="button"].large {
    padding: 19px 40px;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 600;
}

.button.large:hover {
    padding: 19px 50px 19px 30px;
}

.button.small,
	button.small,
	input[type="submit"].small,
	input[type="reset"].small,
	input[type="button"].small {
    padding: 9px 20px;
    font-size: 11px;
    text-transform: uppercase;
}

.button.small:hover {
    padding: 9px 32px 9px 8px;
}

.button.orange,
	button.orange,
	input[type="submit"].orange,
	input[type="reset"].orange,
	input[type="button"].orange {
    background: #f98805;
}

.button.orange:hover,
	button.orange:hover, 
	input[type="submit"].orange:hover,
	input[type="reset"].orange:hover,
	input[type="button"].orange:hover {
    background: #eb9634;
}


.button.orange {
    color: #fff;
}

.button:active,
	button:active, a.price-send:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
    color: #c1d7dc;
    opacity: 0.94;
}
		 
		 
	/* Bordered Buttons */		 
.button.bordered-bot,
	button.bordered-bot,
	input[type="submit"].bordered-bot,
	input[type="reset"].bordered-bot,
	input[type="button"].bordered-bot {
    background: none !important;
    border: 2px solid #dedede;
    color: #363f46;
    text-shadow: none;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.button.bordered-bot:hover,
	button.bordered-bot:hover,
	input[type="submit"].bordered-bot:hover,
	input[type="reset"].bordered-bot:hover,
	input[type="button"].bordered-bot:hover {
    border-color: #363f46;
    color: #363f46;
}

.button.orange.bordered-bot,
	button.orange.bordered-bot,
	input[type="submit"].orange.bordered-bot,
	input[type="reset"].orange.bordered-bot,
	input[type="button"].orange.bordered-bot {
    border-color: #f98805;
    color: #f98805;
    font-family: 'Droid Serif', serif;
}
		 
	/* Buttons icon */
.button i,
	button i,
	input[type="submit"] i,
	input[type="reset"] i,
	input[type="button"] i {
    color: inherit;
    font-size: 16px;
    vertical-align: baseline;
    line-height: 1;
    display: inline;
    margin-right: 7px;
}

.button i.fa-none {
    margin: 0;
    display: none;
}

	
	/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* #Forms
================================================== */

form {
    margin-bottom: 20px;
}

fieldset {
    margin-bottom: 20px;
}

input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
    border: 1px solid #e5e5e5;
    padding: 6px 15px;
    outline: none;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    color: #888;
    margin: 0;
    min-width: 210px;
    width: 99%;
    max-width: 100%;
    min-height: 36px;
    display: block;
    margin-bottom: 20px;
    background: #fdfdfd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select {
    padding: 5px;
    outline: 0 none;
}

input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="email"]:hover,
	textarea:hover {
    border-color: #c1dfed;
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1);
    box-shadow: 0 0 1px rgba(0,0,0,.1);
}

input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    background: #fff;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

textarea {
    min-height: 60px;
}

label,
	legend {
    display: block;
    font-weight: bold;
    font-size: 13px;
}

select {
    width: 220px;
}

input[type="checkbox"] {
    display: inline;
}

label span,
	legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444;
}
		
		

/* #Misc
================================================== */

.remove-bottom {
    margin-bottom: 0 !important;
}

.half-bottom {
    margin-bottom: 7px !important;
}

.add-bottom {
    margin-bottom: 21px !important;
}	


	
	/* FOOTER */
	
	
#footer {
    width: 100%;
    padding: 10px 0 0 0;
    background: #101012;
    padding-top: 50px;
    text-align: left;
}

#footer.litex {
    background: #fafafa;
    border-top: 6px solid #e9e9e9;
}

#footer .col-md-4, #footer .col-md-3 {
    padding-right: 30px;
}

.footer-in {
    margin: 0 auto;
    padding-bottom: 50px;
    color: #ccc;
    position: relative;
}

.footer-in .columns {
    margin-top: 20px;
}

.footer-in h5.subtitle, .toggle-top-area h5.subtitle {
    color: #ddd;
    display: block;
    border-bottom: 2px solid #131415;
    padding-bottom: 6px;
    margin: 0;
    margin: 0 0 25px 0;
    -webkit-box-shadow: 0 1px #232628;
    -moz-box-shadow: 0 1px #232628;
    box-shadow: 0 1px #232628;
    position: relative;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: bold;
    text-shadow: 0 1px 0 #000;
}

#footer.litex .footer-in h5.subtitle {
    color: #414141;
}

#footer h5.subtitle span, .toggle-top-area h5.subtitle span {
    position: absolute;
    right: 0;
    text-align: right;
}

#footer h5.subtitle span a, .toggle-top-area h5.subtitle span a {
    color: #787878;
    font-size: 10px;
    font-weight: 400;
}

#footer .widget ul.menu li:after {
    display: none;
    content: "";
}

#footer .widget ul.menu li {
    border: none;
}

#footer .footer-in .widget ul.menu li:hover {
    background: none;
}

.footer-in hr {
    border-color: #373737;
}

.footer-in .copyright-txt {
    font-size: 12px;
}

.footer-in p {
    line-height: 19px;
    color: #898989;
}

.contact2 div {
    line-height: 21px;
}

.footer-in a {
    text-decoration: none;
    -webkit-transition: all 0.18s ease;
    -moz-transition: all 0.18s ease;
    -o-transition: all 0.18s ease;
    transition: all 0.18s ease;
}

.footer-in a:hover {
    color: #ccc
}

.footer-sbc {
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.footer-sbc input[type="text"], .footer-sbc input[type="submit"] {
    float: left;
    margin: 4px 7px;
}
	
	
	/* EXTRAS */
	
.brdr-r1, .brdr-r2 {
    border-right: 1px solid #e5e5e5;
}

.brdr-l1, .brdr-l2 {
    border-left: 1px solid #e5e5e5;
}

.brdr-r2 {
    padding-right: 27px;
}

.brdr-l2 {
    padding-left: 27px;
}

.pad-r27 {
    padding-right: 27px;
}

.pad-l27 {
    padding-left: 27px;
}

.blox.dark .brdr-r1, .blox.dark .brdr-r2, .blox.dark .brdr-l1, .blox.dark .brdr-l2 {
    border-color: rgba(255,255,255,0.5);
}

.alignright {
    text-align: right;
}

img.alignright {
    float: right;
    margin-left: 10px;
}

.alignleft {
    text-align: left;
}

img.alignleft {
    float: left;
    margin-right: 10px;
}

.aligncenter {
    text-align: center;
}

.gallery-caption {
    display: inline;
}

.alignright {
    text-align: right;
}

img.alignright {
    float: right;
}

.alignleft {
    text-align: left;
}

img.alignleft {
    float: left;
}

.aligncenter {
    text-align: center;
}

.wp-caption {
    display: block;
    color: #444;
}

.wp-caption-text {
    font-size: 15px;
}

.gallery-caption {
    display: inline;
}
	
	
	/* Scroll to top */
#scroll-top a {
    padding: 4px 8px 6px;
    border-radius: 4px;
    background: #818c90;
    position: fixed;
    bottom: 48px;
    right: 32px;
    display: none;
    opacity: 0.89;
    filter: alpha(opacity=89);
    z-index: 499841;
}

#scroll-top a i {
    font-size: 16px;
    color: #fff;
}

#scroll-top a:hover {
    background-color: #f98805;
    cursor: pointer;
}

h1.pnf404 {
    font-size: 176px;
    line-height: 1.1;
    font-weight: 900;
}

h2.pnf404 {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
}

input.txbx404 {
    float: left;
    margin-top: 2px;
    margin-right: 4px;
    padding: 7px 4px;
    min-height: inherit;
    border-radius: 3px;
}

input.btn404 {
    float: left;
    margin: 1px;
    padding: 8px 12px 9px;
}

body.error404 input.search-side {
    max-width: 292px;
    min-height: 40px;
    height: 40px;
    border-radius: 2px;
}

body.error404 .blox.dark {
    padding-bottom: 120px;
    padding-top: 60px;
}

.v-shadow-l {
    background: url(../images/v-shadow-left.png) no-repeat right center;
}

.v-shadow-r {
    background: url(../images/v-shadow-right.png) no-repeat left center;
}

.v-shadow-r, .v-shadow-l {
    min-height: 320px;
}

.pad-r10 {
    padding-right: 10px;
}

.pad-r20 {
    padding-right: 20px;
}

.pad-r30 {
    padding-right: 30px;
}

.pad-r40 {
    padding-right: 40px;
}

.pad-l10 {
    padding-left: 10px;
}

.pad-l20 {
    padding-left: 20px;
}

.pad-l30 {
    padding-left: 30px;
}

.pad-l40 {
    padding-left: 40px;
}
	
	/* #Column Shortcodes
	----------- */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth {
    margin-right: 4%;
    float: left;
    margin-bottom: 20px;
}

.one_half {
    width: 48%;
}

.one_third {
    width: 30.6666%;
}

.two_third {
    width: 65.3332%;
}

.one_fourth {
    width: 22%;
}

.three_fourth {
    width: 74%;
}

.one_fifth {
    width: 16.8%;
}

.two_fifth {
    width: 37.6%;
}

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

	
	/* Typekit Fonts 
	------------------ */
	
p, #nav ul li, .textwidget, .widget-tabs li, .alert {
    font-family: 'Source Sans Pro', sans-serif;
}

.icon-box3 h5, h3.lintex, .respo-tagline, a.magicmore {
    font-family: 'Source Sans Pro', sans-serif;
}

nav.primary .portfolioFilters a, .max-title2 h2, .max-title4 h2, .zoomex2 h6, .max-counter.s-counter .max-count, .widget h4.subtitle, .postmetadata h6, .blog-post h3, .blog-single-post h1,
	.pin-ecxt h6, .icon-box h4, .icon-box4 h5, .latest-b2 *, .our-process-item h5, h6.blog-date, .testimonial-brand h5, .max-counter.s-counter h5, .callout h3, .pin-box h4,
	h1.portfolio-item-title, .works-item-cat-box, .works-item-date-box, .vc_progress_bar .vc_single_bar .vc_label, .wpb_accordion h3, .testimonial-brand h5 em, .tmpl-ex h4 {
    font-family: 'Source Sans Pro', sans-serif;
}
	/* New serif google font (Arapey) */
blockquote, blockquote p, q, .max-quote h2, .testimonial-content h4, .qot-week h3, h5 em {
    font-family: 'Arapey', serif;
}	
	

	/* #Media Queries
	===============================================================================
	===============================================================================  */

	
	/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
    #header {
        padding: 10px 0;
    }

    #search-form, .woo-cart-header {
        display: none;
    }

    .plan-wrap {
        width: 100%;
    }

    .sub-h h5 {
        padding: 0;
    }

    .blog-content .post-img {
        margin-bottom: 20px;
    }

    .blog-expression {
        width: 100%;
    }

    .img-team {
        margin-top: 40px;
    }

    .sidebar, .rgt-cntt, .sidebar.leftside {
        padding-right: 0;
        background: none;
        padding-top: 40px;
        margin-top: 40px;
        border-top: 5px solid #e5e5e5;
    }

    .rgt-cntt, .sidebar.leftside {
        padding-top: 0px;
        margin-top: 0px;
        border-top: 0 none;
        margin-right: 0;
    }

    .sidebar.leftside {
        margin-bottom: 40px;
        border-bottom: 5px solid #e5e5e5;
    }

    .img-box {
        width: 256px;
        height: 188px;
    }

    .last-project .img-box {
        background: #EA3C3C;
    }

    .last-project .img-box:nth-child(even) {
        background: #F66060;
    }

    .ab-box {
        height: 235px;
    }

    .author-detail {
        width: 218px;
    }

    .contact input {
        width: 330px;
        float: none;
    }

    .contact textarea {
        width: 486px;
    }

    .row.magic, .s-qoute-man {
        padding: 0;
        margin-bottom: 10px;
    }

    a.get {
        margin-bottom: 14px;
    }

    .pad-r10, .pad-r20, .pad-r30, .pad-r40 {
        padding-right: 5px;
    }

    .pad-l10, .pad-l20, .pad-l30, .pad-l40 {
        padding-left: 5px;
    }

    .dpromo2 {
        margin-top: 35px;
        border-top: 1px solid #e5e5e5;
        padding-top: 30px;
    }

    .dpromo2 .brdr-l1, .dpromo2 .pad-l40 {
        border-left: none;
        padding: 0;
    }

    .vertical-space, .vertical-space1 {
        height: 12px;
    }

    .vertical-space2 {
        height: 18px;
    }

    .vertical-space3 {
        height: 36px;
    }

    .vertical-space4 {
        height: 50px;
    }

    .vertical-space5 {
        height: 80px;
    }

    #footer .vertical-space4 {
        height: 16px;
    }

    .icon-box1 {
        text-align: center;
    }

    .icon-box1 i {
        display: inline-block;
        float: none;
        margin: 20px 0;
    }

    .icon-box2 h4 {
        font-size: 19px;
    }

    .icon-box2 p {
        font-size: 17px;
    }

    input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
        min-width: 90px;
        max-width: 100%;
    };
}


	/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
    .sparallax .slide-image {
        background-attachment: local !important;
        background-size: auto!important;
    }

    .blox {
        background-attachment: local!important;
        background-size: auto!important;
    };
}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
    .blox {
        background-attachment: local!important;
        background-size: auto!important;
    }

    .pad {
        padding-top: 8%;
    }

    .blog-line img {
        float: none;
    }

    #wrap.boxed-wrap, #wrap.boxed-wrap #header {
        width: 828px;
    }

    #tline-content {
        width: 800px;
    }

    .tline-box {
        width: 335px;
    }

    #testimonials-slider li {
        width: 750px;
    }

    .plan-wrap {
        width: auto;
    }

    .social-icons a {
        margin: 1px 4px 0 4px;
    }

    .row.magic {
        padding-left: 20px;
        margin-bottom: 10px;
    }

    .blog-date-sec {
        width: 42px;
        height: 42px;
    }

    .max-counter.m-counter {
        width: 130px;
    }

    .max-counter.m-counter .max-count {
        width: 90px;
        height: 90px;
        font-size: 23px;
        padding-top: 33px;
    }

    .social-team i {
        font-size: 16px;
        padding: 5px;
    }

    h1.respo-tagline, h2.respo-tagline, h3.respo-tagline, h4.respo-tagline {
        line-height: 1.33;
        letter-spacing: 0;
        margin-bottom: 14px;
    }

    h1.respo-tagline {
        font-size: 21px;
    }

    h2.respo-tagline {
        font-size: 18px;
    }

    h3.respo-tagline {
        font-size: 16px;
        font-weight: 400;
    }

    h4.respo-tagline {
        font-size: 13px;
        font-weight: 400;
    }

    h1.tagline-bold {
        font-size: 31px;
        line-height: 33px;
    };
}
	
	
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
    #wrap.boxed-wrap, #wrap.boxed-wrap #header {
        width: 460px;
    }

    .pin-box {
        width: 166px;
        width: 164px\9;
    }

    #tline-content {
        width: 460px;
    }

    .tline-box {
        width: 420px;
    }

    #testimonials-slider li {
        width: 400px;
    }

    .page-subtitle {
        left: 0;
        padding: 10px 0 0 20px;
        bottom: 0;
        border-bottom: 1px solid #e8edee;
        margin-bottom: 20px;
        height: auto;
        width: auto;
        clear: both;
        background: #fdfdfd;
        border-radius: 0;
    }

    .pricing-table .plans-f-list.respo {
        display: inline;
        visibility: visible;
    }

    .jcarousel-item, .last-project .portfolio-item {
        max-width: 210px;
        height: 157px;
        float: left;
    };
}
	
	/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
    #header.dark #nav {
        background: #000;
        border-color: #181818;
    }

    #header.dark.sm-rgt-mn #menu-icon i {
        color: rgb(228, 228, 228);
    }

    #header.dark.sm-rgt-mn #menu-icon:hover i, #header.dark.sm-rgt-mn #menu-icon.active i {
        color: #27ae60;
    }

    .blox {
        background-attachment: local !important;
        background-size: cover !important;
    }

    .max-hero .slides-navigation {
        display: none;
    }

    .max-hero .slides-content .slides li {
        font-size: 48px;
    }

    .max-hero .slides-content p {
        font-size: 14px;
    }

    .max-hero .slides-content .button {
        font-size: 12px;
    }

    #headline {
        height: auto;
        border-bottom: 1px solid #e3e3e3;
        padding: 14px 0;
        background-color: #fafafa;
    }

    #headline h3 {
        border-top-color: #f6f6f6;
        padding-top: 8px;
        font-size: 24px;
        text-align: center;
    }

    #headline h3 small {
        display: block;
        margin-top: 14px;
        margin-bottom: 0;
        font-size: 16px;
        letter-spacing: 0;
        font-weight: 400;
    }

    .top-bar {
        height: 78px;
        padding: 5px 0 6px;
        background: #fcfcfc url(../images/topsobg1.png) repeat-x center center;
    }

    .top-bar h6 {
        font-size: 11px;
        letter-spacing: 0;
        margin: 0 10px 0 0;
    }

    .top-bar h6 i {
        font-size: 12px;
        padding: 3px;
        margin-right: 3px;
    }

    .top-bar .socialfollow, .top-links, .top-links.rgtflot, .top-bar .socialfollow.lftflot {
        float: none;
        text-align: center;
        clear: both;
        min-height: 22px;
    }

    .top-bar .socialfollow, .top-bar .socialfollow.lftflot {
        padding-top: 8px;
    }

    .top-bar .socialfollow a, .top-bar .socialfollow.lftflot a, .top-links p, .top-links img {
        float: none;
        display: inline;
        padding-top: 10px;
        background: none;
    }

    .top-links, .top-links.rgtflot {
        margin: 0 0 8px 0;
        padding-top: 4px;
    }

    .top-links.rgtflot {
        margin-top: 12px;
        margin-bottom: 6px;
    }

    #lang_sel_click {
        text-align: left;
        float: right;
    }

    #lang_sel_click img.iclflag {
        padding: 0;
    }

    .container hr {
        margin-left: 0;
        margin-right: 0;
    }

    .blog-date-sec {
        width: auto;
        display: block;
        margin: -24px 0 10px;
        text-align: left;
        background: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid #e5e5e5;
    }

    .blog-date-sec span, .blog-date-sec h3 {
        display: inline;
        margin: 0 1px;
        line-height: 25px;
        font-size: 11px;
        font-weight: 400;
        color: #444;
    }

    .blog-post {
        border-bottom-width: 3px;
    }

    .blog-post h3, .blog-single-post h1 {
        font-size: 33px;
        margin-bottom: 20px;
        line-height: 31px;
    }

    .blog-post p {
        font-size: 16px;
    }

    .nav-search {
        float: none;
        margin: 0;
    }

    .img-box {
        width: 420px;
        height: 308px;
    }

    .contact textarea {
        width: 398px;
    }

    .max-counter {
        display: block;
        padding-bottom: 20px;
    }

    .logo {
        text-align: center;
        float: none;
        margin-bottom: 15px;
        width: 100%;
        margin-top: 6px;
    }

    #nav {
        display: none;
    }

    .portfolio article {
        width: 100%;
        height: 300px;
    }

    .plan-wrap article {
        width: 50%;
    }

    .twitter h3 {
        padding: 0;
    }

    .project-view .img-item-big img {
        border: none;
        margin-bottom: -14px;
    }

    .proj-title-x h2 {
        font-size: 28px;
    }

    #wrap .ptp-pricing-table .ptp-four-col {
        width: 100%;
    }

    .zoomex2 h6 {
        font-size: 18px;
        font-weight: 600;
    }

    input[type="text"].header-saerch, input[type="text"].header-saerch:focus {
        width: 261px;
        margin-top: 10px;
    }

    .pin-box {
        width: 380px;
    }

    .tline-box  iframe, .tline-box  img {
        height: auto;
    }

    .tline-row-l, .tline-row-r {
        display: none;
    }

    .tline-box.rgtline {
        float: left;
        left: 0;
    }

    #tline-content:before {
        background: #eff3f4;
    }

    .tabs-left > .nav-tabs, .tabs-left > .nav-tabs > li > a, .nav-tabs > li, .nav-tabs > li.active, .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs .active > a:hover {
        width: 100%;
        display: block;
        padding-left: 0;
        padding-right: 0;
    }

    .tabs-left > .nav-tabs > li > a {
        border-right: 0 none;
    }

    .tabs-left > .tab-content {
        border: none;
    }

    .tab-content .columns, .tab-content .column {
        margin: 0 10px;
        max-width: 90%;
    }

    .container hr {
        margin-left: 0;
        margin-right: 0;
    }

    .blog-post {
        border-bottom-width: 3px;
    }

    .author-detail {
        margin: 20px 0;
    }

    .pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 {
        padding: 0;
    }

    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .twitter-box h3 {
        font-size: 17px;
    }

    .date-sp-wrap {
        margin: 0;
        float: right;
        margin-bottom: 7px;
    }

    .blog-line .blog-date-sec {
        height: auto;
    }

    .v-shadow-r, .v-shadow-l {
        min-height: inherit;
        background: none;
    }

    .pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 {
        padding: 0;
    }

    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .latest-f-blog, .qot-week {
        margin: 0;
    }

    .callout {
        margin: 10px 0px 20px;
    }

    .brdr-l1, .brdr-r1, .brdr-l2, .brdr-r2 {
        padding: 0;
        border: none;
    }

    .brdr-l1 {
        margin-top: 30px;
    }

    .brdr-r1 {
        margin-bottom: 30px;
    }

    .resp-center {
        text-align: center !important;
    }

    .tab-content p, .tab-content li {
        font-size: 12px;
    }

    #side-nav {
        float: noe;
    }

    input[type="text"].header-saerch, input[type="text"].header-saerch:focus {
        float: none;
        display: inline;
        position: relative;
        z-index: 10000;
    }

    #wrap .ls-inner a.button {
        padding: 4px 8px !important;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0;
        font-weight: bold;
    }

    #wrap .ls-inner a.button.sm19 {
        margin-left: -12px;
    }

    #wrap .ls-inner h1 {
        font-size: 17px;
    }

    #wrap .ls-inner h2 {
        font-size: 16px;
    }

    #wrap .ls-inner h3 {
        font-size: 15px;
    }

    #wrap .ls-inner h4 {
        font-size: 14px;
    }

    #wrap .ls-inner h5 {
        font-size: 13px;
    }

    #wrap .ls-inner h6, #wrap .ls-inner p {
        font-size: 12px;
    }

    .footer-navi.floatright, .footer-navi {
        float: none;
        text-align: center;
    }

    .fix-btn-mrg .button.skyblue.large {
        margin-top: 30px;
        margin-bottom: 55px;
    }

    .transparent-header-w #header .img-logo-w2 {
        display: none;
    }

    .transparent-header-w #header .img-logo-w1 {
        display: inline;
    }

    #header .img-logo-w1 {
        display: inline;
    }

    .logo a:active {
        opacity: 1;
    }

    .moonicons-box1 {
        width: 100%;
    }

    .max-title, .max-title2,.max-title3, .max-title4, .max-title5 {
        margin-top: 14px;
        margin-bottom: 12px;
    };
}
	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
    .max-hero .slides-content p {
        font-size: 13px;
    }

    #wrap.boxed-wrap, #wrap.boxed-wrap #header {
        width: 340px;
    }

    .footbot {
        min-height: 38px;
        height: auto;
    }

    .nav-wrap2.mn4 #nav a {
        padding: 15px 4px;
    }

    #menu a {
        padding: 15px 4px;
    }

    .img-box {
        width: 300px;
        height: 220px;
    }

    .pad {
        padding-top: 2%;
    }

    .post-img {
        margin-bottom: 20px;
    }

    .plan-wrap article {
        width: 100%;
    }

    .author-detail {
        width: 254px;
    }

    .contact input {
        width: 288px;
        margin-right: 0;
    }

    .contact textarea {
        width: 278px;
    }

    .commentin {
        width: 92%;
    }

    .pin-box {
        width: 268px;
    }

    #tline-content {
        width: 300px;
    }

    .tline-box {
        width: 250px;
    }

    #testimonials-slider li {
        width: 280px;
    }

    .quote-slider .testimonial-content h4 q {
        font-size: 19px;
    }

    #wrap .ls-inner .ls-l {
        display: block;
        width: 150px !important;
        height: auto !important;
    }

    #wrap .ls-inner .ls-bg {
        display: block;
    }

    .vertical-space, .vertical-space1 {
        height: 8px;
    }

    .vertical-space2 {
        height: 14px;
    }

    .vertical-space3 {
        height: 28px;
    }

    .vertical-space4 {
        height: 40px;
    }

    .vertical-space5 {
        height: 60px;
    };
}

@media only screen and (min-width: 1200px) {
	
	
    #wrap.boxed-wrap, #wrap.boxed-wrap #header {
        width: 1180px;
    }

    .white-space {
        height: 110px;
    }

    h4.subtitle {
        margin: 39px 0 21px 0;
    }

    .blog-date-sec h3 {
        font-size: 36px;
    }

    #testimonials-slider li {
        width: 1100px;
    }

    .pin-box {
        width: 31.600%;
        margin: 12px 0.500%;
        margin-bottom: 20px;
    }.b

    #footer .col-md-4, #footer .col-md-3 {
        padding-right: 50px;
    }

    #headline h3 {
        padding-left: 15px;
    }

    .breadcrumbs-w .container {
        padding-left: 30px;
    };
}

@media only screen and (min-width: 769px) and (max-width: 959px) {
	 
    #testimonials-slider li {
        width: 860px;
    }

    .latest-works .portfolio-item {
        width: 33.3%;
    }

    .pin-box {
        width: 352px;
    };
}
	
	
	/* ---------------------