
/* 	--------------------------------------------------
    uSkinned.net

	BASE
    -------------------------------------------------- */


/* 	--------------------------------------------------
    TABLE OF CONTENTS 
    -------------------------------------------------- 

	1.0 LINKS
	2.0 LISTS
	3.0 MISC
	4.0 TYPOGRAPHY
	
*/

/*
	
	BOOTSTRAP BREAKPOINTS
	
	.col-xs-	< 768px		(container width 100%)
	.col-sm-	> 768px		(container width 750px)
	.col-md-	> 992px		(container width 970px)
	.col-lg-	> 1200px	(container width 1170px)
	
*/



/*	--------------------------------------------------
	1.0 LINKS
	-------------------------------------------------- */

	a,
	.btn, button,	
	.slick-prev, .slick-next,
	.navigation nav.main ul li,
	li.has-child ul li span a::before,
	.promo-pods .item .info {
		
		-webkit-transition:all 0.4s ease-in-out 0s;
		-moz-transition:all 0.4s ease-in-out 0s;
		-ms-transition:all 0.4s ease-in-out 0s;
		transition:all 0.4s ease-in-out 0s;
		}	
	a:focus, .btn:focus { 
		outline:2px dotted !important; 
		}
	.btn {
		}
		
	.btn {
		border-width:1px; border-radius:0;
		position:relative;
		padding:12px 15px;
		font-size:15px;
		font-weight:700;
		box-shadow:0 3px 0 rgba(0,0,0,0.1);
		}
	html.no-touch .btn:hover {
		box-shadow:0 3px 5px rgba(0,0,0,0.2);
		}
	.btn-xs {
		font-size:14px; 
		padding:5px 10px;
		}	
	.btn-sm {
		font-size:14px; 
		padding:8px 15px;
		}	
	.btn-lg {
		border-width:3px;
		padding:15px 20px;
		font-size:20px;
		}		
		
	a.see_all {
		position:absolute; top:0; right:0;
		font-size:11px;
		}	
		
	a.close-button {
		display:block;
		width:40px; height:40px;
		position:relative; 
		float:right; margin:15px 15px 0 0;
		
		opacity:1;
		
		-webkit-transition:all 0.2s ease-in-out 0s;
		-moz-transition:all 0.2s ease-in-out 0s;
		-ms-transition:all 0.2s ease-in-out 0s;
		transition:all 0.2s ease-in-out 0s;
		}
	a.close-button em {
		display:none;
		}
	a.close-button span {
		display:block;
		width:40px; height:2px;
		position:absolute; top:0; right:0;
		}
	a.close-button span.top {
		
		-webkit-transform:rotate(45deg); 
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
		}
	a.close-button span.bottom {
		
		-webkit-transform:rotate(-45deg); 
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
		}
		
		
	.link {
		margin-top:20px;
		}
	.link.text-uppercase a {
		display:inline-block;
		padding:0 0 3px;
		border-width:0 0 2px; border-style:solid;
		}
		
		
	#top-link-block {
		z-index:200;
		position:relative; 
		}
	#top-link-block a {
		display:block;
		margin:0 auto;
		padding:15px;
		text-align:center;
		}
		
	@media (max-width:991px) {
		
	#top-link-block a {
		text-align:center;
		border-radius:0; border:0 none; box-shadow:0 none;
		}	
		
	}
		
	@media (min-width:992px) {
		
	html.no-touch .btn:hover {
		}

        html.no-touch a.close-button:hover, html.no-touch a.close-button:focus {
            opacity: 0.6;
        }
		
	#top-link-block {
	    position:fixed; bottom:-60px; right:0;
		padding:0;
	
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		opacity:0;
		
		-webkit-transition:bottom 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
		-moz-transition:bottom 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
		-ms-transition:bottom 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
		transition:bottom 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
		}
	#top-link-block.affix.show {
		bottom:0;
		
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		opacity:1;
		}
	#top-link-block a {
		width:60px; height:60px;
		font-size:20px;
		}
		
	}
	

/*	--------------------------------------------------
	2.0 LISTS
	-------------------------------------------------- */
	
	ul, ol { 
		padding:0;
		margin:0 0 16px; 
		line-height:1.4;
		}
	ul { 
		margin-left:16px;
		list-style: disc outside; 
		}
	ol { 
		margin-left:16px;
		list-style: decimal; 
		}
	ul ul,
	ol ol {
		padding:4px 0 0 8px;
		}
	ul ul {
		list-style: circle outside; 
		}
	ol ol {
		list-style: lower-roman; 
		}
	li { 
		margin-bottom:4px;
		}
		
	dl { 
		}
	dl dt { 
		font-weight:bold;
		padding-bottom:2px;
		}	
	dl dd { 
		padding-bottom:4px; 
		}
		
	ul.nav, ol.nav,
	nav ul, nav ol, ul.list, ol.list,
	nav ul li, nav ol li, ul.list li, ol.list li {
		padding:0; margin:0; list-style:none;
		line-height:1;
		}
	


/* 	-------------------------------------------------- 
	3.0 MISC
	-------------------------------------------------- */
	
	.image {
		position:relative;
		overflow:hidden;
		}
	img {
		width:100%; max-width:100%; height:auto;
		
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
		}
	img,
  	html.no-touch .apc.pod-windows .item .info,
  	html.no-touch .apc.pod-windows .item .info::before { 
		
		-webkit-transition: all 0.5s ease-in-out 0s;
		-moz-transition: all 0.5s ease-in-out 0s;
		-ms-transition: all 0.5s ease-in-out 0s;
		-o-transition: all 0.5s ease-in-out 0s;
		transition: all 0.5s ease-in-out 0s;
		}
		
	.ekko-lightbox img {
		width:auto; height:auto!important;
		margin:0 auto;
		}
					
	
    /* FORM ELEMENTS */
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
    margin-left:0;
}

/* IMAGE TRANSITIONS */
.image,
.image.video,
.banner .image,
.promo-pods .image,
.listing .image,
.gallery .image {
    overflow: hidden;
    padding: 0;
}
html.no-touch .image a:hover img,
html.no-touch .image.video a:hover img,
html.no-touch .banner .item a:hover img,
html.no-touch .promo-pods .item a:hover img,
html.no-touch .listing .item a:hover img,
html.no-touch .gallery .item a:hover img, html.no-touch .image a:focus img,
html.no-touch .image.video a:focus img,
html.no-touch .banner .item a:focus img,
html.no-touch .promo-pods .item a:focus img,
html.no-touch .listing .item a:focus img,
html.no-touch .gallery .item a:focus img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
html.no-touch .apc.pod-windows .item a.info:hover, html.no-touch .apc.pod-windows .item a.info:focus {
    background-size: 115%;
}
		
	span.fa,
	span.before {
		margin-right:5px;
		}	
	span.fa.after,
	span.after {
		margin-right:0; margin-left:5px;
		}	
	.glyphicon.lg {
		font-size:40px;
		}		
	
	@media (max-width:767px) {
		
	.text-left-xs {
		text-align:left;
		}		
	
	}
	
	@media (min-width:992px) {	
		
	}
	
	@media (min-width:1200px) {	
		
	}



/*	--------------------------------------------------
	4.0 TYPOGRAPHY
	-------------------------------------------------- */
	
/*	--------------------------------------------------
	font-family: 'Varela Round', sans-serif;
	font-weight:	400
	font-family: 'Open Sans', sans-serif;
	font-weight:	400
	font-weight:	700
	-------------------------------------------------- */
	
	body {
		font-family:'Work Sans', sans-serif;
		font-weight:400;
		font-size:15px;
		
		-webkit-font-smoothing: antialiased;
		}
	input, select, textarea, button {
		font-family:'Work Sans', sans-serif;
		font-weight:400;
		font-size:15px;
		}	
	h1, h2, h3, h4, h5, h6, .heading, nav.main, table thead th, nav.tabs, .pricing-menu .head .heading {
		font-family: 'Work Sans', 'sans-serif';
		font-weight:400;
		letter-spacing:-0.025em;
		line-height:1.2;
		}
			
	h1 {
		font-size:30px;
		}
	h1.heading.main {
		margin-top:0;
		}		
	h2 {
		font-size:25px;
		}
	h3 {
		font-size:22px;
		}
	h4 {
		font-size:18px;
		}
	h5, p.heading {
		font-size:16px;
		}
	h6, .sub-heading {
		font-size:14px;
		}
		
	h1, h2, h3 {	
		margin-top:16px 0;
		}
	#left-col h1:first-child, #right-col h1:first-child, #wide-col h1:first-child, #mid-col h1:first-child {
		margin-top:0;
		}
	h4, h5, h6, p.heading {	
		margin-top:8px 0;
		}
	footer .heading {
		font-size:16px;
		}	
	
	p {
		margin:8px 0 16px;
		}	
	p, .text {
		line-height:1.4;
		}
	p.caption {
		margin:10px 0 0;
		font-size:90%; font-style:italic;
		
		-webkit-opacity:0.6;
		-moz-opacity:0.6;
		-ms-opacity:0.6;
		opacity:0.6;
		}	
	.intro {
		font-size:130%;
		}
	.banner .intro {
		font-size:140%;
		font-weight:300;
		}
p#skip {
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 5px;
}

    p#skip a {
        position:absolute;
        background-color: #fff;
        border: 2px solid #218920;
        padding:20px;
        left:-9999px;
        white-space:nowrap;
    }

    p#skip a:focus {
        left:0;
    }

        b, strong {
		font-weight:700;
		}
		
	address p {
		}
		
	table {
		margin:5px 0 15px;
		}	
	
	blockquote {
		position:relative;
		padding:30px 0 10px; margin:15px 0 0;
		border:0 none;
		font-size:150%; font-style:italic;
		text-align:center;
		}  
	blockquote::before {
		content:"\f347";
		display: inline-block;  
   	 	font-family: "Ionicons";
	    speak: none;
	    font-style: normal;
	    font-weight: normal;
	    font-variant: normal;
	    text-transform: none;
	    text-rendering: auto;
	    line-height: 1;
	    -webkit-font-smoothing: antialiased;
		position:absolute; 
		}
	blockquote::before {
		top:-5px; left:50%;
		font-size:30px;
		
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
		}	
	blockquote cite {
		font-size:14px;
		}	
		
	.alert .info { 
		}
	.alert .info :first-child { 
		margin-top:0;
		}
	.alert .info :last-child { 
		margin-bottom:0;
		}
		
	p#skip { 
		
		}		
		
.content iframe{
    max-width:100%;
}
		
	@media (min-width:768px) {
		
	}
		
		
	@media (min-width:992px) {
			
	h1 {
		font-size:35px;
		}	
	h2 {
		font-size:30px;
		}
	h3 {
		font-size:26px;
		}
	h4 {
		font-size:22px;
		}
	h5, p.heading {
		font-size:20px;
		}
	h6, .sub-heading {
		font-size:18px;
		}
			
	.intro {
		font-size:135%;
		}
	.banner .intro {
		font-size:150%;
		}
		
	}
		
		
	@media (min-width:1200px) {
			
	h1 {
		font-size:45px;
		}	
	h2 {
		font-size:35px;
		}
	h3 {
		font-size:30px;
		}
	h4 {
		font-size:24px;
		}
	h5, p.heading {
		font-size:20px;
		}
	h6, .sub-heading {
		font-size:18px;
		}
			
	.intro {
		font-size:140%;
		}
	.banner .intro {
		font-size:160%;
		}
		
	}

    .modal-open {
        overflow: hidden;
    }

    .modal {
        display: none;
        overflow: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }

        .modal.fade .modal-dialog {
            -webkit-transform: translate(0, -25%);
            -ms-transform: translate(0, -25%);
            -o-transform: translate(0, -25%);
            transform: translate(0, -25%);
            -webkit-transition: -webkit-transform 0.3s ease-out;
            -moz-transition: -moz-transform 0.3s ease-out;
            -o-transition: -o-transform 0.3s ease-out;
            transition: transform 0.3s ease-out;
        }

        .modal.in .modal-dialog {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
        }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px;
        z-index: 1050;
    }

    .modal-content {
        position: relative;
        background-color: #ffffff;
        border: 1px solid #999999;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        background-clip: padding-box;
        outline: 0;
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000000;
    }

        .modal-backdrop.fade {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
        }

        .modal-backdrop.in {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);
            opacity: 0.5;
        }

    .modal-header {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
        min-height: 16.42857143px;
    }

        .modal-header .close {
            margin-top: -2px;
        }

    .modal-title {
        margin: 0;
        line-height: 1.42857143;
    }

    .modal-body {
        position: relative;
        padding: 15px;
    }

    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }

        .modal-footer .btn + .btn {
            margin-left: 5px;
            margin-bottom: 0;
        }

        .modal-footer .btn-group .btn + .btn {
            margin-left: -1px;
        }

        .modal-footer .btn-block + .btn-block {
            margin-left: 0;
        }

    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll;
    }

    @media (min-width: 768px) {
        .modal-dialog {
            width: 600px;
            margin: 30px auto;
        }

        .modal-content {
            -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        }

        .modal-sm {
            width: 300px;
        }
    }

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .row-eq-height {
        display: block;
    }
}

/*	--------------------------------------------------
	END
	-------------------------------------------------- */
	
		
