@charset "utf-8";


@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@100;300;400;500;700;800;900&display=swap');

@font-face {
  font-family: Harmonia;
  src: url(../fonts/Harmonia.ttf);
}


@font-face {
  font-family: InterUI;
  src: url(../fonts/InterUI_Regular.ttf);
}



*{

    transition-duration: .4s;
    -ms-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;

	

}

*:hover{

	transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .4s;
    -ms-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;

}

::selection{

    color: #1a1a1a;
    background: #9a9a9a;

}

::-moz-selection{

    color: #1a1a1a;
    background: #9a9a9a;

}

::-webkit-input-placeholder{

    color: #1a1a1a;
    text-overflow: ellipsis;

}

::-moz-placeholder{

    color: #1a1a1a;
    text-overflow: ellipsis;
    opacity: 1;

}

:-ms-input-placeholder{

    color: #1a1a1a;
    text-overflow: ellipsis;
    opacity: 1;

}



body{

    font-family: InterUI;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 24px;
    color: #6f6f6f;
    font-weight: 400;
	overflow-x: hidden !important;
}




body,
html{

    -moz-osx-font-smoothing: grayscale;
    -webkit-osx-font-smoothing: grayscale;
	-o-transition-timing-function: ease-in-out;
	overflow-x: hidden !important;

}


a,
a:active,
a:focus{

    color: #323232;
    text-decoration: none;
    outline: none;


}



a:hover,
a:active{

    color: #323232;
	text-decoration: none;

}


button:focus,
button:active,
.btn:focus,
.btn:active{

    outline: none;

}

img{

    max-width: 100%;
    height: auto;
	overflow: hidden;

}

video{

    background-size: cover;
    display: table-cell;
    vertical-align: middle;
    width: 100%;

}

input,
textarea,
select{

    border: 1px solid #bcbcbc;
    font-size: 14px;
    margin: 0 0 25px 0;
    padding: 8px 15px;
    width: 100%;
    max-width: 100%;
    resize: none;

}

input:focus,
textarea:focus{

    border-color: #4f4f4f;
    outline: none;

}

input[type="button"]:focus{

    outline: none;

}

.form-control{

    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

select::-ms-expand{

    display: none;

}

iframe{

    border: 0;

}

p{

    margin: 0 0 25px;
	line-height: 1.5;
	/*color: #585858;*/
	color:black;
	font-weight: 400;
	font-size:18px;
}

b,
strong{

    font-weight: 600;

}

ul,
ol,
dl{

    list-style-position: outside;
    margin-bottom: 25px;
	padding: 0px;

}

.no-list-style li{
	list-style: none;

}

.no-shadow{
	
	box-shadow: none !important;
	
}

.uk-notification-message{

    position: relative;
    margin-bottom: 0px;
    padding: 18px;
    background: #fff;
    color: #232323;
    font-size: 14px;
	font-family: 'Manrope', sans-serif;
    font-weight: 500;
	text-align: center;
    line-height: 23px;
    cursor: pointer;

}


.tab-spread li a{
	padding-top: 15px;
	padding-bottom: 15px;
	border: none;
	font-size: 12px

}

.uk-breadcrumb{
	margin-top: 0px;
	display: inline-flex !important;
}


.fakeLoader{
	z-index: 99999999 !important;
}

	
/* Dividers
-------------------------*/


hr{

    border: 0;
    padding: 0;
    margin: 0;
    padding-top: 150px;
    margin-bottom: 150px;

}


hr.solid{

    border-bottom: 2px solid #c0bfbf;
    border-style: solid;

}

hr.dashed{

    border-bottom: 2px solid #c0bfbf;
    border-style: dashed;

}

hr.dotted{

    border-bottom: 2px solid #c0bfbf;
    border-style: dotted;

}

hr.groove{

    border-bottom: 7px solid #c0bfbf;
    border-style: groove;

}

hr.groove{

    border-bottom: 2px solid #c0bfbf;
    border-style: groove;

}

hr.ridge{

	border-bottom: 2px solid #c0bfbf;
    border-style: ridge;

}



/* z-index
-------------------------*/


.z-index-9999{

    z-index: 9999;

}

.z-index-999{

    z-index: 999 !important;

}

.z-index-99{

    z-index: 99;

}

.z-index-6{

    z-index: 6;

}

.z-index-5{

    z-index: 5;

}

.z-index-4{

    z-index: 4;

}

.z-index-3{

    z-index: 3;

}

.z-index-2{

    z-index: 2;

}

.z-index-1{

    z-index: 1;

}

.z-index-0{

    z-index: 0;

}

.z-index-minus1{

    z-index: -1;

}

.z-index-minus2{

    z-index: -2;

}



/* Opacity
-------------------------*/

.opacity-0{

    opacity: 0

}

.opacity-05{

    opacity: 0.09

}

.opacity-1{

    opacity: 0.1

}

.opacity-2{

    opacity: 0.2

}

.opacity-3{

    opacity: 0.3

}

.opacity-4{

    opacity: 0.4

}

.opacity-5{

    opacity: 0.5

}

.opacity-6{

    opacity: 0.6

}

.opacity-7{

    opacity: 0.7

}

.opacity-8{

    opacity: 0.8

}

.opacity-9{

    opacity: 0.9

}

.opacity-visible{

    opacity: 1

}


.opacity-hover:hover{
	
	opacity: 0.6
	
}

.hidden{
	display: none;
	opacity: 0;

}


/* Cursors
-------------------------*/


.pointer{
	
	cursor: pointer !important;

}

.swipe-black{
	
	cursor: url(../images/swipe-black.png), move;

}

.swipe-black-inverse{
	
	cursor: url(../images/swipe-black-inverse.png), move;

}

.swipe-white{
	
	cursor: url(../images/swipe-white.png), move;

}

.swipe-white-inverse{
	
	cursor: url(../images/swipe-white-inverse.png), move;

}

.cursor {
    position: absolute;
    background: rgba(0, 0, 0, 0.58);
    width: 8px;
    height: 8px;
    border-radius: 100%;
	-webkit-transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
    0.2s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
	-moz-transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
    0.2s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
	-o-transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
    0.2s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
    transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
    0.2s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
    user-select: none;
    pointer-events: none;
	z-index: 10103;
}

.cursor::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #191919;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
    opacity: 0;
}

.cursor.active {
    opacity: 1;
    -webkit-transform: scale(7);
    -moz-transform: scale(7);
    -o-transform: scale(7);
    transform: scale(7);
	background: transparent !important;
}

.cursor.active::before {
    opacity: .4;
	
}

.cursor-follower {
    position: absolute;
    background: rgba(199, 199, 199, 0.35);
    width: 40px;
    height: 40px;
    border-radius: 100%;
	-webkit-transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
        0.4s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
	-moz-transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
        0.4s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
	-o-transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
        0.4s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
        0.4s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
    user-select: none;
    pointer-events: none;
    -webkit-transform: translate(4px, 4px);
    -moz-transform: translate(4px, 4px);
    -o-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
	z-index: 10102;
}

.cursor-follower.active {
    opacity: 0;
    transform: scale(0);
}



/*======================

	02. Alignments 

========================*/


	
/* Vertivcal Alignments
-------------------------*/


.vertical-align-middle{

    vertical-align: middle;

}

.vertical-align-top{

    vertical-align: top;

}

.vertical-align-bottom{

    vertical-align: bottom;

}

.vertical-middle{

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0

}

.middle-center{

    left: 50%;
    top: 50%;
    position: absolute;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);

}


/* Column Alignments
-------------------------*/


.center-col{
	
	float: none;
    margin-left: auto;
    margin-right: auto;

}

.right-col{
	
	float: right;
    margin-left: auto;
    margin-right: auto;

}

.left-col{
	
	float: left;
    margin-right: auto;
    margin-right: auto;

}



/* Positions
-------------------------*/


.position-inherit{

    position: inherit !important

}

.position-relative{

    position: relative !important;

}

.position-absolute{

    position: absolute !important;

}

.position-fixed{

    position: fixed !important;

}

.position-right{

    right: 0 !important;

}

.position-left{

    left: 0 !important;

}

.position-top{

    top: 0 !important;

}

.top-1{
	
	top: 1px;

}

.top-2{
	
	top: 2px;

}

.top-3{
	
	top: 3px;

}

.top-4{
	
	top: 4px;

}

.top-5{
	
	top: 5px;

}

.top-6{
	
	top: 6px;

}

.top-7{
	
	top: 7px;

}

.top-8{
	
	top: 8px;

}

.top-9{
	
	top: 9px;

}

.top-10{
	
	top: 10px;

}

.top-11{
	
	top:  11px;

}

.top-12{
	
	top: 12px;

}

.top-45{
	
	top: 45px;

}

.top-50-percent{
	
	top: 50%;

}

.top-30-percent{
	
	top: 30%;

}

.top-25-percent{
	
	top: 25%;

}

.top-20-percent{
	
	top: 20%;

}

.top-15-percent{
	
	top: 15%;

}

.bottom-1{
	
	bottom: 1px;

}

.bottom-2{
	
	bottom: 2px;

}

.bottom-3{
	
	bottom: 3px;

}

.bottom-4{
	
	bottom: 4px;

}

.bottom-5{
	
	bottom: 5px;

}

.bottom-6{
	
	bottom: 6px;

}

.bottom-7{
	
	bottom: 7px;

}

.bottom-8{
	
	top: 8px;

}

.bottom-9{
	
	bottom: 9px;

}

.bottom-10{
	
	bottom: 10px;

}

.bottom-10-percent{
	
	bottom: 10%;

}

.bottom-20-percent{
	
	bottom: 20%;

}

.bottom-30-percent{
	
	bottom: 30%;

}

.bottom-40-percent{
	
	bottom: 40%;

}

.bottom-50-percent{
	
	bottom: 50%;

}

.bottom-100-percent{
	
	bottom: 100%;

}

.right-1{
	
	right: 1px;

}

.right-2{
	
	right: 2px;

}

.right-3{
	
	right: 3px;

}

.right-4{
	
	right: 4px;

}

.right-5{
	
	right: 5px;

}

.right-6{
	
	right: 6px;

}

.right-7{
	
	right: 7px;

}

.right-8{
	
	right: 8px;

}

.right-9{
	
	right: 9px;

}

.right-10{
	
	right: 10px;

}


.left-1{
	
	left: 1px;

}

.left-2{
	
	left: 2px;

}

.left-3{
	
	left: 3px;

}

.left-4{
	
	left: 4px;

}

.left-5{
	
	left: 5px;

}

.left-6{
	
	left: 6px;

}

.left-7{
	
	left: 7px;

}

.left-8{
	
	left: 8px;

}

.left-9{
	
	left: 9px;

}

.left-10{
	
	left: 10px;

}

/* Floats Alignments
-------------------------*/

.float-left{

    float: left !important

}

.float-right{

    float: right !important

}

.float-none{

    float: none !important

}


.clear-both{

    clear: both

}



/*======================

	03. Navigations 

========================*/



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


.uk-logo img{
	width: 250px;
}

.uk-navbar-dropdown-grid > :not(.uk-first-column)::before{

	border: none;

}

.uk-navbar-nav>li>a,
.uk-navbar-dropdown-nav > li > a{
	font-weight: 400;
	font-size: 16px;
	text-transform: capitalize;
	font-family: Roboto;
	color: #585858;

}


.uk-navbar-container:not(.uk-navbar-transparent){
	
	background: #fff !important;
	box-shadow: 0 5px 5px rgba(0,0,0,0.02) !important;

}

.nos .uk-navbar-container:not(.uk-navbar-transparent){
	
	background: black !important;
	box-shadow: 0 5px 5px rgba(0,0,0,0.02) !important;

}

.navbar-transparent .uk-navbar-container:not(.uk-navbar-transparent){

	box-shadow: none;

}


.uk-nav-header:not(:first-child){
	
	margin-top: 8px;

}

.uk-navbar-dropdown-nav>li.uk-active>a{
	
	color: #171717;

}

.navbar-white .uk-navbar-dropdown-nav>li>a{
	
	color: #e5e5e5 !important;
	font-weight: 400;
	font-size: 14px;
	text-transform: capitalize;
	font-family: 'Manrope', sans-serif;

}

.navbar-white .text-black{
	
	color: #333333 !important;

}

.elements-nav li{
	
	margin-bottom: 10px;

}

.navbar-dark .text-gray-extra-light{
	
	color: #c0bfbf !important;

}

.navbar-dark .uk-navbar-container:not(.uk-navbar-transparent){
	
	background: #1f1f1f;

}

.navbar-dark .uk-navbar-dropdown-nav .uk-nav-divider{

    border-top: 1px solid rgb(45, 45, 45);

}

.navbar-dark .uk-navbar-dropdown-grid>:not(.uk-first-column)::before{
	
    border-left: 1px solid rgb(45, 45, 45);


}

.navbar-dark .uk-navbar-dropdown-nav .uk-nav-header,
.navbar-dark .uk-nav-primary a{
	
	color: #c0bfbf !important;

}

.navbar-dark .uk-navbar-dropdown-nav>li>a{
	
	font-weight: 400;
	color: #8d8d8d !important;
	font-size: 11px;
	line-height: 2;

}

.small-crumb>:nth-child(n+2):not(.uk-first-column)::before{
	margin: 0 10px;

}

.navbar-white{

	background: #fff;

}

.uk-offcanvas-bar{

	padding: 25px 25px;

}



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

.navigation-button,
.bt-menu{
	position: fixed;
	top: 40px;
	right: 40px;
	background:#f50;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	line-height: 48px;
	z-index: 999;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.navigation-button:hover{
	
	
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);


}


.toggle-big{
	
	transform: scale(1.4);

}

.toggle-square{
	
	padding: 15px;
	margin: 20px;

}

.toggle-square:hover{
	
	background: #008fe5;

}

.menu-white .uk-nav-sub a{
	
	color: #666666 !important;
	font-size: 12px;

}

.menu-white .uk-nav>li>a{
	
	padding-bottom: 10px !important;

}


.menu-white .nav-footer a{
	
	color: #8d8d8d !important;

}

.menu-dark .uk-nav-sub a{
	
	color: #444444 !important;
	font-weight: 400;
	font-size: 16px;
	text-transform: capitalize;
	margin-top: 15px;
	font-family: 'Roboto', sans-serif;

}

.menu-dark .uk-nav>li>a{
	padding-bottom: 10px !important;

}


.menu-dark .nav-footer a{
	
	color: #8d8d8d !important;

}

.menu-right a{
	
	font-size: 13px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	text-align: left;

}

.uk-tab > .uk-active > a{
	
	color: #6f6f6f;
    border-color: #008fe5;

}

.uk-accordion-title:hover, .uk-accordion-title:focus{
	
	color: #171717

}

.uk-offcanvas-bar{

	cursor: default !important;

}



/*======================

	04. Icons 

========================*/


.text-gradient-red {
background: linear-gradient(to right, #ff8a00 0%, #da1b60 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.icon-gold{

	color: #C28801;
	color:#FFC200;
	
}


.video-icon{
	
    position: absolute;
	top: 30%;
	transform: translate(-50%, -50%);
	left: 0;
	right: 0;

}

.video-icon a span{

	text-align: center; 
	width: 120px;
	height: 120px;
	line-height: 120px;
	background: #f94e55;
	border-radius: 100%;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	box-shadow: rgba(0, 0, 0, 0.33) 0px 0px 4rem 0px;
}

.video-icon a span:hover{

	box-shadow: rgba(0, 0, 0, 0.33) 0px 0px 1rem 0px;
	
}

.uk-divider-vertical {

    width: 1px;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
    border-right: 1px solid #282828;

}

.video-icon span:hover{
	color: #191919;

}

.fa-amazon{

	color: #ff9900 !important;

}

.fa-android{

	color: #a4c639 !important;

}

.fa-apple{

	color: #999999 !important;

}

.fa-bitbucket,
.fa-bitbucket-square{

	color: #205081 !important;

}

.fa-bluetooth,
.fa-bluetooth-b{

	color: #3B5998 !important;

}

.fa-cc-mastercard{

	color: #cc0000 !important;

}

.fa-cc-stripe{

	color: #00afe1 !important;

}

.fa-cc-visa{

	color: #1a1f71 !important;

}

.fa-cc-paypal{

	color: #003087 !important;

}

.fa-chrome{

	color: #CC0033 !important;

}

.fa-codepen{

	color: #0ebeff !important;

}

.fa-delicious{

	color: #3399ff !important;

}

.fa-deviantart{

	color: #05cc47 !important;

}

.digg{

	color: #005be2 !important;

}

.fa-dropbox{

	color: #007ee5 !important;

}

.fa-drupal{

	color: #0077c0 !important;

}

.fa-edge{

	color: #0078d7 !important;

}

.fa-etsy{

	color: #d5641c !important;

}

/*.fa-etsy{

	color: #d5641c !important;

}

.facebook{

	color: #3b5998 !important;

}

.fa-firefox{

	color: #e66000 !important;

}

.flickr{

	color: #0063dc !important;

}

.foursquare{

	color: #f94877 !important;

}

.github{

	color: #4078c0 !important;

}

.fa-gitlab{

	color: #fca326 !important;

}

.pagekit{

	color: #191919 !important;

}

.google{

	color: #4285f4 !important;

}

.google-plus{

	color: #dd4b39 !important;

}

.fa-hacker-news{

	color: #ff4000 !important;

}

.fa-html5{

	color: #e34f26 !important;

}

.joomla{

	color: #f44321 !important;

}

.fa-lastfm,
.fa-lastfm-square{

	color: #d51007 !important;

}

.linkedin{

	color: #0077b5 !important;

}

.fa-linux{

	color: #333333 !important;

}

.fa-mixcloud{

	color: #52aad8 !important;

}

.fa-odnoklassniki,
.fa-odnoklassniki-square{

	color: #ed812b !important;

}

.fa-opera{

	color: #cc0f16 !important;

}

.fa-paypal{

	color: #003087 !important;

}

.pinterest{

	color: #cb2027 !important;

}

.fa-reddit{

	color: #ff4500 !important;

}

.fa-reddit,
.fa-reddit-alien,
.fa-reddit-square{

	color: #ff4500 !important;

}

.xing{

	color: #026466 !important;

}

.fa-skype{

	color: #00aff0 !important;

}

.fa-slack{

	color: #6ecadc !important;

}

.fa-slideshare{

	color: #0077b5 !important;

}

.fa-snapchat,
.fa-snapchat-ghost,
.fa-snapchat-square{

	color: #fffc00 !important;

}

.soundcloud{

	color: #ff8800 !important;

}

.fa-spotify{

	color: #1db954 !important;

}

.fa-stack-exchange{

	color: #1e5397 !important;

}

.fa-stack-overflow{

	color: #f48024 !important;

}

.fa-steam,
.fa-steam-square{

	color: #00adee !important;

}

.fa-stumbleupon{

	color: #eb4924 !important;

}

.fa-stumbleupon,
.fa-stumbleupon-circle{

	color: #eb4924 !important;

}

.fa-stumbleupon{

	color: #eb4924 !important;

}

.fa-telegram{

	color: #0088cc !important;

}

.twitter{

	color: #1da1f2 !important;

}


.tripadvisor{

	color: #00af87 !important;

}

.tumblr{

	color: #35465c !important;

}

.fa-vimeo{

	color: #1ab7ea !important;

}

.vimeo{

	color: #1ab7ea !important;

}

.fa-vine{

	color: #00b488 !important;

}

.fa-wechat{

	color: #7bb32e !important;

}

.fa-wikipedia{

	color: #171717 !important;

}

.fa-windows{

	color: #0078d7 !important;

}

.wordpress{

	color: #21759b !important;

}

.fa-xing,
.fa-xing-square{

	color: #026466 !important;

}

.fa-yahoo{

	color: #410093 !important;

}

.dribbble{

	color: #ea4c89 !important;

}

.behance{

	color: #053eff !important;

}

.fa-twitch{

	color: #6441a5 !important;

}

.fa-snapchat{

	color: #fffc00 !important;

}

.snapchat-bg{
	background: #fffc00 !important;

}

.youtube{

	color: #ff0000 !important;

}

.fa-windows{

	color: #0078d7 !important;

}

.whatsapp{

	color: #075e54 !important;

}

.gitter{

	color: #ed1965 !important;

}

.instagram{

	color: #e1306c !important;

}

.uikit{

	color: #2C92BE !important;

}

.yelp{

	color: #af0606 !important;

}*/
	
	
	
	
/*======================

	05. Visibility

========================*/


	
/* Display
-------------------------*/


.display-block{

    display: block !important

}

.display-inline-block{

    display: inline-block !important

}

.display-inline{

    display: inline !important

}

.display-none{

    display: none !important

}

.display-inherit{

    display: inherit !important

}

.display-table{

    display: table !important

}

.display-table-cell{

    display: table-cell !important

}

/* Overflow
-------------------------*/

.overflow-hidden{

    overflow: hidden !important

}

.overflow-x-hidden{

    overflow-x: hidden !important

}

.overflow-y-hidden{

    overflow-y: hidden !important

}

.overflow-visible{

    overflow: visible !important

}

.overflow-auto{

    overflow: auto !important

}

.overflow-x-auto{
	overflow-x: auto !important

}

.overflow-y-auto{
	overflow-y: auto !important

}

.overflow-scroll{

    overflow: scroll !important

}




/*======================

	06. Split Sections

========================*/



/* Left Sides
----------------------------*/	


.left-side{
	width: 50%;

}

.left-side-small{
	width: 35%;

}

.left-side-large{
	width: 65%;

}

.left-side,
.left-side-small{
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100vh;
	height: 100%;
	z-index: 2;

}



/* Right Sides
----------------------------*/	


.right-side{
	width: 50%;

}


.right-side-large{
	width: 65%;

}
	
.right-side,
.right-side-small,
.right-side-large{
	position: absolute;
	right: 0px;
	height: auto;
	z-index:1;

}


.container-small{
	width: 100%;
	padding-right: 20%;
	padding-left: 20%;
	margin-right: auto;
	margin-left: auto;

}

.container-regular{

	width: 100%;
	padding-right: 20%;
	padding-left: 20%;
	margin-right: auto;
	margin-left: auto;

}
	
.container-spread{
	
	width: 100%;
	padding-right: 10%;
	padding-left: 10%;
	margin-right: auto;
	margin-left: auto;


}

/*======================

	07. Typography

========================*/



	
/* Font Family
-------------------------*/


.manrope{

    font-family: 'Manrope', sans-serif;

}

.roboto{

    font-family: 'Roboto', sans-serif !important;

}



/* Page Titles
-------------------------*/


.page-title-extra-small h1{

	font-size: 12px; 
	line-height: 20px; 
	text-transform: uppercase;

}

.page-title-smaller h1{

	font-size: 16px; 
	line-height: 22px

}

.page-title-small h1{

	font-size: 20px; 
	line-height: 26px

}

.page-title-medium h1{

	font-size: 32px; 
	line-height: 37px

}
.page-title-large h1{

	font-size: 42px;
	line-height: 45px

}
.page-title-extra-large{

	font-size: 75px;
	line-height: 45px;

}



/* Headings
-------------------------*/


h1,
h2,
h3,
h4,
h5,
h6{

    margin: 0px 0px 25px;
    padding: 0px;
    letter-spacing: 0;
    font-weight: bolder;
	font-family: Harmonia;

}

h1{

    font-size: 75px;
    line-height: 1.5;

}

h2{

    font-size: 60px;
    line-height: 1.3;

}

h3{

    font-size: 52px;
    line-height: 1.3;

}

h4{

    font-size: 45px;
    line-height: 1.3;

}

h5{

    font-size: 40px;
    line-height: 1.3;

}

h6{

    font-size: 33px;
    line-height: 1.3;

}



	
/* Text Sizes
-------------------------*/


.text-extra-small{

    font-size: 11px;
    line-height: 14px

}

.text-small{

    font-size: 13px;
    line-height: 20px

}

.text-medium{

    font-size: 16px;
    line-height: 23px

}

.text-large{

    font-size: 18px;
    line-height: 26px

}

.text-extra-large{

    font-size: 25px;
    line-height: 33px

}

.title-extra-small{

    font-size: 35px;
    line-height: 38px

}

.title-small{

    font-size: 55px;
    line-height: 1.3

}

.title-medium{

    font-size: 65px;
   line-height: 1.1

}

.title-large{

    font-size: 82px;
    line-height: 1.1

}

/* Text Alignments
-------------------------*/

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

.text-left{
	
	text-align: left !important;
}

.text-right{
	
	text-align: right;
}


/* Text Colors
-------------------------*/


.text-white{

    color: #fff !important;

}

.text-black{

    color: #171717

}

.text-blue{

    color: #525fe6

}

.text-red{

    color: #f94e55

}

.text-gold{

    color: #f5bd43

}


.text-violet{

    color: #543876

}

.text-peach{

	color: #f50;

}

.text-gradient-red {
background: linear-gradient(to right, #ff8a00 0%, #da1b60 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



/* Text Weight
-------------------------*/


.text-weight-100{

    font-weight: 100

}

.text-weight-200{

    font-weight: 200

}

.text-weight-300{

    font-weight: 300

}

.text-weight-400{

    font-weight: 400

}

.text-weight-500{

    font-weight: 500

}

.text-weight-600{

    font-weight: 600

}

.text-weight-700{

    font-weight: 700

}

.text-weight-800{

    font-weight: 800

}

.text-weight-900{

    font-weight: 900

}



/* Letter Spacing
-------------------------*/


.no-letter-spacing{

    letter-spacing: 0px !important

}

.letter-spacing-1{

    letter-spacing: 1px

}

.letter-spacing-2{

    letter-spacing: 2px

}

.letter-spacing-3{

    letter-spacing: 3px

}

.letter-spacing-4{

    letter-spacing: 4px

}

.letter-spacing-5{

    letter-spacing: 5px

}

.letter-spacing-6{

    letter-spacing: 6px

}

.letter-spacing-7{

    letter-spacing: 7px

}

.letter-spacing-8{

    letter-spacing: 8px

}

.letter-spacing-9{

    letter-spacing: 9px

}

.letter-spacing-10{

    letter-spacing: 10px

}

.letter-spacing-11{

    letter-spacing: 11px

}

.letter-spacing-12{

    letter-spacing: 12px

}

.letter-spacing-13{

    letter-spacing: 13px

}

.letter-spacing-14{

    letter-spacing: 14px

}

.letter-spacing-15{

    letter-spacing: 15px

}

.letter-spacing-16{

    letter-spacing: 16px

}

.letter-spacing-17{

    letter-spacing: 17px

}

.letter-spacing-18{

    letter-spacing: 18px

}

.letter-spacing-19{

    letter-spacing: 19px

}

.letter-spacing-20{

    letter-spacing: 20px

}

.letter-spacing-50{

    letter-spacing: 50px

}

.letter-spacing-minus-1{

    letter-spacing: -1px

}

.letter-spacing-minus-2{

    letter-spacing: -2px

}

.letter-spacing-minus-3{

    letter-spacing: -3px

}

.letter-spacing-minus-4{

    letter-spacing: -4px

}

.letter-spacing-minus-5{

    letter-spacing: -5px

}

.letter-spacing-minus-6{

    letter-spacing: -6px

}

.letter-spacing-minus-7{

    letter-spacing: -7px

}

.letter-spacing-minus-8{

    letter-spacing: -8px

}

.letter-spacing-minus-9{

    letter-spacing: -9px

}

.letter-spacing-minus-10{

    letter-spacing: -10px

}


/* Word Spacing
-------------------------*/


.no-word-spacing{

    word-spacing: 0px

}

.word-spacing-1{

    word-spacing: 1px

}

.word-spacing-2{

    word-spacing: 2px

}

.word-spacing-3{

    word-spacing: 3px

}

.word-spacing-4{

    word-spacing: 4px

}

.word-spacing-5{

    word-spacing: 5px

}

.word-spacing-6{

    word-spacing: 6px

}

.word-spacing-7{

    word-spacing: 7px

}

.word-spacing-8{

    word-spacing: 8px

}

.word-spacing-9{

    word-spacing: 9px

}

.word-spacing-10{

    word-spacing: 10px

}

.word-spacing-minus-1{

    word-spacing: -1px

}

.word-spacing-minus-2{

    word-spacing: -2px

}

.word-spacing-minus-3{

    word-spacing: -3px

}

.word-spacing-minus-4{

    word-spacing: -4px

}

.word-spacing-minus-5{

    word-spacing: -5px

}

.word-spacing-minus-6{

    word-spacing: -6px

}

.word-spacing-minus-7{

    word-spacing: -7px

}

.word-spacing-minus-8{

    word-spacing: -8px

}

.word-spacing-minus-9{

    word-spacing: -9px

}

.word-spacing-minus-10{

    word-spacing: -10px

}


/* Line Heights
-------------------------*/


.line-height-normal{

    line-height: normal

}

.no-line-height{

    line-height: 0px

}

.line-height-spaced{
	line-height: 1.5em;

}

.line-height-regular{
	line-height: 1 !important;

}

.line-height-medium{
	line-height: 1.3em;

}

.line-height-10{

    line-height: 10px

}

.line-height-15{

    line-height: 15px

}

.line-height-16{

    line-height: 16px

}

.line-height-17{

    line-height: 17px

}

.line-height-18{

    line-height: 18px

}

.line-height-19{

    line-height: 19px

}

.line-height-20{

    line-height: 20px

}

.line-height-23{

    line-height: 23px

}

.line-height-25{

    line-height: 25px

}

.line-height-26{

    line-height: 26px

}

.line-height-27{

    line-height: 27px

}

.line-height-28{

    line-height: 28px

}

.line-height-29{

    line-height: 29px

}

.line-height-30{

    line-height: 30px

}

.line-height-35{

    line-height: 35px

}

.line-height-38{

    line-height: 38px

}

.line-height-40{

    line-height: 40px

}

.line-height-45{

    line-height: 45px

}

.line-height-48{

    line-height: 48px

}

.line-height-50{

    line-height: 50px

}

.line-height-55{

    line-height: 55px

}

.line-height-60{

    line-height: 60px

}

.line-height-65{

    line-height: 65px

}

.line-height-70{

    line-height: 70px

}

.line-height-75{

    line-height: 75px

}

.line-height-77{

    line-height: 77px

}

.line-height-80{

    line-height: 80px

}

.line-height-85{

    line-height: 85px

}

.line-height-90{

    line-height: 90px

}

.line-height-95{

    line-height: 95px

}

.line-height-100{

    line-height: 100px

}

.line-height-110{

    line-height: 110px

}

.line-height-120{

    line-height: 120px

}

.line-height-175{

    line-height: 175px

}

.line-height-180{

    line-height: 180px

}

.line-height-170{

    line-height: 170px

}

.line-height-160{

    line-height: 160px

}

.line-height-150{

    line-height: 150px

}

.line-height-200{

    line-height: 200px

}



/* Text Transformations
-------------------------*/


.text-underline{

    text-decoration: underline;

}

.text-line-through{

    text-decoration: line-through;

}

.text-transform-none{

    text-transform: none

}

.text-transform-unset{

    text-transform: unset

}

.text-regular{
	font-style: normal;

}

.text-italic{
	font-style: italic;

}


.uk-label{

    padding: 2px 8px;
    border-radius: 0px;
    text-transform: none;

}



/* Blockquote
-------------------------*/


blockquote{

    border-left: 3px solid;
    padding: 25px 40px;
    line-height: 1;
    margin: 45px 0;
    font-style: normal;
    color: #232323;

}

blockquote p{

    margin-bottom: 15px !important;


}
	
	
/* Dropcap
-------------------------*/


.dropcap{

	float: left;
	margin: 0 20px 0 0; 
	text-align: center; 
	padding: 10px 0; 

}



/*======================

	08. Backgrounds

========================*/



/* Solid Backgrounds
-------------------------*/


.bg-transparent{

    background-color: transparent !important;

}

.bg-white{

    background-color: #fff;

}

.bg-cream{

    background-color: #fff4f1;

}

.bg-red{

    background-color: #f94e55;

}

.bg-black{

    background-color: #171717;

}

.bg-peach{

    background-color: #f50;

}

.bg-peach-transparent{

    background-color: #FF7A000D;

}

.bg-blue-transparent{

    background-color:rgba(9, 66, 125, 0.03);

}

.bg-gray-extra-light{

    background-color: #f1f1f1

}

.bg-gray-transparent{

    background-color: #8c8c8c0f

}


.bg-gray-light{

    background-color: #efefef

}

.bg-gray-regular{

    background-color: #9d9d9d

}

.bg-gray-dark{

    background-color: #444444

}

.bg-gray-extra-dark{

    background-color: #232323 !important

}

.bg-blue{

    background-color: #525fe6

}

.text-red{

    color: #f94e55

}

.bg-gold{

    background-color: #f5bd43

}

.bg-violet{

    background-color: #543876

}


.bg-gradient-dark{

background-image: linear-gradient(to right, #191919 0%, black 100%);

}

/* Overlays
-------------------------*/


.uk-overlay-primary-light{

    background: rgba(0, 0, 0, 0.5);

}

.uk-overlay-primary-dark{

    background: rgba(0, 0, 0, 0.70);

}

.uk-overlay-primary-extra-dark{

    background: rgba(0, 0, 0, 0.84);

}

.overlay-black:after,
.overlay-black-light:after,
.overlay-black-extra-light:after,
.overlay-black-dense:after,
.overlay-white:after,
.overlay-white-light:after,
.overlay-white-extra-light:after,
.sm-overlay-white-light:after,
.overlay-white-dense:after,
.overlay-blue:after,
.overlay-blue-light:after,
.overlay-blue-dense:after{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;

}

.overlay-black-dense:after{

    background: #171717;
    opacity: 0.9;

}

.overlay-black:after{

    background: url(../images/overlay-1.png) repeat;

}

.overlay-black-light:after{

    background: url(../images/overlay-1.png) repeat;
    opacity: 0.7;

}

.overlay-black-extra-light:after{

    background: url(../images/overlay-1.png) repeat;
    opacity: 0.5;

}

.overlay-white:after{
	opacity: 0.85;
    background: #fff;

}

.overlay-white-dense:after{

    background: #fff;
    opacity: 0.95;

}

.overlay-white-light:after{

    background: #fff;
    opacity: 0.7;

}

.overlay-white-extra-light:after{

    background: url(../images/overlay-2.png) repeat;
    opacity: 0.2;

}

.overlay-blue-light:after{

    background: #525fe6;
    opacity: 0.5;

}

.overlay-blue:after{

    background: #525fe6;
    opacity: 0.70;

}

.overlay-blue-dense:after{

    background: #525fe6;
    opacity: 0.95;

}

.cover{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	z-index: 1;

}


/* Modal Backgrounds
-------------------------*/

.modal-bg-1{
	
    background: url(../images/bg-img-47.jpg);
    background-position: center center;
    z-index: 1;
    background-size: cover;

}

.modal-bg-2{
	
    background: url(../images/bg-img-48.jpg);
    background-position: center center;
    z-index: 1;
    background-size: cover;

}


.modal-bg-3{
	
    background: url(../images/bg-11.jpg);
    background-position: center center;
    z-index: 1;
    background-size: cover;

}


.modal-bg-4{
	
    background: url(../images/bg-img-50.jpg);
    background-position: center center;
    z-index: 1;
    background-size: cover;

}


.modal-bg-5{
	
    background: url(../images/bg-img-51.jpg);
    background-position: center center;
    z-index: 1;
    background-size: cover;

}


.modal-bg-6{
	
    background: url(../images/bg-img-39.jpg);
    background-position: center center;
    z-index: 1;
    background-size: cover;

}


.modal-bg-7{
	
    background: url(../images/bg-56.jpg);
    background-position: center center;
    z-index: 1;
    background-size: cover;

}


.modal-bg-8{
	
    background: url(../images/bg-60.jpg);
    background-position: center center;
    z-index: 1;
    background-size: cover;

}


.profile-img-1{
	max-width: 75px;
	border-radius: 100%;
	margin-bottom: 35px;

}


/* Image Backgrounds
-------------------------*/

.image-bg-1{

    background: url(../images/bg-01.jpg);

}

.image-bg-2{

    background: url(../images/bg-02.png);

}

.image-bg-3{

    background: url(../images/bg-03.jpg);

}

.image-bg-4{

    background: url(../images/bg-04.png);

}

.image-bg-5{

    background: url(../images/bg-05.jpg);

}

.image-bg-6{

    background: url(../images/bg-06.png);

}

.image-bg-7{

    background: url(../images/bg-07.png);

}

.image-bg-8{

    background: url(../images/bg-08.png);

}

.image-bg-9{

    background: url(../images/bg-09.png);

}

.image-bg-10{

    background: url(../images/bg-10.jpg);

}

.image-bg-11{

    background: url(../images/bg-11.png);

}

.image-bg-12{

    background: url(../images/bg-12.jpg);

}

.image-bg-13{

    background: url(../images/bg-13.png);

}

.image-bg-14{

    background: url(../images/bg-14.png);

}

.image-bg-15{

    background: url(../images/bg-15.jpg);

}

.image-bg-16{

    background: url(../images/bg-16.jpg);

}

.image-bg-17{

    background: url(../images/bg-17.jpg);

}

.image-bg-18{

    background: url(../images/bg-18.jpg);

}

.image-bg-19{

    background: url(../images/bg-19.jpg);

}

.image-bg-20{

    background: url(../images/bg-20.jpg);

}

.image-bg-21{

    background: url(../images/bg-21.jpg);

}

.image-bg-22{

    background: url(../images/bg-22.jpg);

}

.image-bg-23{

    background: url(../images/bg-23.jpg);

}

.image-bg-24{

    background: url(../images/bg-24.jpg);

}

.image-bg-25{

    background: url(../images/bg-25.jpg);

}

.image-bg-26{

    background: url(../images/bg-26.jpg);

}

.image-bg-27{

    background: url(../images/bg-27.jpg);

}

.image-bg-28{

    background: url(../images/bg-28.jpg);

}

.image-bg-29{

    background: url(../images/bg-29.jpg);

}

.image-bg-30{

    background: url(../images/bg-30.jpg);

}

.image-bg-31{

    background: url(../images/bg-31.jpg);

}

.image-bg-32{

    background: url(../images/bg-32.jpg);

}

.image-bg-33{

    background: url(../images/bg-33.jpg);

}

.image-bg-34{

    background: url(../images/bg-34.jpg);

}

.image-bg-35{

    background: url(../images/bg-35.jpg);

}

.image-bg-36{

    background: url(../images/bg-36.jpg);

}

.image-bg-37{

    background: url(../images/bg-37.jpg);

}

.image-bg-38{

    background: url(../images/bg-38.jpg);

}

.image-bg-39{

    background: url(../images/bg-39.jpg);

}

.image-bg-40{

    background: url(../images/bg-40.jpg);

}

.image-bg-41{

    background: url(../images/bg-41.jpg);

}

.image-bg-42{

    background: url(../images/bg-42.jpg);

}

.image-bg-43{

    background: url(../images/bg-43.jpg);

}

.image-bg-44{

    background: url(../images/bg-44.jpg);

}

.image-bg-45{

    background: url(../images/bg-45.jpg);

}

.image-bg-46{

    background: url(../images/bg-46.jpg);

}

.image-bg-47{

    background: url(../images/bg-47.jpg);

}

.image-bg-48{

    background: url(../images/bg-48.jpg);

}

.image-bg-49{

    background: url(../images/bg-49.jpg);

}

.image-bg-50{

    background: url(../images/bg-50.jpg);

}

.image-bg-51{

    background: url(../images/bg-51.jpg);

}

.image-bg-52{

    background: url(../images/bg-52.jpg);

}

.image-bg-53{

    background: url(../images/bg-53.jpg);

}

.image-bg-54{

    background: url(../images/bg-54.jpg);

}

.image-bg-55{

    background: url(../images/bg-55.jpg);

}

.image-bg-56{

    background: url(../images/bg-56.jpg);

}

.image-bg-57{

    background: url(../images/bg-57.jpg);

}

.image-bg-58{

    background: url(../images/bg-58.jpg);

}

.image-bg-59{

    background: url(../images/bg-59.jpg);

}

.image-bg-60{

    background: url(../images/bg-60.jpg);

}

.image-bg-61{

    background: url(../images/bg-img-52.jpg);

}

.image-bg-62{

    background: url(../images/bg-img-57.jpg);

}

.image-bg-63{

    background: url(../images/bg-img-16.jpg);

}

.image-bg-64{

    background: url(../images/bg-img-49.jpg);

}

.image-bg-65{

    background: url(../images/bg-15-2.jpg);

}

.image-bg-66{

    background: url(../images/bg-img-07.jpg);

}

.image-bg-67{

    background: url(../images/bg-img-54.jpg);

}

.image-bg-68{

    background: url(../images/bg-img-08.jpg);

}

.image-bg-69{

    background: url(../images/bg-img-09.jpg);

}

.image-bg-70{

    background: url(../images/bg-img-10.jpg);

}

.image-bg-71{

    background: url(../images/bg-img-11.jpg);

}

.image-bg-72{

    background: url(../images/bg-img-12.jpg);

}

.image-bg-73{

    background: url(../images/bg-img-13.jpg);

}

.image-bg-74{

    background: url(../images/bg-img-16.jpg);

}

.image-bg-75{

    background: url(../images/bg-img-14.jpg);

}

.image-bg-76{

    background: url(../images/bg-img-31.jpg);

}

.image-bg-77{

    background: url(../images/bg-img-58.jpg);

}

.image-bg-78{

    background: url(../images/bg-img-59.jpg);

}

.image-bg-79{

    background: url(../images/bg-img-46.jpg);

}

.image-bg-80{

    background: url(../images/bg-img-53.jpg);

}

.image-bg-81{

    background: url(../images/bg-img-36.jpg);

}

.image-bg-82{

    background: url(../images/bg-img-32.jpg);

}

.image-bg-83{

    background: url(../images/bg-img-17.jpg);

}

.image-bg-84{

    background: url(../images/bg-img-55.jpg);

}

.image-bg-85{

    background: url(../images/bg-66.jpg);

}

.image-bg-86{

    background: url(../images/bg-67.jpg);

}

.image-bg-87{

    background: url(../images/bg-68.jpg);

}

.image-bg-88{

    background: url(../images/bg-img-18.jpg);

}

.image-bg-89{

    background: url(../images/bg-img-56.jpg);

}

.image-bg-90{

    background: url(../images/bg-img-30.jpg);

}

.image-bg-91{

    background: url(../images/bg-img-28.jpg);

}

.image-bg-92{

    background: url(../images/bg-img-29.jpg);

}

.image-bg-93{

    background: url(../images/bg-img-35.jpg);

}

.image-bg-94{

    background: url(../images/bg-img-34.jpg);

}

.image-bg-95{

    background: url(../images/bg-img-42.jpg);

}

.image-bg-96{

    background: url(../images/bg-img-33.jpg);

}

.image-bg-97{

    background: url(../images/bg-60.jpg);

}

.image-bg-98{

    background: url(../images/bg-60.jpg);

}

.image-bg-99{

    background: url(../images/bg-60.jpg);

}

.image-bg-100{

    background: url(../images/bg-60.jpg);

}

.image-bg,
.image-bg-2,
.image-bg-3,
.image-bg-4,
.image-bg-5,
.image-bg-6,
.image-bg-7,
.image-bg-8,
.image-bg-9,
.image-bg-10,
.image-bg-11,
.image-bg-12,
.image-bg-13,
.image-bg-14,
.image-bg-15,
.image-bg-16,
.image-bg-17,
.image-bg-18,
.image-bg-19,
.image-bg-20,
.image-bg-21,
.image-bg-22,
.image-bg-23,
.image-bg-24,
.image-bg-25,
.image-bg-26,
.image-bg-27,
.image-bg-28,
.image-bg-29,
.image-bg-30,
.image-bg-31,
.image-bg-32,
.image-bg-33,
.image-bg-34,
.image-bg-35,
.image-bg-36,
.image-bg-37,
.image-bg-38,
.image-bg-39,
.image-bg-40,
.image-bg-41,
.image-bg-42,
.image-bg-43,
.image-bg-44,
.image-bg-45,
.image-bg-46,
.image-bg-47,
.image-bg-48,
.image-bg-49,
.image-bg-50,
.image-bg-51,
.image-bg-52,
.image-bg-53,
.image-bg-54,
.image-bg-55,
.image-bg-56,
.image-bg-57,
.image-bg-58,
.image-bg-59,
.image-bg-60,
.image-bg-61,
.image-bg-62,
.image-bg-63,
.image-bg-64,
.image-bg-65,
.image-bg-66,
.image-bg-67,
.image-bg-68,
.image-bg-69,
.image-bg-70,
.image-bg-71,
.image-bg-72,
.image-bg-73,
.image-bg-74,
.image-bg-75,
.image-bg-76,
.image-bg-77,
.image-bg-78,
.image-bg-79,
.image-bg-80,
.image-bg-81,
.image-bg-82,
.image-bg-83,
.image-bg-84,
.image-bg-85,
.image-bg-86,
.image-bg-87,
.image-bg-88,
.image-bg-89,
.image-bg-90,
.image-bg-91,
.image-bg-92,
.image-bg-93,
.image-bg-94,
.image-bg-95,
.image-bg-96,
.image-bg-97,
.image-bg-98,
.image-bg-99,
.image-bg-100{
    width: 100%;
    height: auto;
    background-size: cover;
    display: block;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    z-index: 1;

}


/* Split Section Backgrounds
--------------------------------*/

.image-bg-split-1{
	background: url(../images/bg-img-34.jpg);
	background-size:cover;

}

.image-bg-split-2{
	background: url(../images/bg-43.jpg);
	background-size:cover;

}

.image-bg-split-3{
	background: url(../images/bg-57.jpg);
	background-size:cover;

}



/*======================

	09. Buttons & Tags

========================*/



/* Tags
----------------------------*/


.tag{

	color: #585858;
	border: 1px solid #e5e5e5;
	padding: 7px;
	margin: 5px 5px 5px 0px;
	font-size: 13px;
	display: block;
	float: left;

}

.tag:hover{
	background: #323232;
	color: #fff;
	text-decoration: none;

}


/* Button Sizes
----------------------------*/

.btn-small{

    padding: 5px 27px 4px 28px;
    font-size: 11px;

}

.btn-medium{

    font-size: 13px;
    padding: 7px 25px 7px 28px;

}

.btn-large{

    font-size: 14px;
    line-height: 25px;
	padding: 10px 35px 10px 37px

}

.btn-extra-large{

    font-size: 16px;
    line-height: 25px;
	padding: 13px 45px 13px 49px

}



/* Button Backgrounds
----------------------------*/


.btn-white{

    background: #fff !important;
    border-color: #fff !important;
    color: #232323 !important

}

.btn-white:hover,
.btn-white:focus{

    background: transparent !important;
    color: #fff !important

}

.btn-black{

    background: #171717!important;
    border-color: #171717!important;
    color: #fff

}

.btn-black:hover,
.btn-black:focus{

    background: transparent !important;
    color: #171717 !important;

}

.btn-peach{

    background: #f50!important;
    border-color: #f50!important;
    color: #fff

}

.btn-peach:hover,
.btn-peach:focus{

    background: transparent !important;
    color: #f50 !important;

}

.btn-gold{

    background: #f5bd43!important;
    border-color: #f5bd43!important;
    color: #171717

}

.btn-gold:hover,
.btn-gold:focus{

    background: transparent !important;
    color: #444444 !important;

}


.btn-blue{

    background: #525fe6!important;
    border-color: #525fe6!important;
    color: #fff

}

.btn-blue:hover,
.btn-blue:focus{

    background: transparent !important;
    color: #525fe6 !important;

}


.btn-transparent-blue{

    background: transparent !important;
    border-color: #525fe6 !important;
    color: #525fe6

}

.btn-transparent-blue:hover,
.btn-transparent-blue:focus{

    background: #525fe6 !important;
    border-color: #525fe6 !important;
    color: #ffffff

}

.btn-transparent-peach{

    background: transparent!important;
    border-color: #f50!important;
    color: #f50

}

.btn-transparent-peach:hover,
.btn-transparent-peach:focus{

    background: #f50 !important;
    color: #fff !important;

}

.btn-transparent-gray-light{

    background: transparent !important;
    border-color: #c0bfbf !important;
    color: #c0bfbf

}

.btn-red{

    background: #FFC200!important;
    border-color: #FFC200 !important;
    color: #fff;
    margin-top: 30px;

}

.btn-red:hover,
.btn-red:focus{

    background: transparent !important;
    color: #FFC200  !important;

}



.btn-violet{

    background: #543876!important;
    border-color: #543876!important;
    color: #fff

}

.btn-violet:hover,
.btn-violet:focus{

    background: transparent !important;
    color: #fff !important;

}


.btn-gray-light{

    background: #c0bfbf;
    border-color: #c0bfbf !important;
    color: #232323

}

.btn-gray-light:hover,
.btn-gray-light:focus{

    background: transparent !important;
    border-color: #c0bfbf !important;
    color: #c0bfbf !important;

}

.btn-gray-dark{

    background: #444444 !important;
    border-color: #444444 !important;
    color: #fff !important;

}

.btn-gray-dark:hover,
.btn-gray-dark:focus{

    background: transparent !important;
    color: #444444 !important;

}

.btn-gray-extra-dark{

    background: #232323 !important;
    border-color: #232323 !important;
    color: #fff

}

.btn-gray-extra-dark:hover,
.btn-gray-extra-dark:focus{

    background: transparent!important;
    color: #232323!important;

}

.btn-transparent-white{

    background: transparent !important;
    border-color: #ffffff !important;
    color: #ffffff !important;

}

.btn-transparent-white:hover,
.btn-transparent-white:focus{

    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #232323 !important

}

.btn-transparent-black{

    background: transparent !important;
    border-color: #171717 !important;
    color: #171717

}

.btn-transparent-black:hover,
.btn-transparent-black:focus{

    background: #171717 !important;
    border-color: #171717 !important;
    color: #ffffff

}

.btn-transparent-gray-light{

    background: transparent !important;
    border-color: #c0bfbf !important;
    color: #c0bfbf

}

.btn-transparent-gray-light:hover,
.btn-transparent-gray-light:focus{

    background: #c0bfbf !important;
    border-color: #c0bfbf !important;
    color: #232323

}

.btn-transparent-gray-dark{

    background: transparent !important;
    border-color: #444444 !important;
    color: #444444

}

.btn-transparent-gray-dark:hover,
.btn-transparent-gray-dark:focus{

    background: #444444 !important;
    border-color: #444444 !important;
    color: #fff

}

.btn-transparent-gray-extra-dark{

    background: transparent !important;
    border-color: #232323 !important;
    color: #232323

}

.btn-transparent-gray-extra-dark:hover,
.btn-transparent-gray-extra-dark:focus{

    background: #232323 !important;
    border-color: #232323 !important;
    color: #ffffff !important;

}


/* Button Base
----------------------------*/


.btn{

    width: auto;
    font-weight: 700;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
	display: inline-block;
    line-height: inherit;
	letter-spacing: 4px;
	text-transform: uppercase;
    border-radius: 0;
    border: 2px solid transparent;
	font-family: 'Manrope', sans-serif;

}


.multiple-btn .btn{

    margin: 0 15px;

}

.btn i{

    margin-left: 5px;
    vertical-align: middle;
    position: relative;
    top: -1px

}




/*======================

	10. Portfolio

========================*/
	
	

/* Filter Styles
-------------------------*/

.uk-subnav{
	display: table;
    margin: 0 auto;
}

.uk-subnav>*{
	padding-left: 0px;
	flex: none;
	position: relative;
	float: left;
	display: inline;
	text-align: center;
}

.filter-style-1 li a{
	
	text-transform: capitalize !important;
	border: none !important;
	padding: 0px;
	font-size: 25px !important;
	line-height: 30px !important;
	font-family: Manrope;
	font-weight: 700 !important;
	margin-right: 25px;
	color: #777 !important;

}

.filter-style-1 li a:hover,
.filter-style-1 li a:focus,
.filter-style-1 li a:active{
	
	background: linear-gradient(to right, #ff8a00 0%, #da1b60 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.filter-style-2{
	
	margin-bottom: 75px;

}

.filter-style-2 a{
	
	font-size: 16px !important;
	border-bottom: 1px solid #fff !important;
	margin-right: 30px;
	font-weight: 400;
	letter-spacing: 0px;
	text-transform: capitalize !important;
	color: #585858 !important;

}

.filter-light a{

	color: #fff !important;

}

.filter-style-2 li a:hover,
.filter-style-2 li a:focus,
.filter-style-2 li a:active{
	
	border-bottom: 1px solid #171717 !important;

}

.filter-style-3{
	
	text-align: center;
	margin-bottom: 75px;

}

.filter-style-3 li{
	display: inline-block;

}

.filter-style-5{
	
	text-align: center;
	margin-bottom: 75px;

}


.filter-style-5 li{
	
	margin-right: 50px;

}

.filter-style-5 li a{
	
	text-transform: uppercase !important;
	font-weight: 700 !important;
	border-bottom: 3px solid #f5bd43 !important;
	color: #333333 !important;

}

.filter-style-5 li a:hover,
.filter-style-5 li a:focus,
.filter-style-5 li a:active{
	
	border-bottom: 3px solid #171717 !important;

}




/* Custom Hover Style 01
-------------------------*/


.hover-custom-01 a .hover{
	
	background: transparent;

}

.hover-custom-01 .hover{
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	-moz-transform: translate(100%, 0%);
	-webkit-transform: translate(100%, 0%);
	-o-transform: translate(100%, 0%);
	transform: translate(100%, 0%);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;

}


.hover-custom-01 a:hover .hover{
	
	opacity: 1;
	-moz-transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
	-o-transform: translate(0%, 0%);
	transform: translate(0%, 0%);


}

.hover-custom-01 a:hover img{
	
	-o-transform: scale(1) translate(-100%, 0%);
	-moz-transform: scale(1) translate(-100%, 0%);
	-webkit-transform: scale(1) translate(-100%, 0%);
	transform: scale(1) translate(-100%, 0%);

}

.hover-icon-01 span:hover{
	
	background: #ccc;

}



/* Custom Hover Style 02
-------------------------*/


.hover-custom-02 a .hover{
	
	background: transparent;

}

.hover-custom-02 .hover{
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;

}


.hover-custom-02 a:hover .hover{
	
	opacity: 1;
	-moz-transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
	-o-transform: translate(0%, 0%);
	transform: translate(0%, 0%);


}

.hover-custom-02 a:hover img{
	
	-o-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0.1;

}

.hover-icon-02 span:hover{
	
	background: #ccc;

}


/*========================

	11. Pi-Charts

==========================*/



/* Pi-Chart Style 01
-------------------------*/


.pie-chart-1 .chart-style-1{

	width: 130px; 
	height: 130px; 
	position: relative; 
	display: inline-block; 
	text-align: center; 
	margin: auto;
	
}
	
.pie-chart-1 .chart-style-1 canvas{
 
	position: absolute; 
	top: 0; 
	left: 0;
	
}
	
.pie-chart-1 .percent{

	display: inline-block; 
	line-height: 130px; 
	z-index: 2;

}
	
.percent:after{

	content: '%'; 
	
}


/* Pi-Chart Style 02
-------------------------*/


.pie-chart-2 .chart-style-2{

	width: 150px; 
	height: 150px; 
	position: relative; 
	display: inline-block; 
	text-align: center; 
	margin: auto;

}
	
.pie-chart-2 .chart-style-2 canvas{
 
	position: absolute; 
	top: 0; 
	left: 0;
	
}

	
.pie-chart-2 .percent{

	display: inline-block; 
	line-height: 150px; 
	z-index: 2;

}


/* Pi-Chart Style 03
-------------------------*/


.pie-chart-3 .chart-style-3{

	width: 200px; 
	height: 200px; 
	position: relative; 
	display: inline-block; 
	text-align: center; 
	margin: auto;
	
}
	
.pie-chart-3 .chart-style-3 canvas{
 
	position: absolute; 
	top: 0; 
	left: 0;

}

.pie-chart-3 .percent{

	display: inline-block; 
	line-height: 200px; 
	z-index: 2;
	
}


/*========================

	12. Go to top icon

==========================*/


#return-to-top{

	position: fixed;
	bottom: 40px;
	right: 40px;
	background:black;
	width: 50px;
	height: 50px;
	line-height: 47px;
	border-radius: 100%;
	color: #fff !important;
	z-index: 999 !important;
	text-align: center;
	display: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;

}

#return-to-top:hover{
	
	
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);


}



/*======================

	13. Borders

========================*/


/* Border Placements
----------------------------*/


.all-border{

    border: 1px solid;

}

.top-border{

    border-top: 1px solid;

}

.bottom-border{

    border-bottom: 1px solid;

}

.left-border{

    border-left: 1px solid;

}

.right-border{

    border-right: 1px solid;

}

.border-left-right{

    border-left: 1px solid;
    border-right: 1px solid;

}

.border-right-left{

    border-top: 1px solid;
    border-bottom: 1px solid;

}

.no-border{

    border: 0 !important

}

.no-border-top{

    border-top: 0 !important

}

.no-border-bottom{

    border-bottom: 0 !important

}

.no-border-left{

    border-left: 0 !important

}

.no-border-right{

    border-right: 0 !important

}



/* Border Styles
----------------------------*/


.border-dotted{

    border-style: dotted !important;

}

.border-dashed{

    border-style: dashed !important;

}

.border-solid{

    border-style: solid !important;

}

.border-double{

    border-style: double !important;

}

.border-groove{

    border-style: groove !important;

}

.border-ridge{

    border-style: ridge !important;

}

.border-inset{

    border-style: inset !important;

}

.border-outset{

    border-style: outset !important;

}

.border-none{

    border-style: none !important;

}

.border-hidden{

    border-style: hidden !important;

}


/* Border Width
----------------------------*/


.border-1px{

    border-width: 1px;

}

.border-2px{

    border-width: 2px;

}

.border-3px{

    border-width: 3px;

}

.border-4px{

    border-width: 4px;

}

.border-5px{

    border-width: 5px;

}

.border-6px{

    border-width: 6px;

}

.border-7px{

    border-width: 7px;

}

.border-8px{

    border-width: 8px;

}

.border-9px{

    border-width: 9px;

}

.border-10px{

    border-width: 10px;

}

.border-11px{

    border-width: 11px;

}

.border-12px{

    border-width: 12px;

}

.border-13px{

    border-width: 13px;

}

.border-14px{

    border-width: 14px;

}

.border-15px{

    border-width: 15px;

}

.border-16px{

    border-width: 16px;

}

.border-17px{

    border-width: 17px;

}

.border-18px{

    border-width: 18px;

}

.border-19px{

    border-width: 19px;

}

.border-20px{

    border-width: 20px;

}


/* Border Colors
----------------------------*/


.border-color-white{

    border-color: #fff

}

.border-color-black{

    border-color: #171717

}

.border-color-blue{

    border-color: #525fe6

}

.border-color-gray-extra-light{

    border-color: #e5e5e5

}

.border-color-gray-light{

    border-color: #c0bfbf

}

.border-color-gold{

    border-color: #f5bd43

}

.border-color-red{

    border-color: #f94e55

}

.border-color-gray-regular{

    border-color: #9d9d9d

}

.border-color-gray-dark{

    border-color: #444444 !important;

}

.border-color-gray-extra-dark{

    border-color: #232323

}

.border-black-light{

    border-color: rgba(0, 0, 0, .1) !important;

}

.border-white-light{

    border-color: rgba(255, 255, 255, .1) !important;

}



/* Border Radius
----------------------------*/


.border-radius-1{

    border-radius: 1px

}

.border-radius-2{

    border-radius: 2px

}

.border-radius-3{

    border-radius: 3px

}

.border-radius-4{

    border-radius: 4px

}

.border-radius-5{

    border-radius: 5px

}

.border-radius-6{

    border-radius: 6px

}

.border-radius-7{

    border-radius: 7px

}

.border-radius-8{

    border-radius: 8px

}

.border-radius-9{

    border-radius: 9px

}

.border-radius-10{

    border-radius: 11px

}

.border-radius-11{

    border-radius: 11px

}

.border-radius-12{

    border-radius: 12px

}

.border-radius-13{

    border-radius: 13px

}

.border-radius-14{

    border-radius: 14px

}

.border-radius-15{

    border-radius: 15px

}

.border-radius-16{

    border-radius: 16px

}

.border-radius-17{

    border-radius: 17px

}

.border-radius-18{

    border-radius: 18px

}

.border-radius-19{

    border-radius: 19px

}

.border-radius-20{

    border-radius: 20px

}

.border-radius-50{

    border-radius: 50px

}

.border-radius-100{

    border-radius: 100px

}

.border-radius-50-percent{

    border-radius: 50%

}

.border-radius-100-percent{

    border-radius: 100%

}

.border-radius-none{

    border-radius: 0

}



/*======================

	14. Videos

========================*/


.video-wrapper{

    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;

}

.html-video{

    background-color: #171717;
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: auto;
    z-index: -3;

}

.video-wrapper iframe{

    height: 100%;
    left: 0;
    position: absolute;
    top: -5px !important;
    width: 100%;

}

.video-background{

    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    background: rgba(67, 67, 67, 0.5)

}



/*======================

	15. Margins

========================*/



/* Margin All
-------------------------*/

.no-margin{

    margin: 0 !important

}

.no-margin-top{

    margin-top: 0 !important

}

.no-margin-bottom{

    margin-bottom: 0 !important

}

.no-margin-left{

    margin-left: 0 !important

}

.no-margin-right{

    margin-right: 0 !important

}


.no-margin-left-right{

    margin-left: 0 !important;
    margin-right: 0 !important

}

.no-margin-top-bottom{

    margin-top: 0 !important;
    margin-bottom: 0 !important

}

.margin-auto{

    margin: 0 auto !important;

}

.margin-left-right-auto{

    margin-left: auto !important;
    margin-right: auto !important

}

.margin-left-auto{

    margin-left: auto !important;

}


.margin-right-auto{

    margin-right: auto !important;

}

.margin-one-percent{

    margin: 1%

}

.margin-two-percent{

    margin: 2%

}

.margin-three-percent{

    margin: 3%

}

.margin-four-percent{

    margin: 4%

}

.margin-five-percent{

    margin: 5%

}

.margin-six-percent{

    margin: 6%

}

.margin-seven-percent{

    margin: 7%

}

.margin-eight-percent{

    margin: 8%

}

.margin-nine-percent{

    margin: 9%

}

.margin-ten-percent{

    margin: 10%

}

.margin-eleven-percent{

    margin: 11%

}

.margin-twelve-percent{

    margin: 12%

}

.margin-thirteen-percent{

    margin: 13%

}

.margin-fourteen-percent{

    margin: 14%

}

.margin-fifteen-percent{

    margin: 15%

}

.margin-sixteen-percent{

    margin: 16%

}

.margin-seventeen-percent{

    margin: 17%

}

.margin-eighteen-percent{

    margin: 18%

}

.margin-nineteen-percent{

    margin: 19%

}

.margin-twenty-percent{

    margin: 20%

}

.margin-twenty-one-percent{

    margin: 21%

}

.margin-twenty-two-percent{

    margin: 22%

}

.margin-twenty-three-percent{

    margin: 23%

}

.margin-twenty-four-percent{

    margin: 24%

}

.margin-twenty-five-percent{

    margin: 25%

}

.margin-twenty-six-percent{

    margin: 26%

}

.margin-twenty-seven-percent{

    margin: 27%

}

.margin-twenty-eight-percent{

    margin: 28%

}

.margin-twenty-nine-percent{

    margin: 29%

}

.margin-thirty-percent{

    margin: 30%

}

.margin-thirty-one-percent{

    margin: 31%

}

.margin-thirty-two-percent{

    margin: 32%

}

.margin-thirty-three-percent{

    margin: 33%

}

.margin-thirty-four-percent{

    margin: 34%

}

.margin-thirty-five-percent{

    margin: 35%

}

.margin-thirty-six-percent{

    margin: 36%

}

.margin-thirty-seven-percent{

    margin: 37%

}

.margin-thirty-eight-percent{

    margin: 38%

}

.margin-thirty-nine-percent{

    margin: 39%

}

.margin-forty-percent{

    margin: 40%

}

.margin-forty-one-percent{

    margin: 41%

}

.margin-forty-two-percent{

    margin: 42%

}

.margin-forty-three-percent{

    margin: 43%

}

.margin-forty-four-percent{

    margin: 44%

}

.margin-forty-five-percent{

    margin: 45%

}

.margin-forty-six-percent{

    margin: 46%

}

.margin-forty-seven-percent{

    margin: 47%

}

.margin-forty-eight-percent{

    margin: 48%

}

.margin-forty-nine-percent{

    margin: 49%

}

.margin-fifty-percent{

    margin: 50%

}

.margin-5px{

    margin: 5px

}

.margin-10px{

    margin: 10px

}

.margin-15px{

    margin: 15px

}

.margin-20px{

    margin: 20px

}

.margin-25px{

    margin: 25px

}

.margin-30px{

    margin: 30px

}

.margin-35px{

    margin: 35px

}

.margin-40px{

    margin: 40px

}

.margin-45px{

    margin: 45px

}

.margin-50px{

    margin: 50px

}

.margin-55px{

    margin: 55px

}

.margin-60px{

    margin: 60px

}

.margin-65px{

    margin: 65px

}

.margin-70px{

    margin: 70px

}

.margin-75px{

    margin: 75px

}

.margin-80px{

    margin: 80px

}

.margin-85px{

    margin: 85px

}

.margin-90px{

    margin: 90px

}

.margin-95px{

    margin: 95px

}

.margin-100px{

    margin: 100px

}

.margin-120px{

    margin: 120px

}

.margin-150px{

    margin: 150px

}


/* Margin Top
-------------------------*/

.demo-logo {
	margin-bottom: -700px;
	background: #fff;
	padding: 75px
}

.margin-top-one-percent{

    margin-top: 1%

}

.margin-top-two-percent{

    margin-top: 2%

}

.margin-top-three-percent{

    margin-top: 3%

}

.margin-top-four-percent{

    margin-top: 4%

}

.margin-top-five-percent{

    margin-top: 5%

}

.margin-top-six-percent{

    margin-top: 6%

}

.margin-top-seven-percent{

    margin-top: 7%

}

.margin-top-eight-percent{

    margin-top: 8%

}

.margin-top-nine-percent{

    margin-top: 9%

}

.margin-top-ten-percent{

    margin-top: 10%

}

.margin-top-eleven-percent{

    margin-top: 11%

}

.margin-top-twelve-percent{

    margin-top: 12%

}

.margin-top-thirteen-percent{

    margin-top: 13%

}

.margin-top-fourteen-percent{

    margin-top: 14%

}

.margin-top-fifteen-percent{

    margin-top: 15%

}

.margin-top-sixteen-percent{

    margin-top: 16%

}

.margin-top-seventeen-percent{

    margin-top: 17%

}

.margin-top-eighteen-percent{

    margin-top: 18%

}

.margin-top-nineteen-percent{

    margin-top: 19%

}

.margin-top-twenty-percent{

    margin-top: 20%

}

.margin-top-twenty-one-percent{

    margin-top: 21%

}

.margin-top-twenty-two-percent{

    margin-top: 22%

}

.margin-top-twenty-three-percent{

    margin-top: 23%

}

.margin-top-twenty-four-percent{

    margin-top: 24%

}

.margin-top-twenty-five-percent{

    margin-top: 25%

}

.margin-top-1px{

    margin-top: 1px

}

.margin-top-5px{

    margin-top: 5px

}

.margin-top-10px{

    margin-top: 10px

}

.margin-top-15px{

    margin-top: 15px

}

.margin-top-20px{

    margin-top: 20px

}

.margin-top-25px{

    margin-top: 25px

}

.margin-top-30px{

    margin-top: 30px

}

.margin-top-35px{

    margin-top: 35px

}

.margin-top-40px{

    margin-top: 40px

}

.margin-top-45px{

    margin-top: 45px

}

.margin-top-50px{

    margin-top: 50px

}

.margin-top-55px{

    margin-top: 55px

}

.margin-top-60px{

    margin-top: 60px

}

.margin-top-65px{

    margin-top: 65px

}

.margin-top-70px{

    margin-top: 70px

}

.margin-top-75px{

    margin-top: 75px

}

.margin-top-80px{

    margin-top: 80px

}

.margin-top-85px{

    margin-top: 85px

}

.margin-top-90px{

    margin-top: 90px

}

.margin-top-95px{

    margin-top: 95px

}

.margin-top-100px{

    margin-top: 100px

}

.margin-top-110px{

    margin-top: 110px

}

.margin-top-120px{

    margin-top: 120px

}

.margin-top-130px{

    margin-top: 130px

}

.margin-top-140px{

    margin-top: 140px

}

.margin-top-150px{

    margin-top: 150px

}

.margin-top-minus-1px{

    margin-top: -1px

}

.margin-top-minus-5px{

    margin-top: -5px

}

.margin-top-minus-10px{

    margin-top: -10px

}

.margin-top-minus-15px{

    margin-top: -15px

}

.margin-top-minus-20px{

    margin-top: -20px

}

.margin-top-minus-25px{

    margin-top: -25px

}

.margin-top-minus-30px{

    margin-top: -30px

}

.margin-top-minus-35px{

    margin-top: -35px

}

.margin-top-minus-40px{

    margin-top: -40px

}

.margin-top-minus-45px{

    margin-top: -45px

}

.margin-top-minus-50px{

    margin-top: -50px

}

.margin-top-minus-55px{

    margin-top: -55px

}

.margin-top-minus-60px{

    margin-top: -60px

}

.margin-top-minus-65px{

    margin-top: -65px

}

.margin-top-minus-70px{

    margin-top: -70px

}

.margin-top-minus-75px{

    margin-top: -75px

}

.margin-top-minus-80px{

    margin-top: -80px

}

.margin-top-minus-85px{

    margin-top: -85px

}

.margin-top-minus-90px{

    margin-top: -90px

}

.margin-top-minus-95px{

    margin-top: -95px

}

.margin-top-minus-100px{

    margin-top: -100px

}

.margin-top-minus-110px{

    margin-top: -110px

}

.margin-top-minus-120px{

    margin-top: -120px

}

.margin-top-minus-130px{

    margin-top: -130px

}

.margin-top-minus-140px{

    margin-top: -140px

}

.margin-top-minus-150px{

    margin-top: -150px

}

.margin-top-minus-150px{

    margin-top: -150px

}

.margin-top-minus-200px{

    margin-top: -200px

}

.margin-top-minus-250px{

    margin-top: -250px

}

.margin-top-minus-300px{

    margin-top: -300px

}


.margin-top-minus-350px{

    margin-top: -350px

}

.margin-top-minus-400px{

    margin-top: -400px

}


.margin-top-minus-450px{

    margin-top: -450px

}


.margin-top-minus-500px{

    margin-top: -500px

}

.margin-top-minus-550px{

    margin-top: -550px

}

.margin-top-minus-600px{

    margin-top: -600px

}

.margin-top-minus-650px{

    margin-top: -650px

}

/* Margin Bottom
-------------------------*/


.margin-bottom-5px{

    margin-bottom: 5px

}

.margin-bottom-10px{

    margin-bottom: 10px

}

.margin-bottom-15px{

    margin-bottom: 15px

}

.margin-bottom-20px{

    margin-bottom: 20px

}

.margin-bottom-25px{

    margin-bottom: 25px

}

.margin-bottom-30px{

    margin-bottom: 30px

}

.margin-bottom-35px{

    margin-bottom: 35px

}

.margin-bottom-40px{

    margin-bottom: 40px

}

.margin-bottom-45px{

    margin-bottom: 45px

}

.margin-bottom-50px{

    margin-bottom: 50px

}

.margin-bottom-55px{

    margin-bottom: 55px

}

.margin-bottom-60px{

    margin-bottom: 60px

}

.margin-bottom-65px{

    margin-bottom: 65px

}

.margin-bottom-70px{

    margin-bottom: 70px

}

.margin-bottom-75px{

    margin-bottom: 75px

}

.margin-bottom-80px{

    margin-bottom: 80px

}

.margin-bottom-85px{

    margin-bottom: 85px

}

.margin-bottom-90px{

    margin-bottom: 90px

}

.margin-bottom-95px{

    margin-bottom: 95px

}

.margin-bottom-100px{

    margin-bottom: 100px

}

.margin-bottom-120px{

    margin-bottom: 120px

}

.margin-bottom-150px{

    margin-bottom: 150px

}

.margin-bottom-one-percent{

    margin-bottom: 1%

}

.margin-bottom-two-percent{

    margin-bottom: 2%

}

.margin-bottom-three-percent{

    margin-bottom: 3%

}

.margin-bottom-four-percent{

    margin-bottom: 4%

}

.margin-bottom-five-percent{

    margin-bottom: 5%

}

.margin-bottom-six-percent{

    margin-bottom: 6%

}

.margin-bottom-seven-percent{

    margin-bottom: 7%

}

.margin-bottom-eight-percent{

    margin-bottom: 8%

}

.margin-bottom-nine-percent{

    margin-bottom: 9%

}

.margin-bottom-ten-percent{

    margin-bottom: 10%

}

.margin-bottom-eleven-percent{

    margin-bottom: 11%

}

.margin-bottom-twelve-percent{

    margin-bottom: 12%

}

.margin-bottom-thirteen-percent{

    margin-bottom: 13%

}

.margin-bottom-fourteen-percent{

    margin-bottom: 14%

}

.margin-bottom-fifteen-percent{

    margin-bottom: 15%

}

.margin-bottom-sixteen-percent{

    margin-bottom: 16%

}

.margin-bottom-seventeen-percent{

    margin-bottom: 17%

}

.margin-bottom-eighteen-percent{

    margin-bottom: 18%

}

.margin-bottom-nineteen-percent{

    margin-bottom: 19%

}


.margin-bottom-twenty-percent{

    margin-bottom: 20%

}

.margin-bottom-twenty-one-percent{

    margin-bottom: 21%

}

.margin-bottom-twenty-two-percent{

    margin-bottom: 22%

}

.margin-bottom-twenty-three-percent{

    margin-bottom: 23%

}

.margin-bottom-twenty-four-percent{

    margin-bottom: 24%

}

.margin-bottom-twenty-five-percent{

    margin-bottom: 25%

}


/* Margin Right
-------------------------*/


.margin-right-one-percent{

    margin-right: 1%

}

.margin-right-two-percent{

    margin-right: 2%

}

.margin-right-three-percent{

    margin-right: 3%

}

.margin-right-four-percent{

    margin-right: 4%

}

.margin-right-five-percent{

    margin-right: 5%

}

.margin-right-six-percent{

    margin-right: 6%

}

.margin-right-seven-percent{

    margin-right: 7%

}

.margin-right-eight-percent{

    margin-right: 8%

}

.margin-right-nine-percent{

    margin-right: 9%

}

.margin-right-ten-percent{

    margin-right: 10%

}

.margin-right-eleven-percent{

    margin-right: 11%

}

.margin-right-twelve-percent{

    margin-right: 12%

}

.margin-right-thirteen-percent{

    margin-right: 13%

}

.margin-right-fourteen-percent{

    margin-right: 14%

}

.margin-right-fifteen-percent{

    margin-right: 15%

}

.margin-right-sixteen-percent{

    margin-right: 16%

}

.margin-right-seventeen-percent{

    margin-right: 17%

}

.margin-right-eighteen-percent{

    margin-right: 18%

}

.margin-right-nineteen-percent{

    margin-right: 19%

}

.margin-right-twenty-percent{

    margin-right: 20%

}

.margin-right-twenty-one-percent{

    margin-right: 21%

}

.margin-right-twenty-two-percent{

    margin-right: 22%

}

.margin-right-twenty-three-percent{

    margin-right: 23%

}

.margin-right-twenty-four-percent{

    margin-right: 24%

}

.margin-right-twenty-five-percent{

    margin-right: 25%

}


.margin-right-1px{

    margin-right: 2px

}

.margin-right-2px{

    margin-right: 2px

}

.margin-right-5px{

    margin-right: 5px

}

.margin-right-10px{

    margin-right: 10px

}

.margin-right-15px{

    margin-right: 15px

}

.margin-right-20px{

    margin-right: 20px

}

.margin-right-25px{

    margin-right: 25px

}

.margin-right-30px{

    margin-right: 30px

}

.margin-right-35px{

    margin-right: 35px

}

.margin-right-40px{

    margin-right: 40px

}

.margin-right-45px{

    margin-right: 45px

}

.margin-right-50px{

    margin-right: 50px

}

.margin-right-55px{

    margin-right: 55px

}

.margin-right-60px{

    margin-right: 60px

}

.margin-right-65px{

    margin-right: 65px

}

.margin-right-70px{

    margin-right: 70px

}

.margin-right-75px{

    margin-right: 75px

}

.margin-right-80px{

    margin-right: 80px

}

.margin-right-85px{

    margin-right: 85px

}

.margin-right-90px{

    margin-right: 90px

}

.margin-right-95px{

    margin-right: 95px

}

.margin-right-100px{

    margin-right: 100px

}

.margin-right-120px{

    margin-right: 120px

}

.margin-right-150px{

    margin-right: 150px

}


/* Margin Left
-------------------------*/



.margin-left-one-percent{

    margin-left: 1%

}

.margin-left-two-percent{

    margin-left: 2%

}

.margin-left-three-percent{

    margin-left: 3%

}

.margin-left-four-percent{

    margin-left: 4%

}

.margin-left-five-percent{

    margin-left: 5%

}

.margin-left-six-percent{

    margin-left: 6%

}

.margin-left-seven-percent{

    margin-left: 7%

}

.margin-left-eight-percent{

    margin-left: 8%

}

.margin-left-nine-percent{

    margin-left: 9%

}

.margin-left-ten-percent{

    margin-left: 10%

}

.margin-left-eleven-percent{

    margin-left: 11%

}

.margin-left-twelve-percent{

    margin-left: 12%

}

.margin-left-thirteen-percent{

    margin-left: 13%

}

.margin-left-fourteen-percent{

    margin-left: 14%

}

.margin-left-fifteen-percent{

    margin-left: 15%

}

.margin-left-sixteen-percent{

    margin-left: 16%

}

.margin-left-seventeen-percent{

    margin-left: 17%

}

.margin-left-eighteen-percent{

    margin-left: 18%

}

.margin-left-nineteen-percent{

    margin-left: 19%

}

.margin-left-twenty-percent{

    margin-left: 20%

}

.margin-left-twenty-one-percent{

    margin-left: 21%

}

.margin-left-twenty-two-percent{

    margin-left: 22%

}

.margin-left-twenty-three-percent{

    margin-left: 23%

}

.margin-left-twenty-four-percent{

    margin-left: 24%

}

.margin-left-twenty-five-percent{

    margin-left: 25%

}

.margin-left-5px{

    margin-left: 5px

}

.margin-left-10px{

    margin-left: 10px

}

.margin-left-15px{

    margin-left: 15px

}

.margin-left-20px{

    margin-left: 20px

}

.margin-left-25px{

    margin-left: 25px

}

.margin-left-30px{

    margin-left: 30px

}

.margin-left-35px{

    margin-left: 35px

}

.margin-left-40px{

    margin-left: 40px

}

.margin-left-45px{

    margin-left: 45px

}

.margin-left-50px{

    margin-left: 50px

}

.margin-left-55px{

    margin-left: 55px

}

.margin-left-60px{

    margin-left: 60px

}

.margin-left-65px{

    margin-left: 65px

}

.margin-left-70px{

    margin-left: 70px

}

.margin-left-75px{

    margin-left: 75px

}

.margin-left-80px{

    margin-left: 80px

}

.margin-left-85px{

    margin-left: 85px

}

.margin-left-90px{

    margin-left: 90px

}

.margin-left-95px{

    margin-left: 95px

}

.margin-left-100px{

    margin-left: 100px

}

.margin-left-120px{

    margin-left: 120px

}

.margin-left-150px{

    margin-left: 150px

}


/* Margin Top & Bottom
-------------------------*/



.margin-top-bottom-one-percent{

    margin-top: 1%;
    margin-bottom: 1%;

}

.margin-top-bottom-two-percent{

    margin-top: 2%;
    margin-bottom: 2%;

}

.margin-top-bottom-three-percent{

    margin-top: 3%;
    margin-bottom: 3%;

}

.margin-top-bottom-four-percent{

    margin-top: 4%;
    margin-bottom: 4%;

}

.margin-top-bottom-five-percent{

    margin-top: 5%;
    margin-bottom: 5%;

}

.margin-top-bottom-six-percent{

    margin-top: 6%;
    margin-bottom: 6%;

}

.margin-top-bottom-seven-percent{

    margin-top: 7%;
    margin-bottom: 7%;

}

.margin-top-bottom-eight-percent{

    margin-top: 8%;
    margin-bottom: 8%;

}

.margin-top-bottom-nine-percent{

    margin-top: 9%;
    margin-bottom: 9%;

}

.margin-top-bottom-ten-percent{

    margin-top: 10%;
    margin-bottom: 10%;

}

.margin-top-bottom-eleven-percent{

    margin-top: 11%;
    margin-bottom: 11%;

}

.margin-top-bottom-twelve-percent{

    margin-top: 12%;
    margin-bottom: 12%;

}

.margin-top-bottom-thirteen-percent{

    margin-top: 13%;
    margin-bottom: 13%;

}

.margin-top-bottom-fourteen-percent{

    margin-top: 14%;
    margin-bottom: 14%;

}

.margin-top-bottom-fifteen-percent{

    margin-top: 15%;
    margin-bottom: 15%;

}

.margin-top-bottom-sixteen-percent{

    margin-top: 16%;
    margin-bottom: 16%;

}

.margin-top-bottom-seventeen-percent{

    margin-top: 17%;
    margin-bottom: 17%;

}

.margin-top-bottom-eighteen-percent{

    margin-top: 18%;
    margin-bottom: 18%;

}

.margin-top-bottom-nineteen-percent{

    margin-top: 19%;
    margin-bottom: 19%;

}

.margin-top-bottom-twenty-percent{

    margin-top: 20%;
    margin-bottom: 20%;

}

.margin-top-bottom-twenty-one-percent{

    margin-top: 21%;
    margin-bottom: 21%;

}

.margin-top-bottom-twenty-two-percent{

    margin-top: 22%;
    margin-bottom: 22%;

}

.margin-top-bottom-twenty-three-percent{

    margin-top: 23%;
    margin-bottom: 23%;

}

.margin-top-bottom-twenty-four-percent{

    margin-top: 24%;
    margin-bottom: 24%;

}

.margin-top-bottom-twenty-five-percent{

    margin-top: 25%;
    margin-bottom: 25%;

}

.margin-top-bottom-5px{

    margin-top: 5px;
    margin-bottom: 5px;

}

.margin-top-bottom-10px{

    margin-top: 10px;
    margin-bottom: 10px;

}

.margin-top-bottom-15px{

    margin-top: 15px;
    margin-bottom: 15px;

}

.margin-top-bottom-20px{

    margin-top: 20px;
    margin-bottom: 20px;

}

.margin-top-bottom-25px{

    margin-top: 25px;
    margin-bottom: 25px;

}

.margin-top-bottom-30px{

    margin-top: 30px;
    margin-bottom: 30px;

}

.margin-top-bottom-35px{

    margin-top: 35px;
    margin-bottom: 35px;

}

.margin-top-bottom-40px{

    margin-top: 40px;
    margin-bottom: 40px;

}

.margin-top-bottom-45px{

    margin-top: 45px;
    margin-bottom: 45px;

}

.margin-top-bottom-50px{

    margin-top: 50px;
    margin-bottom: 50px;

}

.margin-top-bottom-55px{

    margin-top: 55px;
    margin-bottom: 55px;

}

.margin-top-bottom-60px{

    margin-top: 60px;
    margin-bottom: 60px;

}

.margin-top-bottom-65px{

    margin-top: 65px;
    margin-bottom: 65px;

}

.margin-top-bottom-70px{

    margin-top: 70px;
    margin-bottom: 70px;

}

.margin-top-bottom-75px{

    margin-top: 75px;
    margin-bottom: 75px;

}

.margin-top-bottom-80px{

    margin-top: 80px;
    margin-bottom: 80px;

}

.margin-top-bottom-85px{

    margin-top: 85px;
    margin-bottom: 85px;

}

.margin-top-bottom-90px{

    margin-top: 90px;
    margin-bottom: 90px;

}

.margin-top-bottom-95px{

    margin-top: 95px;
    margin-bottom: 95px;

}

.margin-top-bottom-100px{

    margin-top: 100px;
    margin-bottom: 100px;

}

.margin-top-bottom-150px{

    margin-top: 150px;
    margin-bottom: 150px;

}

.margin-left-right-one-percent{

    margin-left: 1%;
    margin-right: 1%;

}

.margin-left-right-two-percent{

    margin-left: 2%;
    margin-right: 2%;

}

.margin-left-right-three-percent{

    margin-left: 3%;
    margin-right: 3%;

}

.margin-left-right-four-percent{

    margin-left: 4%;
    margin-right: 4%;

}

.margin-left-right-five-percent{

    margin-left: 5%;
    margin-right: 5%;

}

.margin-left-right-six-percent{

    margin-left: 6%;
    margin-right: 6%;

}

.margin-left-right-seven-percent{

    margin-left: 7%;
    margin-right: 7%;

}

.margin-left-right-eight-percent{

    margin-left: 8%;
    margin-right: 8%;

}

.margin-left-right-nine-percent{

    margin-left: 9%;
    margin-right: 9%;

}

.margin-left-right-ten-percent{

    margin-left: 10%;
    margin-right: 10%;

}

.margin-left-right-eleven-percent{

    margin-left: 11%;
    margin-right: 11%;

}

.margin-left-right-twelve-percent{

    margin-left: 12%;
    margin-right: 12%;

}

.margin-left-right-thirteen-percent{

    margin-left: 13%;
    margin-right: 13%;

}

.margin-left-right-fourteen-percent{

    margin-left: 14%;
    margin-right: 14%;

}

.margin-left-right-fifteen-percent{

    margin-left: 15%;
    margin-right: 15%;

}

.margin-left-right-sixteen-percent{

    margin-left: 16%;
    margin-right: 16%;

}

.margin-left-right-seventeen-percent{

    margin-left: 17%;
    margin-right: 17%;

}

.margin-left-right-eighteen-percent{

    margin-left: 18%;
    margin-right: 18%;

}

.margin-left-right-nineteen-percent{

    margin-left: 19%;
    margin-right: 19%;

}

.margin-left-right-twenty-percent{

    margin-left: 20%;
    margin-right: 20%;

}

.margin-left-right-twenty-one-percent{

    margin-left: 21%;
    margin-right: 21%;

}

.margin-left-right-twenty-two-percent{

    margin-left: 22%;
    margin-right: 22%;

}

.margin-left-right-twenty-three-percent{

    margin-left: 23%;
    margin-right: 23%;

}

.margin-left-right-twenty-four-percent{

    margin-left: 24%;
    margin-right: 24%;

}

.margin-left-right-twenty-five-percent{

    margin-left: 25%;
    margin-right: 25%;

}



/* Margin Left & Right
-------------------------*/


.margin-left-right-5px{

    margin-left: 5px;
    margin-right: 5px;

}

.margin-left-right-10px{

    margin-left: 10px;
    margin-right: 10px;

}

.margin-left-right-15px{

    margin-left: 15px;
    margin-right: 15px;

}

.margin-left-right-20px{

    margin-left: 20px;
    margin-right: 20px;

}

.margin-left-right-25px{

    margin-left: 25px;
    margin-right: 25px;

}

.margin-left-right-30px{

    margin-left: 30px;
    margin-right: 30px;

}

.margin-left-right-35px{

    margin-left: 35px;
    margin-right: 35px;

}

.margin-left-right-40px{

    margin-left: 40px;
    margin-right: 40px;

}

.margin-left-right-45px{

    margin-left: 45px;
    margin-right: 45px;

}

.margin-left-right-50px{

    margin-left: 50px;
    margin-right: 50px;

}

.margin-left-right-55px{

    margin-left: 55px;
    margin-right: 55px;

}

.margin-left-right-60px{

    margin-left: 60px;
    margin-right: 60px;

}

.margin-left-right-65px{

    margin-left: 65px;
    margin-right: 65px;

}

.margin-left-right-70px{

    margin-left: 70px;
    margin-right: 70px;

}

.margin-left-right-75px{

    margin-left: 75px;
    margin-right: 75px;

}

.margin-left-right-80px{

    margin-left: 80px;
    margin-right: 80px;

}

.margin-left-right-85px{

    margin-left: 85px;
    margin-right: 85px;

}

.margin-left-right-90px{

    margin-left: 90px;
    margin-right: 90px;

}

.margin-left-right-95px{

    margin-left: 95px;
    margin-right: 95px;

}

.margin-left-right-100px{

    margin-left: 100px;
    margin-right: 100px;

}

.margin-left-right-120px{

    margin-left: 120px;
    margin-right: 120px;

}

.margin-left-right-150px{

    margin-left: 150px;
    margin-right: 150px;

}



/*======================

	16. Padding

========================*/



/* Padding All
-------------------------*/


.no-padding{

    padding: 0 !important

}

.no-padding-left-right{

    padding-left: 0 !important;
    padding-right: 0 !important

}

.no-padding-top-bottom{

    padding-top: 0 !important;
    padding-bottom: 0 !important

}

.no-padding-top{

    padding-top: 0 !important

}

.no-padding-bottom{

    padding-bottom: 0 !important

}

.no-padding-left{

    padding-left: 0 !important

}

.no-padding-right{

    padding-right: 0 !important

}

.padding-one-percent{

    padding: 1%;

}

.padding-two-percent{

    padding: 2%;

}

.padding-three-percent{

    padding: 3%;

}

.padding-four-percent{

    padding: 4%;

}

.padding-five-percent{

    padding: 5%;

}

.padding-six-percent{

    padding: 6%;

}

.padding-seven-percent{

    padding: 7%;

}

.padding-eight-percent{

    padding: 8%;

}

.padding-nine-percent{

    padding: 9%;

}

.padding-ten-percent{

    padding: 10%;

}

.padding-eleven-percent{

    padding: 11%;

}

.padding-twelve-percent{

    padding: 12%;

}

.padding-thirteen-percent{

    padding: 13%;

}

.padding-fourteen-percent{

    padding: 14%;

}

.padding-fifteen-percent{

    padding: 15%;

}

.padding-sixteen-percent{

    padding: 16%;

}

.padding-seventeen-percent{

    padding: 17%;

}

.padding-eighteen-percent{

    padding: 18%;

}

.padding-nineteen-percent{

    padding: 19%;

}

.padding-twenty-percent{

    padding: 20%;

}

.padding-twenty-one-percent{

    padding: 21%;

}

.padding-twenty-two-percent{

    padding: 22%;

}

.padding-twenty-three-percent{

    padding: 23%;

}

.padding-twenty-four-percent{

    padding: 24%;

}

.padding-twenty-five-percent{

    padding: 25%;

}

.padding-3px{

    padding: 3px;

}

.padding-5px{

    padding: 5px;

}

.padding-10px{

    padding: 10px;

}

.padding-15px{

    padding: 15px;

}

.padding-20px{

    padding: 20px;

}

.padding-25px{

    padding: 25px;

}

.padding-30px{

    padding: 30px;

}

.padding-35px{

    padding: 35px;

}

.padding-40px{

    padding: 40px;

}

.padding-45px{

    padding: 45px;

}

.padding-50px{

    padding: 50px;

}

.padding-55px{

    padding: 55px;

}

.padding-60px{

    padding: 60px;

}

.padding-65px{

    padding: 65px;

}

.padding-70px{

    padding: 70px;

}

.padding-75px{

    padding: 75px;

}

.padding-80px{

    padding: 80px;

}

.padding-85px{

    padding: 85px;

}

.padding-90px{

    padding: 90px;

}

.padding-95px{

    padding: 95px;

}

.padding-100px{

    padding: 100px;

}

.padding-150px{

    padding: 150px;

}


/* Padding Top
-------------------------*/


.padding-top-one-percent{

    padding-top: 1%;

}

.padding-top-two-percent{

    padding-top: 2%;

}

.padding-top-three-percent{

    padding-top: 3%;

}

.padding-top-four-percent{

    padding-top: 4%;

}

.padding-top-five-percent{

    padding-top: 5%;

}

.padding-top-six-percent{

    padding-top: 6%;

}

.padding-top-seven-percent{

    padding-top: 7%;

}

.padding-top-eight-percent{

    padding-top: 8%;

}

.padding-top-nine-percent{

    padding-top: 9%;

}

.padding-top-ten-percent{

    padding-top: 10%;

}

.padding-top-eleven-percent{

    padding-top: 11%;

}

.padding-top-twelve-percent{

    padding-top: 12%;

}

.padding-top-thirteen-percent{

    padding-top: 13%;

}

.padding-top-fourteen-percent{

    padding-top: 14%;

}

.padding-top-fifteen-percent{

    padding-top: 15%;

}

.padding-top-sixteen-percent{

    padding-top: 16%;

}

.padding-top-seventeen-percent{

    padding-top: 17%;

}

.padding-top-eighteen-percent{

    padding-top: 18%;

}

.padding-top-nineteen-percent{

    padding-top: 19%;

}

.padding-top-twenty-percent{

    padding-top: 20%;

}

.padding-top-twenty-one-percent{

    padding-top: 21%;

}

.padding-top-twenty-two-percent{

    padding-top: 22%;

}

.padding-top-twenty-three-percent{

    padding-top: 23%;

}

.padding-top-twenty-four-percent{

    padding-top: 24%;

}

.padding-top-twenty-five-percent{

    padding-top: 25%;

}

.padding-top-1px{

    padding-top: 1px;

}

.padding-top-2px{

    padding-top: 2px;

}

.padding-top-5px{

    padding-top: 5px;

}

.padding-top-10px{

    padding-top: 10px;

}

.padding-top-15px{

    padding-top: 15px;

}

.padding-top-20px{

    padding-top: 20px;

}

.padding-top-25px{

    padding-top: 25px;

}

.padding-top-30px{

    padding-top: 30px;

}

.padding-top-35px{

    padding-top: 35px;

}

.padding-top-40px{

    padding-top: 40px;

}

.padding-top-45px{

    padding-top: 45px;

}

.padding-top-50px{

    padding-top: 50px;

}

.padding-top-55px{

    padding-top: 55px;

}

.padding-top-60px{

    padding-top: 60px;

}

.padding-top-65px{

    padding-top: 65px;

}

.padding-top-70px{

    padding-top: 70px;

}

.padding-top-75px{

    padding-top: 75px;

}

.padding-top-80px{

    padding-top: 80px;

}

.padding-top-85px{

    padding-top: 85px;

}

.padding-top-90px{

    padding-top: 90px;

}

.padding-top-95px{

    padding-top: 95px;

}

.padding-top-100px{

    padding-top: 100px;

}

.padding-top-120px{

    padding-top: 120px;

}

.padding-top-150px{

    padding-top: 150px;

}


/* Padding Bottom
-------------------------*/


.padding-bottom-one-percent{

    padding-bottom: 1%;

}

.padding-bottom-two-percent{

    padding-bottom: 2%;

}

.padding-bottom-three-percent{

    padding-bottom: 3%;

}

.padding-bottom-four-percent{

    padding-bottom: 4%;

}

.padding-bottom-five-percent{

    padding-bottom: 5%;

}

.padding-bottom-six-percent{

    padding-bottom: 6%;

}

.padding-bottom-seven-percent{

    padding-bottom: 7%;

}

.padding-bottom-eight-percent{

    padding-bottom: 8%;

}

.padding-bottom-nine-percent{

    padding-bottom: 9%;

}

.padding-bottom-ten-percent{

    padding-bottom: 10%;

}

.padding-bottom-eleven-percent{

    padding-bottom: 11%;

}

.padding-bottom-twelve-percent{

    padding-bottom: 12%;

}

.padding-bottom-thirteen-percent{

    padding-bottom: 13%;

}

.padding-bottom-fourteen-percent{

    padding-bottom: 14%;

}

.padding-bottom-fifteen-percent{

    padding-bottom: 15%;

}

.padding-bottom-sixteen-percent{

    padding-bottom: 16%;

}

.padding-bottom-seventeen-percent{

    padding-bottom: 17%;

}

.padding-bottom-eighteen-percent{

    padding-bottom: 18%;

}

.padding-bottom-nineteen-percent{

    padding-bottom: 19%;

}

.padding-bottom-twenty-percent{

    padding-bottom: 20%;

}

.padding-bottom-twenty-one-percent{

    padding-bottom: 21%;

}

.padding-bottom-twenty-two-percent{

    padding-bottom: 22%;

}

.padding-bottom-twenty-three-percent{

    padding-bottom: 23%;

}

.padding-bottom-twenty-four-percent{

    padding-bottom: 24%;

}

.padding-bottom-twenty-five-percent{

    padding-bottom: 25%;

}

.padding-bottom-5px{

    padding-bottom: 5px;

}

.padding-bottom-10px{

    padding-bottom: 10px;

}

.padding-bottom-15px{

    padding-bottom: 15px;

}

.padding-bottom-20px{

    padding-bottom: 20px;

}

.padding-bottom-25px{

    padding-bottom: 25px;

}

.padding-bottom-30px{

    padding-bottom: 30px;

}

.padding-bottom-35px{

    padding-bottom: 35px;

}

.padding-bottom-40px{

    padding-bottom: 40px;

}

.padding-bottom-45px{

    padding-bottom: 45px;

}

.padding-bottom-50px{

    padding-bottom: 50px;

}

.padding-bottom-55px{

    padding-bottom: 55px;

}

.padding-bottom-60px{

    padding-bottom: 60px;

}

.padding-bottom-65px{

    padding-bottom: 65px;

}

.padding-bottom-70px{

    padding-bottom: 70px;

}

.padding-bottom-75px{

    padding-bottom: 75px;

}

.padding-bottom-80px{

    padding-bottom: 80px;

}

.padding-bottom-85px{

    padding-bottom: 85px;

}

.padding-bottom-90px{

    padding-bottom: 90px;

}

.padding-bottom-95px{

    padding-bottom: 95px;

}

.padding-bottom-100px{

    padding-bottom: 100px;

}

.padding-bottom-120px{

    padding-bottom: 120px;

}

.padding-bottom-150px{

    padding-bottom: 150px;

}

.padding-bottom-200px{

    padding-bottom: 200px;

}

.padding-bottom-250px{

    padding-bottom: 250px;

}


/* Padding Right
-------------------------*/


.padding-right-one-percent{

    padding-right: 1%;

}

.padding-right-two-percent{

    padding-right: 2%;

}

.padding-right-three-percent{

    padding-right: 3%;

}

.padding-right-four-percent{

    padding-right: 4%;

}

.padding-right-five-percent{

    padding-right: 5%;

}

.padding-right-six-percent{

    padding-right: 6%;

}

.padding-right-seven-percent{

    padding-right: 7%;

}

.padding-right-eight-percent{

    padding-right: 8%;

}

.padding-right-nine-percent{

    padding-right: 9%;

}

.padding-right-ten-percent{

    padding-right: 10%;

}

.padding-right-eleven-percent{

    padding-right: 11%;

}

.padding-right-twelve-percent{

    padding-right: 12%;

}

.padding-right-thirteen-percent{

    padding-right: 13%;

}

.padding-right-fourteen-percent{

    padding-right: 14%;

}

.padding-right-fifteen-percent{

    padding-right: 15%;

}

.padding-right-sixteen-percent{

    padding-right: 16%;

}

.padding-right-seventeen-percent{

    padding-right: 17%;

}

.padding-right-eighteen-percent{

    padding-right: 18%;

}

.padding-right-nineteen-percent{

    padding-right: 19%;

}

.padding-right-twenty-percent{

    padding-right: 20%;

}

.padding-right-twenty-one-percent{

    padding-right: 21%;

}

.padding-right-twenty-two-percent{

    padding-right: 22%;

}

.padding-right-twenty-three-percent{

    padding-right: 23%;

}

.padding-right-twenty-four-percent{

    padding-right: 24%;

}

.padding-right-twenty-five-percent{

    padding-right: 25%;

}

.padding-right-5px{

    padding-right: 5px;

}

.padding-right-10px{

    padding-right: 10px;

}

.padding-right-15px{

    padding-right: 15px;

}

.padding-right-20px{

    padding-right: 20px;

}

.padding-right-25px{

    padding-right: 25px;

}

.padding-right-30px{

    padding-right: 30px;

}

.padding-right-35px{

    padding-right: 35px;

}

.padding-right-40px{

    padding-right: 40px;

}

.padding-right-45px{

    padding-right: 45px;

}

.padding-right-50px{

    padding-right: 50px;

}

.padding-right-55px{

    padding-right: 55px;

}

.padding-right-60px{

    padding-right: 60px;

}

.padding-right-65px{

    padding-right: 65px;

}

.padding-right-70px{

    padding-right: 70px;

}

.padding-right-75px{

    padding-right: 75px;

}

.padding-right-80px{

    padding-right: 80px;

}

.padding-right-85px{

    padding-right: 85px;

}

.padding-right-90px{

    padding-right: 90px;

}

.padding-right-95px{

    padding-right: 95px;

}

.padding-right-100px{

    padding-right: 100px;

}

.padding-right-150px{

    padding-right: 150px;

}



/* Padding Left
-------------------------*/


.padding-left-one-percent{

    padding-left: 1%;

}

.padding-left-two-percent{

    padding-left: 2%;

}

.padding-left-three-percent{

    padding-left: 3%;

}

.padding-left-four-percent{

    padding-left: 4%;

}

.padding-left-five-percent{

    padding-left: 5%;

}

.padding-left-six-percent{

    padding-left: 6%;

}

.padding-left-seven-percent{

    padding-left: 7%;

}

.padding-left-eight-percent{

    padding-left: 8%;

}

.padding-left-nine-percent{

    padding-left: 9%;

}

.padding-left-ten-percent{

    padding-left: 10%;

}

.padding-left-eleven-percent{

    padding-left: 11%;

}

.padding-left-twelve-percent{

    padding-left: 12%;

}

.padding-left-thirteen-percent{

    padding-left: 13%;

}

.padding-left-fourteen-percent{

    padding-left: 14%;

}

.padding-left-fifteen-percent{

    padding-left: 15%;

}

.padding-left-sixteen-percent{

    padding-left: 16%;

}

.padding-left-seventeen-percent{

    padding-left: 17%;

}

.padding-left-eighteen-percent{

    padding-left: 18%;

}

.padding-left-nineteen-percent{

    padding-left: 19%;

}

.padding-left-twenty-percent{

    padding-left: 20%;

}

.padding-left-twenty-one-percent{

    padding-left: 21%;

}

.padding-left-twenty-two-percent{

    padding-left: 22%;

}

.padding-left-twenty-three-percent{

    padding-left: 23%;

}

.padding-left-twenty-four-percent{

    padding-left: 24%;

}

.padding-left-twenty-five-percent{

    padding-left: 25%;

}

.padding-left-5px{

    padding-left: 5px;

}

.padding-left-10px{

    padding-left: 10px;

}

.padding-left-15px{

    padding-left: 15px;

}

.padding-left-20px{

    padding-left: 20px;

}

.padding-left-25px{

    padding-left: 25px;

}

.padding-left-30px{

    padding-left: 30px;

}

.padding-left-35px{

    padding-left: 35px;

}

.padding-left-40px{

    padding-left: 40px;

}

.padding-left-45px{

    padding-left: 45px;

}

.padding-left-50px{

    padding-left: 50px;

}

.padding-left-55px{

    padding-left: 55px;

}

.padding-left-60px{

    padding-left: 60px;

}

.padding-left-65px{

    padding-left: 65px;

}

.padding-left-70px{

    padding-left: 70px;

}

.padding-left-75px{

    padding-left: 75px;

}

.padding-left-80px{

    padding-left: 80px;

}

.padding-left-85px{

    padding-left: 85px;

}

.padding-left-90px{

    padding-left: 90px;

}

.padding-left-95px{

    padding-left: 95px;

}

.padding-left-100px{

    padding-left: 100px;

}

.padding-left-150px{

    padding-left: 150px;

}


/* Padding Top & Bottom
-------------------------*/


.padding-top-bottom-one-percent{

    padding-top: 1%;
    padding-bottom: 1%;

}

.padding-top-bottom-two-percent{

    padding-top: 2%;
    padding-bottom: 2%;

}

.padding-top-bottom-three-percent{

    padding-top: 3%;
    padding-bottom: 3%;

}

.padding-top-bottom-four-percent{

    padding-top: 4%;
    padding-bottom: 4%;

}

.padding-top-bottom-five-percent{

    padding-top: 5%;
    padding-bottom: 5%;

}

.padding-top-bottom-six-percent{

    padding-top: 6%;
    padding-bottom: 6%;

}

.padding-top-bottom-seven-percent{

    padding-top: 7%;
    padding-bottom: 7%;

}

.padding-top-bottom-eight-percent{

    padding-top: 8%;
    padding-bottom: 8%;

}

.padding-top-bottom-nine-percent{

    padding-top: 9%;
    padding-bottom: 9%;

}

.padding-top-bottom-ten-percent{

    padding-top: 10%;
    padding-bottom: 10%;

}

.padding-top-bottom-eleven-percent{

    padding-top: 11%;
    padding-bottom: 11%;

}

.padding-top-bottom-twelve-percent{

    padding-top: 12%;
    padding-bottom: 12%;

}

.padding-top-bottom-thirteen-percent{

    padding-top: 13%;
    padding-bottom: 13%;

}

.padding-top-bottom-fourteen-percent{

    padding-top: 14%;
    padding-bottom: 14%;

}

.padding-top-bottom-fifteen-percent{

    padding-top: 15%;
    padding-bottom: 15%;

}

.padding-top-bottom-sixteen-percent{

    padding-top: 16%;
    padding-bottom: 16%;

}

.padding-top-bottom-seventeen-percent{

    padding-top: 17%;
    padding-bottom: 17%;

}

.padding-top-bottom-eighteen-percent{

    padding-top: 18%;
    padding-bottom: 18%;

}

.padding-top-bottom-nineteen-percent{

    padding-top: 19%;
    padding-bottom: 19%;

}
 
.padding-top-bottom-twenty-percent{

    padding-top: 20%;
    padding-bottom: 20%;

}

.padding-top-bottom-twenty-one-percent{

    padding-top: 21%;
    padding-bottom: 21%;

}

.padding-top-bottom-twenty-two-percent{

    padding-top: 22%;
    padding-bottom: 22%;

}

.padding-top-bottom-twenty-three-percent{

    padding-top: 23%;
    padding-bottom: 23%;

}

.padding-top-bottom-twenty-four-percent{

    padding-top: 24%;
    padding-bottom: 24%;

}

.padding-top-bottom-twenty-five-percent{

    padding-top: 25%;
    padding-bottom: 25%;

}

.padding-top-bottom-5px{

    padding-top: 5px;
    padding-bottom: 5px;

}

.padding-top-bottom-10px{

    padding-top: 10px;
    padding-bottom: 10px;

}

.padding-top-bottom-15px{

    padding-top: 15px;
    padding-bottom: 15px;

}

.padding-top-bottom-20px{

    padding-top: 20px;
    padding-bottom: 20px;

}

.padding-top-bottom-25px{

    padding-top: 25px;
    padding-bottom: 25px;

}

.padding-top-bottom-30px{

    padding-top: 30px;
    padding-bottom: 30px;

}

.padding-top-bottom-35px{

    padding-top: 35px;
    padding-bottom: 35px;

}

.padding-top-bottom-40px{

    padding-top: 40px;
    padding-bottom: 40px;

}

.padding-top-bottom-45px{

    padding-top: 45px;
    padding-bottom: 45px;

}

.padding-top-bottom-50px{

    padding-top: 50px;
    padding-bottom: 50px;

}

.padding-top-bottom-55px{

    padding-top: 55px;
    padding-bottom: 55px;

}

.padding-top-bottom-60px{

    padding-top: 60px;
    padding-bottom: 60px;

}

.padding-top-bottom-65px{

    padding-top: 65px;
    padding-bottom: 65px;

}

.padding-top-bottom-70px{

    padding-top: 70px;
    padding-bottom: 70px;

}

.padding-top-bottom-75px{

    padding-top: 75px;
    padding-bottom: 75px;

}

.padding-top-bottom-80px{

    padding-top: 80px;
    padding-bottom: 80px;

}

.padding-top-bottom-85px{

    padding-top: 85px;
    padding-bottom: 85px;

}

.padding-top-bottom-90px{

    padding-top: 90px;
    padding-bottom: 90px;

}

.padding-top-bottom-95px{

    padding-top: 95px;
    padding-bottom: 95px;

}

.padding-top-bottom-100px{

    padding-top: 100px;
    padding-bottom: 100px;

}

.padding-top-bottom-120px{

    padding-top: 120px;
    padding-bottom: 120px;

}

.padding-top-bottom-150px{

    padding-top: 150px;
    padding-bottom: 150px;

}

.padding-top-bottom-200px{

    padding-top: 200px;
    padding-bottom: 200px;

}

.padding-top-bottom-250px{

    padding-top: 250px;
    padding-bottom: 250px;

}

.padding-top-bottom-300px{

    padding-top: 300px;
    padding-bottom: 300px;

}

.padding-top-bottom-400px{

    padding-top: 400px;
    padding-bottom: 400px;

}


.padding-top-bottom-500px{

    padding-top: 500px;
    padding-bottom: 500px;

}



/* Padding Left & Right
-------------------------*/


.padding-left-right-one-percent{

    padding-left: 1%;
    padding-right: 1%;

}

.padding-left-right-two-percent{

    padding-left: 2%;
    padding-right: 2%;

}

.padding-left-right-three-percent{

    padding-left: 3%;
    padding-right: 3%;

}

.padding-left-right-four-percent{

    padding-left: 4%;
    padding-right: 4%;

}

.padding-left-right-five-percent{

    padding-left: 5%;
    padding-right: 5%;

}

.padding-left-right-six-percent{

    padding-left: 6%;
    padding-right: 6%;

}

.padding-left-right-seven-percent{

    padding-left: 7%;
    padding-right: 7%;

}

.padding-left-right-eight-percent{

    padding-left: 8%;
    padding-right: 8%;

}

.padding-left-right-nine-percent{

    padding-left: 9%;
    padding-right: 9%;

}

.padding-left-right-ten-percent{

    padding-left: 10%;
    padding-right: 10%;

}

.padding-left-right-eleven-percent{

    padding-left: 11%;
    padding-right: 11%;

}

.padding-left-right-twelve-percent{

    padding-left: 12%;
    padding-right: 12%;

}

.padding-left-right-thirteen-percent{

    padding-left: 13%;
    padding-right: 13%;

}

.padding-left-right-fourteen-percent{

    padding-left: 14%;
    padding-right: 14%;

}

.padding-left-right-fifteen-percent{

    padding-left: 15%;
    padding-right: 15%;

}

.padding-left-right-sixteen-percent{

    padding-left: 16%;
    padding-right: 16%;

}

.padding-left-right-seventeen-percent{

    padding-left: 17%;
    padding-right: 17%;

}

.padding-left-right-eighteen-percent{

    padding-left: 18%;
    padding-right: 18%;

}

.padding-left-right-nineteen-percent{

    padding-left: 19%;
    padding-right: 19%;

}

.padding-left-right-twenty-percent{

    padding-left: 20%;
    padding-right: 20%;

}

.padding-left-right-twenty-one-percent{

    padding-left: 21%;
    padding-right: 21%;

}

.padding-left-right-twenty-two-percent{

    padding-left: 22%;
    padding-right: 22%;

}

.padding-left-right-twenty-three-percent{

    padding-left: 23%;
    padding-right: 23%;

}

.padding-left-right-twenty-four-percent{

    padding-left: 24%;
    padding-right: 24%;

}

.padding-left-right-twenty-five-percent{

    padding-left: 25%;
    padding-right: 25%;

}

.padding-left-right-5px{

    padding-left: 5px;
    padding-right: 5px;

}

.padding-left-right-10px{

    padding-left: 10px;
    padding-right: 10px;

}

.padding-left-right-15px{

    padding-left: 15px;
    padding-right: 15px;

}

.padding-left-right-20px{

    padding-left: 20px;
    padding-right: 20px;

}

.padding-left-right-25px{

    padding-left: 25px;
    padding-right: 25px;

}

.padding-left-right-30px{

    padding-left: 30px;
    padding-right: 30px;

}

.padding-left-right-35px{

    padding-left: 35px;
    padding-right: 35px;

}

.padding-left-right-40px{

    padding-left: 40px;
    padding-right: 40px;

}

.padding-left-right-45px{

    padding-left: 45px;
    padding-right: 45px;

}

.padding-left-right-50px{

    padding-left: 50px;
    padding-right: 50px;

}

.padding-left-right-55px{

    padding-left: 55px;
    padding-right: 55px;

}

.padding-left-right-60px{

    padding-left: 60px;
    padding-right: 60px;

}

.padding-left-right-65px{

    padding-left: 65px;
    padding-right: 65px;

}

.padding-left-right-70px{

    padding-left: 70px;
    padding-right: 70px;

}

.padding-left-right-75px{

    padding-left: 75px;
    padding-right: 75px;

}

.padding-left-right-80px{

    padding-left: 80px;
    padding-right: 80px;

}

.padding-left-right-85px{

    padding-left: 85px;
    padding-right: 85px;

}

.padding-left-right-90px{

    padding-left: 90px;
    padding-right: 90px;

}

.padding-left-right-95px{

    padding-left: 95px;
    padding-right: 95px;

}

.padding-left-right-100px{

    padding-left: 100px;
    padding-right: 100px;

}

.padding-left-right-120px{

    padding-left: 120px;
    padding-right: 120px;

}

.padding-left-right-150px{

    padding-left: 150px;
    padding-right: 150px;

}



/*======================

	17. Width

========================*/


.width-1px{

    width: 1px;

}

.width-2px{

    width: 2px;

}

.width-3px{

    width: 3px;

}

.width-4px{

    width: 4px;

}

.width-5px{

    width: 5px;

}

.width-6px{

    width: 6px;

}

.width-7px{

    width: 7px;

}

.width-8px{

    width: 8px;

}

.width-9px{

    width: 9px;

}

.width-10px{

    width: 10px;

}

.width-15px{

    width: 15px;

}

.width-20px{

    width: 20px;

}

.width-25px{

    width: 25px;

}

.width-30px{

    width: 30px;

}

.width-35px{

    width: 35px;

}

.width-40px{

    width: 40px;

}

.width-45px{

    width: 45px;

}

.width-50px{

    width: 50px;

}

.width-55px{

    width: 55px;

}

.width-60px{

    width: 60px;

}

.width-65px{

    width: 65px;

}

.width-70px{

    width: 70px;

}

.width-75px{

    width: 75px;

}

.width-80px{

    width: 80px;

}

.width-85px{

    width: 85px;

}

.width-90px{

    width: 90px;

}

.width-100px{

    width: 100px;

}

.width-110px{

    width: 110px;

}

.width-120px{

    width: 120px;

}

.width-130px{

    width: 130px;

}

.width-140px{

    width: 140px;

}

.width-150px{

    width: 150px;

}

.width-160px{

    width: 160px;

}

.width-170px{

    width: 170px;

}

.width-180px{

    width: 180px;

}

.width-190px{

    width: 190px;

}

.width-200px{

    width: 200px;

}

.width-250px{

    width: 250px;

}

.width-300px{

    width: 300px;

}

.width-350px{

    width: 350px;

}

.width-400px{

    width: 400px;

}

.width-450px{

    width: 450px;

}

.width-500px{

    width: 500px !important;

}

.width-550px{

    width: 550px;

}

.width-600px{

    width: 600px !important;

}

.width-650px{

    width: 650px;

}

.width-700px{

    width: 700px !important;;

}

.width-750px{

    width: 750px;

}

.width-800px{

    width: 800px;

}

.width-850px{

    width: 850px;

}

.width-900px{

    width: 900px;

}

.width-950px{

    width: 950px;

}

.width-1000px{

    width: 1000px;

}

.width-5{

    width: 5%;

}

.width-10{

    width: 10%;

}

.width-12{

    width: 12%;

}

.width-15{

    width: 15%;

}

.width-20{

    width: 20%;

}

.width-25{

    width: 25%;

}

.width-30{

    width: 30%;

}

.width-35{

    width: 35%;

}

.width-40{

    width: 40%;

}

.width-45{

    width: 45%;

}

.width-50{

    width: 50%;

}

.width-55{

    width: 55%;

}

.width-60{

    width: 60%;

}

.width-65{

    width: 65%;

}

.width-70{

    width: 70%;

}

.width-75{

    width: 75%;

}

.width-80{

    width: 80%;

}

.width-85{

    width: 85%;

}

.width-90{

    width: 90%;

}

.width-95{

    width: 95%;

}

.width-100{

    width: 100%;

}

.width-auto{

    width: auto

}


/*======================

	18. Height

========================*/


/* Minimum Height
-------------------------*/


.min-height-100px{

    min-height: 100px

}

.min-height-200px{

    min-height: 200px

}

.min-height-300px{

    min-height: 300px

}

.min-height-400px{

    min-height: 400px

}

.min-height-500px{

    min-height: 500px

}

.min-height-600px{

    min-height: 600px

}

.min-height-700px{

    min-height: 700px

}


/* Regular Heights
-------------------------*/


.height-1px{

    height: 1px

}

.height-2px{

    height: 2px

}

.height-3px{

    height: 3px

}

.height-4px{

    height: 4px

}

.height-5px{

    height: 5px

}

.height-6px{

    height: 6px

}

.height-7px{

    height: 7px

}

.height-8px{

    height: 8px

}

.height-9px{

    height: 9px

}

.height-5px{

    height: 5px

}

.height-10px{

    height: 10px

}

.height-15px{

    height: 15px

}

.height-20px{

    height: 20px

}

.height-25px{

    height: 25px

}

.height-30px{

    height: 30px

}

.height-35px{

    height: 30px

}

.height-40px{

    height: 40px

}

.height-45px{

    height: 45px

}

.height-50px{

    height: 50px

}

.height-55px{

    height: 55px

}

.height-60px{

    height: 60px

}

.height-65px{

    height: 60px

}

.height-70px{

    height: 70px

}

.height-75px{

    height: 70px

}

.height-80px{

    height: 80px

}

.height-85px{

    height: 80px

}

.height-90px{

    height: 90px

}

.height-95px{

    height: 90px

}

.height-100px{

    height: 100px

}

.height-110px{

    height: 110px

}

.height-120px{

    height: 120px

}

.height-130px{

    height: 130px

}

.height-140px{

    height: 130px

}

.height-150px{

    height: 150px

}

.height-160px{

    height: 160px

}

.height-170px{

    height: 170px

}

.height-180px{

    height: 180px

}

.height-190px{

    height: 190px

}

.height-200px{

    height: 200px

}

.height-250px{

    height: 250px

}

.height-300px{

    height: 300px

}

.height-350px{

    height: 350px

}

.height-400px{

    height: 400px

}

.height-450px{

    height: 450px

}

.height-500px{

    height: 500px

}

.height-550px{

    height: 550px

}

.height-600px{

    height: 600px

}

.height-650px{

    height: 650px

}

.height-700px{

    height: 700px

}

.height-10{

    height: 10%

}

.height-15{

    height: 15%

}

.height-20{

    height: 20%

}

.height-25{

    height: 25%

}

.height-30{

    height: 30%

}

.height-35{

    height: 35%

}

.height-40{

    height: 40%

}

.height-45{

    height: 45%

}

.height-50{

    height: 50%

}

.height-55{

    height: 55%

}

.height-60{

    height: 60%

}

.height-65{

    height: 65%

}

.height-70{

    height: 70%

}

.height-75{

    height: 75%

}

.height-80{

    height: 80%

}

.height-85{

    height: 85%

}

.height-90{

    height: 90%

}

.height-95{

    height: 95%

}

.height-100{

    height: 100% !important

}

.height-full{

    height: 100vh !important

}

.height-auto{

    height: auto !important

}

.max-height-100{

    max-height: 100%

}

.full-screen{

    min-height: 980px;

}


footer ul li{

	margin-bottom: 15px;
}

.uk-breadcrumb > * > *{
	font-size: 14px !important;

}



/*======================

	19. Loading Screen

========================*/	



#loader-wrapper{
	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	overflow: hidden;
}


/* Loader Logo
-------------------------*/
.loader-img {
    width: 100%;
    height: 100vh;
    background-color: black;
    display: block !important;
    position: relative;
    z-index: 9999;
}

.loader-img img{
	
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    max-width: 100%;
	height: auto;
	z-index: 1002;
	-webkit-transition: all 0.2s;  
	transition: all 0.2s 0.2s;
}


/* Loader Animation
-------------------------*/


#loader-wrapper .loader-section{
	
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	background: #fff;
	color: rgba(0, 0, 0, 0.9);
	z-index: 1000;
}

#loader-wrapper .loader-section.section-left{
	
	left: 0%;
}

#loader-wrapper .loader-section.section-right{
	
	right: 0%;
}



/* After Loading
-------------------------*/


.loaded #loader-wrapper .loader-section.section-left{
	
	opacity: 0;
	-webkit-transition: all 0.8s;  
	transition: all 0.8s 0.8s;
}

.loaded #loader-wrapper .loader-section.section-right{
	
   opacity: 0;
	-webkit-transition: all 0.8s 0.8s;  
	transition: all 0.8s 0.8s;
}

.loaded #loader{
	
	opacity: 0;
}

.loaded #loader-wrapper{
	
	visibility: hidden;
	opacity: 1;
}

.loaded .loader-img img{
	visibility: hidden;
	opacity: 1;
}


/*======================

	20. Reveal on Scroll Animation

========================*/	


.row {
  display: flex;
  flex-direction: column;
  flex-flow: row wrap;
}
.row > [class*="column-"] {
  display: block;
  padding: 1rem;
}

.column-full {
  flex-basis: 100%;
  max-width: 100%;
}

.column-half {
  flex-basis: 50%;
  max-width: 50%;
}


/* Reveal Block
-------------------------*/

.reveal-holder {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.reveal-holder .reveal-block {
  position: absolute;
  top: 0;
  width: 100%;
  height: 101%;
  background: #FFC200;
}
.reveal-holder .reveal-block::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#FFC200;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.5s;
}

.reveal-block.gradient::before {
  background: linear-gradient(to left, #eebf56, #f46ca3);
}

.reveal-block.gradient-two::before {
  background: linear-gradient(to left, #1b9edf, #af74c3);
}

.reveal-block.extra {
  background: #e5e5e5;
}
.reveal-block.extra::before {
  background: #f0f0f0;
}

.reveal-block.top.aos-animate::before,
.reveal-block.bottom.aos-animate::before {
  -webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.reveal-block.left.aos-animate::before,
.reveal-block.right.aos-animate::before {
  -webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.reveal-block.top::before {
  -webkit-transform: scaleY(0);
	transform: scaleY(0);
  -webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
}

.reveal-block.left::before {
  -webkit-transform: scaleX(0);
	transform: scaleX(0);
  -webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}

.reveal-block.right::before {
  -webkit-transform: scaleX(0);
	transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
}

.reveal-block.bottom::before {
  -webkit-transform: scaleY(0);
	transform: scaleY(0);
  -webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}

/* AOS Animate
-------------------------*/

[data-aos="reveal-top"],
[data-aos="reveal-left"],
[data-aos="reveal-right"],
[data-aos="reveal-bottom"] {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-delay: 0.5s;
}

[data-aos="reveal-top"] {
  -webkit-transform: scaleY(1);
	transform: scaleY(1);
}
[data-aos="reveal-top"].aos-animate {
  -webkit-transform: scaleY(0);
	transform: scaleY(0);
  -webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}

[data-aos="reveal-left"] {
  -webkit-transform: scaleX(1);
	transform: scaleX(1);
}
[data-aos="reveal-left"].aos-animate {
  -webkit-transform: scaleX(0);
	transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
}

[data-aos="reveal-right"] {
  -webkit-transform: scaleX(1);
	transform: scaleX(1);
}
[data-aos="reveal-right"].aos-animate {
  -webkit-transform: scaleX(0);
	transform: scaleX(0);
  -webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}

[data-aos="reveal-bottom"] {
  -webkit-transform: scaleY(1);
	transform: scaleY(1);
}
[data-aos="reveal-bottom"].aos-animate {
  -webkit-transform: scaleY(0);
	transform: scaleY(0);
  -webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
}

[data-aos="reveal-item"] {
  visibility: hidden;
  transition-property: visibility;
  transition-duration: 0s;
}
[data-aos="reveal-item"].aos-animate {
  visibility: visible;
}


/*OVERRIDES */
.successform, .errorform { display:none;}

#serv { background:white;}
.uppercase {text-transform:uppercase;}
.proyectos .padding-top-70px{
    padding-top: 70px;
    margin: 0 auto;
    display: block;
}

.titulin {
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
}

.card-header .fa-angle-down {
    position: absolute;
    right: 30px;
    top: 30px;
}



#botonMas {
    display: block;
    margin: 30px auto;
    background: white;
    border: 2px solid black;
    color: black;
}

div#three-bloks {
    margin-top: -200px;
}

img#pro2, #pro3 {
    margin-top: 20px;
}
#pro4 {
    margin-top: -90px;
}
    
#perros-text p.no-margin-bottom.text-gray-regular,#perros-text h6 {
    width: 95%;
}
div#perros-text {
    margin-top: 200px;
}

#helper {
    width: 100%;
    background: white;
    height: 100px;
    position: fixed;
    top: 0px;
    z-index: 0 !important;
}
#portfolio {
    position: relative !important;
    z-index: 2;
}
.header.uk-position-top.z-index-999.white {
   padding-top: 20px;
    padding-bottom: 40px;
}

.card ul {
    margin-left: 40px !important;
    color: black;
    font-weight: 400;
    font-size: 18px;
}

.btn-link, .btn-link:hover, .btn-link:active {
    color: black;
    text-decoration: none;
    text-transform: inherit;
    letter-spacing: 0px;
    font-size: 22px;
    font-weight: bolder;
}

.card { border:none !important};



.col-lg-5.col-md-5.col-sm-12.text-left.md-text-center.uk-scrollspy-inview.uk-animation-slide-bottom-medium {
    padding-top: 150px;
}
#conquista-servicios {position:relative; top:-120px;}

.text-nosotros {padding-top:20px;font-size:22px;}

h6 {
    font-weight: 900;
}

.uk-sticky-fixed {
    box-shadow: 1px 1px 4px rgba(53,53,53,0.2);
}

.uk-sticky-fixed .uk-logo img {
    width: 150px;
}

.uk-sticky-fixed a.uk-navbar-item.uk-logo.text-gray-dark.text-weight-800.manrope {
    padding-top: 20px !important;
}

.uk-sticky-fixed a.uk-navbar-item.uk-logo.text-gray-dark.text-weight-800.manrope {
    padding: 15px !important;
    padding-left: 40px !important;
}

body, #dog-container, #planet-container {background-image:url(../images/estrellas_fin.png);
	background-color: black;
	background-attachment: fixed;
	background-position: 0px -100px;
}

body.nos {
	background-image:url(../images/estrellas_fin_2.png);
	background-position: 500px;
    background-repeat: no-repeat;
}

.nos-content {
	background: url(../images/pleca.png);
	background-position: top;
	background-size:100%;
	min-height: 200px;
	background-repeat: no-repeat;
}
#mission1 .container {margin-top:-60px;}
#nos-text .container { max-height: 700px; }
#nosotros {padding-top:150px; padding-bottom: 90px}

.call-to-action {padding-top:80px; background: red}
.call-to-action .container { max-width:100%; width:100%;}
.call-to-action .sub-container { max-width: 45%;}
.call-to-action .row{width: 100%;}
.call-to-action .row div:first-child {margin: 0px !important; padding: 0px !important;}
#dog-container {width: 100%; }
#dog-subcontainer {background: url(../images/layer4.png);width: 100%;height: 650px;background-repeat: no-repeat;background-size:cover;}

#planet-container { height: 550px; }
#planet-subcontainer {background: url(../images/layer3.png);width: 100%;height: 550px;background-repeat: no-repeat;background-size:cover;}


.white {background: white}
.gray {background:#979797 !important; color:black !important;}
::placeholder {color:black !important;}
.c-white {color:white !important;}
.black {color:black;}
#tierra {    
	position: absolute;
    right: 150px;
    max-width: 80px;
    top: 670px;}
#meditando {position: relative; width:70%;max-width:600px; margin:0px auto;     -webkit-animation: float 1s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;
    animation: float 1s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;}
.container.sub-container { max-width: 80%;}
.container.sub-container-serv { max-width: 90%;}
#serv-illus img {max-width: 400px; display:block;margin:auto;}
#serv-illus-2 img {max-width: 300px; display:block;margin:auto;}
#details {padding-bottom: 120px;}
#objects {
    height: 400px;
    width: 90%;
    position: relative;
    top: 0px;
    right: 0px;
}
#objects img {
    position: absolute;
    bottom: 120px;
    right: -260px;
    max-width: 70%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}
.red1 {width:38px; height:38px; display: inline-block; background:#FFC200;}
.red2 {width:38px; height:38px; display: inline-block; background:#EC0398;}
.red3 {width:38px; height:38px; display: inline-block; background:#4BD4C6;}
#portfolio .lateral-text{ border-bottom: 2px solid black; top: -10px; text-transform: uppercase}
.title-title {display: inline-block}
.padding-lateral {padding-left:100px; width: 90%}
.spacial-text {color:white; font-size: 28px;position: relative;}
#mission1 {background:white;}
#mission1  img {display:block; margin: 0 auto;}
#portfolio {background-color:#E5E5E5}
#logos {max-width:70%;margin: 0 auto;padding-bottom:150px;}
#logos div:nth-child(2){margin-top: 40px;}
div:nth-child(2) .images  {margin-bottom: 25%}
#points {padding-bottom: 140px;}
.rrs-gold li a { color:#FFC200;}
.rrs, .rrs-gold  {position:fixed !important; bottom: 30%; right:40px; z-index:99 !important; display:none !important;}
.form-control {	height: auto !important;}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: .6em;
    background-position: calc(100% - 1.3em) center;
    background-repeat: no-repeat;
}
select::-ms-expand{
    display: none;
}
img.team-photo {
    margin: 40px auto;
    display: block;
}

img.team-photo[src*="lewi"] {margin:40px 0px;}
#call-to-action h6 {
	font-size: 46px;
    line-height: 1.3;
    font-weight: 900;
    width: 70%;
    padding-top: 160px;
}
#call-to-action p {
    margin: 0 0 30px;
    line-height: 1.5;
    color: black;
    font-weight: 400;
    font-size: 18px;
}



#services {
	background-image:  url(../images/layer1.png);
	background-repeat:no-repeat;
	background-size: 100%;
	background-position: right;
	padding-top: 300px;
    padding-bottom: 100px;
}

#services p.no-margin-bottom.text-gray-regular {
    max-width: 52%;
    font-size: 20px;
    font-weight: 300;
    color: black;
}

.text-gray-light {
    color: black;
    display: inline-block;
    margin-left: 30px;
    margin-top: 0px !important;
    font-size: 22px;
    width: 60%;
}

.lateral-text{
	font-size: 22px;
    transform: rotate(-90deg);
    display: inline-block;
    border-bottom: 2px solid #FFC200;
    padding-bottom: 10px;
    color: black;
    position: relative;
    top: 3px;
    text-transform: uppercase;
    padding-left: 0px;
    padding-right: 2;
    height: 35px;

  }
  .reveal-holder.aos-init.aos-animate {
    overflow: visible;
}

.images {
    display: inline-block;
    padding: 50px;
    display: block;
    margin: auto;
}

.images img {
    max-height: 90px;
    display: block;
    margin: 0 auto !important;
}


 #de {
    top: 150px;
    left: 230px;
    -webkit-animation: float 1s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;
    animation: float 1s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;
}
 #cr {
    top: 130px;
    left: 180px;
      -webkit-animation: float 1.2s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;
          animation: float 1.2s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;
 }
 #in {
    top: 170px;
    left: 20px;
    -webkit-animation: float 1.5s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;
          animation: float 1.5s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;
 }
 #co {
 	top: 130px;
    left: -100px;
      -webkit-animation: float 1.2s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;
          animation: float 1.2s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;
}


#points .container {
	padding-top: 40px;
	max-width: 70%;
	padding-left: 40px;
}

#points li {
    list-style: none;
    color: black;
    padding: 22px 0px;
    text-align: center;
}


#estacion {
/*	-webkit-animation: floatd 1.5s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;
    animation: floatd 1.5s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;*/
    position: relative;
    top: -200px;
    max-width: 200%;
    width: 100%;
}
#after-estacion {
    position: relative;
    top: -150px;
    padding: 0px 90px;
}

#pizza {
	position: relative;
    top: 150px;
    left: 320px;
    max-width: 300px
}

#asteroides {
    position: absolute;
    top: 180px;
    right: 750px;
    -webkit-animation: float 1s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite reverse;
    animation: float 1s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite reverse;
    width: 130px;
}

#asteroides2 {
    position: absolute;
    top: 550px;
        left: 740px;
    -webkit-animation: floatd 2s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite reverse;
    animation: floatd 2s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite reverse;
}

/*, #nave-green*/
#tierra, #pizza, #planeta, #planet1 {
  -webkit-animation: float 1.2s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;
          animation: float 1.2s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite;
}

#planeta {position: absolute; top:200px; right:280px;}
#planet1 {
	position: absolute;
    right: -10px;
    top: 60px;
}
#planet2 { 
	position: absolute;
    bottom: 0px;
    left: 170px;
	-webkit-animation: floatd 2s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite reverse;
    animation: floatd 2s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite reverse;
}
#planet3 { 
	bottom: 100px;
    position: absolute;
    right: -10px;
	-webkit-animation: float 0.8s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite reverse;
    animation: float 0.8s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite reverse;
}


@-webkit-keyframes float {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 4px);
            transform: translate(0, 4px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 4px);
            transform: translate(0, 4px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform
            : translate(0, 0);
  }
}




@-webkit-keyframes floatd {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 9px);
            transform: translate(0, 9px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes floatd {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 9px);
            transform: translate(0, 9px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.uk-offcanvas-bar.menu-dark.bg-white.uk-offcanvas-bar-animation.uk-offcanvas-push {
    background: black !important;
}

.no-movil {display:none}
#agave { position:relative; background: url(../images/proyectos/hornitos2.png);
                            background-repeat: no-repeat;
                            background-position: 90% top;
                       }

/*MEDIAS */

@media (min-width: 1260px) {
    
    .dogdescripton {
        position: absolute;
    bottom: 0px;
    text-align: right;
    right: 0px;
    
}

.generacionesdescription {
        max-width: 90%;
    margin: 0 auto;
}




.bulldescripton {
    position: absolute;
    bottom: 0px;
    text-align: left;
    right: 0px;
        max-width: 95%;
    margin: 0 auto;
}

.kidsdes {bottom: 40px;}
	.container {
	    max-width: 90%;
	    margin: 0 auto;
	}
	.si-movil {display:none !important;}
	.no-movil {display:block !important;}
	.derecha {float: right; margin: inherit;}
	.izquierda {float: left; margin: inherit;}
	.titulin { max-width: 60%;	}
	
}

@media (min-width: 1480px) {
    div#dog-subcontainer {
    background-position: center !important;
}
    
}

@media (max-width: 1800px) {
	#asteroides2 {
	    position: absolute;
	    bottom: -160px;
	    left: 660px;
	}
    #objects img {bottom: 190px;}
    #tierra {top: 620px;}
    #three-bloks {margin-top:-120px;}

}

@media (max-width: 1740px) {
	#asteroides2 {
	    bottom: -120px;
	    left: 600px;
	}

	#asteroides {
    	top: 200px;
    	right: 650px;
    }
    /*#services {margin-top: -40px;}*/
    #tierra {
	    top: 590px;
	}
}

@media (max-width: 1660px) {
    
    #logos {
    max-width: 80%;
    }

	#planet3 {
	    bottom: 100px;
	    position: absolute;
	    right: -60px;
	}

	#dog-subcontainer {
	    background-position-x: -70px !important;
	}



	#planet1 {
	    position: absolute;
	    right: -90px;
	    top: 20px;
	}

	#planet2 {
	    position: absolute;
	    bottom: 0px;
	    left: 100px;
	}

	#pizza {
	    position: relative;
	    top: 150px;
	    left: 230px;
	}
}

@media (max-width: 1620px) {
	#objects img {
	    bottom: 230px;
	}
	#three-bloks {
	    margin-top: -160px;
	}

}

@media (max-width: 1580px) {

    
    #three-bloks {
        margin-top: -300px;
    }

	#planet2 {
	    position: absolute;
	    bottom: 50px;
	    left: 50px;
	}


	#pizza {
	    position: relative;
	    top: 150px;
	    left: 200px;
	}

div#services {
    margin-top: 20px;
}

	.section-title.margin-bottom-75px.md-text-center {
	    margin-top: 60px;
	}
	#objects img {
	    bottom: 400px;
	    right: -200px;
	}
	#tierra {
	    top: 540px;
	}
	#asteroides2 {
	    left: 500px;
	}
	#tierra {
    	max-width: 70px;
    	top: 580px;
    }
	#asteroides {
		top: 230px;
	    right: 640px;
	    width: 110px;
	}
	div#nos-text {
        margin-top: -50px;
        padding-bottom: 200px;
    }

}

@media (max-width: 1480px) {
   
    div#perros-text {
        margin-top: 40px;
    }
    

    #planet-subcontainer {
        background-position: -30px;
    }
    
    #services {
        background-size: 113%;
        background-position: center;
    }
    
    #three-bloks {
    margin-top: -300px;
}



#planet1 {
    position: absolute;
    right: -50px;
    top: 0px;
}


#perros-bai {
    flex: 50%;
    max-width: 50%;
}

div#dog-subcontainer {
    background-size: 110% !important;
    background-position: center !important;
    height: 460px;
}

img#pizza {
    max-width: 230px;
    top: 30px;
    left: 190px;
}
	#objects img {
		max-width: 72%;
	    bottom: 290px;
	}
	#asteroides {
	    top: 250px;
	    right: 600px;
	    width: 110px;
	}
	#asteroides2 {
	    left: 440px;
	}
	#objects img {
	    right: -190px;
	}
	div#services {
    margin-top: 40px;
    padding-top: 200px;
}
    #helper {
        height: 200px;
    }
    
    section#portfolio {
    padding-bottom: 120px;
}
   
}

@media (max-width: 1440px) {
    
    #planet-subcontainer {
    background-position: -70px;
}
    
    #logos {
    max-width: 85%;
    margin: 0 auto;
}
	#services .container {
	    max-width: 95%;
	}
	#objects img {
	    right: -170px;
	}
	#asteroides2 {
		top: 500px;
	    left: 400px;
	}
	#serv .container.sub-container {
        max-width: 100%;
    }
	
}

@media (max-width: 1360px) {
    #planet-subcontainer {
        background-position: -90px;
    }

	.title-medium {
	    font-size: 58px;
	    line-height: 1.1;
	}
	#services p.no-margin-bottom.text-gray-regular {
   	 font-size: 18px;
   	}
	#objects img {
	    top: -400px;
	}
	#asteroides2 {
	    left: 360px;
	}
	#serv .padding-left-150px {
        padding-left: 0px !important;
    }
		
}

@media (max-width: 1287px) {

	#objects img {
	    right: -140px;
	}
	#asteroides2 {
	    left: 320px;
	}
	
	#projects .images {
        display: inline-block;
        padding: 20px;
    }
		
}

@media (max-width: 1260px) {
    
    .textotexto {
    width: 100% !important;
    display: block;
    flex: inherit;
    max-width: 100%;
    padding-top: 40px;
}
    h2 {
    font-size: 46px;
    line-height: 1.3;
}
    
    .media-large {
    width: 100% !important;
    flex: inherit !important;
    padding: 0px !important;
    }

    .si-movil {
        display:block;
        -webkit-animation: float 1s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite reverse;
    animation: float 1s cubic-bezier(0.1, 0.1, 0.88, 0.88) infinite reverse;
    }
    img.si-movil {
        display: block;
        margin: 0 auto;
    }
    
    img#pro2, #pro3 {
        margin-top: 0px;
    }
    #pro4 {
        margin-top:0px;
    }
    
    #projects images {
        padding: 50px;
    }
    
    #projects .container.sm-container-spread.row {
        margin: 0px auto;
    }
    
    #services {background:white !important;}
    
    #services > div > div.row > .col-lg-8 {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        padding: 100px;
    }
    
    #services p.no-margin-bottom.text-gray-regular {
        max-width: 75%;
    }
    
    div#objects, #tierra, #asteroides, #asteroides2, .call-to-action .col-lg-5, #helper, #perros-bai {
        display: none !important;
    }
    
    #perros-text {padding:150px 0px;}
    
    .call-to-action .col-md-6, #perros-text {
        flex: 80%;
        max-width: 80%;
    }
    #three-bloks {
        margin-top: -200px;
    }

		
}

@media (max-width: 1199px) {
    
    #serv .padding-left-100px {
        padding-left: 0px !important;
    }
    
    #serv .padding-left-right-70px {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    
    #procesoo .padding-left-100px {
        padding-left: 0px !important;
    }
    
    #procesoo .width-80 {
        width: 100% !important;
        padding-top: 100px;
    }
    
    div#nos-text {
        margin-top: -100px;
    }
    
    .container {
        max-width: 95% !important;
    }
    
        .uk-navbar-nav li:not(:first-child) {display:none;}
    
    
    #projects .images {
        margin: 0 auto;
        display: block;
    }
    
    #projects .images img {
        display: block;
        margin: 0 auto;
    }
    
}

@media (max-width: 1100px) {
    
    .text-gray-light {
        margin-left: 7px;
        margin-top: 0px !important;
        width: 80%;
    }
    
    section#portfolio {
        padding-bottom: 0px;
    }
    
   .images {
        padding: 30px;
    }

    .title-medium {
        font-size: 38px;
        line-height: 1.1;
    }
    
    #mission1 {
        background: white;
        min-height: 500px;
    }

}

@media (max-width: 996px) {
    .padding-top-bottom-100px { padding-bottom: 0px;}
    #contactH2  {padding-top:60px;}
    .padding-top-150px {padding-top: 50px;}
    .padding-bottom-100px { padding-bottom: 30px;}
    br { display: none !important;}    
    #agave {margin-bottom: 100px;padding-top: 40px;}
    .proyectos #details {margin-top:160px !important;}
    .proyectos br { display: none !important;}
    .proyectos .md-margin-bottom-75px {margin-bottom:0px !important;}
    .proyectos .padding-top-70px{padding-top: 40px !important;}
    .proyectos .padding-top-150px {padding-top: 0px !important;}
    div.white.padding-top-bottom-100px > div.row.container.center-col.padding-bottom-100px > div:nth-child(1) > div > div > p {text-align:center;}
    img[src*='Ejecutiva'] {
        margin: auto;
        display: block;
    }
    #estacion {
        top: -900px;
    }
    #textoBallena {
        position: relative;
        top: 500px;
    }
    #nos-text .container { max-height: inherit !important; }
    #nos-text {padding-bottom:0px !important;}
    #after-estacion {
        position: relative;
        top: -150px;
        padding: 0px 0px;
    }
    .nos div#mission, .nos .padding-top-bottom-150px.image-bg-11.white  {
        padding-top: 0px;
        top: -100px;
        position: relative;
    }
    div#points {
        position: relative;
        top: -100px;
    }
    
    img[src*="14.png"] {display:none;}
        
        div#three-bloks {
        padding-bottom: 0px;
    }
    .mkd-image-fusion {
        transform: scale(.8);
        margin-top: -100px;
    }
    #services p.no-margin-bottom.text-gray-regular {
        max-width: 90%;
    }
    .white.call-to-action { padding-top: 0px; padding-bottom: 60px; }
    .images {padding: 50px;}
    #serv .padding-top-150px {padding-top: 150px;}
    #mission1 { padding-top: 60px;min-height: 650px;}
    #points {padding-bottom: 0px;}
    .teltel {display:block;}
    #mission .title-medium {
        padding-left: 0px;
        width: 95%;
        margin: 0px auto;
        display: block;
    }
    
}    

@media (max-width: 880px) {
    
    #after-estacion {
        top: -100px;
    }
    
    #iniciemos h6.title-title {
        font-size: 33px;
        line-height: 1.3;
        max-width: 80%;
        position: relative;
        top: 30px;
    }
}

@media (max-width: 800px) {
    #after-estacion {
        top: -60px;
    }
    .nos h6 {
        font-size: 28px;
        line-height: 1.3;
    }
}

@media (max-width: 767px) {
    #contact-page h4 {font-size:30px !important;}
    img[src*="body99.png"], img[src*="dog2.png"] { display:none !important; }
    .dogdescripton { padding-top:60px;}
    #agave {background-size: 290px;}
     #iniciemos h6.title-title { max-width: 70%; }
    h2 {
        font-size: 30px !important;
        line-height: 1.4;
    }
    .nos div#mission, div#points, .nos .padding-top-bottom-150px.image-bg-11.white {top: -40px; }
    #textoBallena {
        position: relative;
        top: 350px;
    }
    #after-estacion {
        top: -160px;
    }

    img.team-photo[src*="lewi"] {
        margin: 0px auto;
    }
    
    .ultImg .images {
        max-width: 50%;
    }
    
    img.team-photo {
        margin: 40px auto;
        display: block;
        width: 90% !important;
    }

    .nos .col-lg-5.col-md-5.col-sm-12.text-left.md-text-center.uk-scrollspy-inview.uk-animation-slide-bottom-medium {
        padding-top: 0px;
    }
    
    div#services {
        padding-top: 100px;
        margin-top: 100px;
        width: 100%;
    }

    .container.sm-container-spread {
        padding: 0px !important;
            max-width: 100%;
    }
    
    #piepie {max-width:90%;}
    #services .container, .call-to-action .container{
        max-width: 100%;
        padding: 0px !important;
    }
  
    a.btn.btn-large.btn-red.sm-display-table.no-margin-bottom.sm-margin-left-right-auto {
        display: block;
        margin-left: 0px !important;
    }
    
    div#nos-text { margin-top: -120px; }
    h2.title-medium {font-size: 30px !important;}
    .nos div#mission, div#points, .nos .padding-top-bottom-150px.image-bg-11.white {  top: -180px;}
}

@media (max-width: 700px) {
    
    .reveal-holder h6.title-title {text-align: center; max-width: 70% !important;   }

    #nosotros {
        padding-top: 150px;
        padding-bottom: 90px;
        max-width: 85%;
        margin: auto;
    }
    .mkd-image-fusion {
        transform: scale(.6);
        margin-top: -100px;
    }

    #portfolio .images {
    width: 50%;
    display: block;
    padding: 0px;
    margin: 80px auto;
    }
    section#portfolio {
        padding-bottom: 0px;
    }
    
    #portfolio .images img {
        display: block;
        margin: 0 auto;
            max-width: 250px;
    }
    #logos div:nth-child(2) {
        margin-top: 0px;
    }
    
    h2 {
        font-size: 30px !important;
    }

}

@media (max-width: 660px) {
    #after-estacion {
        top: -100px;
        padding: 0px 40px;
    }
    
    .nos #mission h6 {
        font-size: 26px;
        line-height: 36px !important;
        max-width: 80%;
    
    }
    
}

@media (max-width: 600px) {
    .loader-img img {
    bottom: 35vh;
}
    img[src="images/hom1.png"]{ padding-left: 40px; max-width:90%;max-height:350px;}
    #after-estacion {
        top: 0px;
        padding: 0px 40px;
    }
    div#services { margin-top: 100px;}
    #services .col-lg-8.col-md-12.col-sm-12 {padding: 50px !important;}
    #piepie { max-width: 70%;}
    h2 {font-size: 32px !important; line-height: 1.4;}
   .mkd-image-fusion { display:none;}
   .call-to-action .container {
        padding-bottom: 40px !important;
    }
    #details {padding-bottom: 0px;}
    .padding-top-150px {padding-top: 80px;}
    #portfolio .images {width: 90%; margin: 60px auto;}
    #portfolio .images img {max-width: 140px;}
    #iniciemos h6.title-title {
        max-width: 100%;
        text-align: center;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    h6, #procesoo h2 {text-align: center;}
    #procesoo .width-80 {
        width: 100% !important;
        padding-top: 0px;
    }
    .lateral-text {display: none;}
    div#nos-text { margin-top: -150px;}
    #nosotros { padding-top: 60px; }
    #textoBallena { position: relative; top: 300px;}
    #after-estacion { top: -100px;  padding: 0px 0px;    }
    .nos div#mission, div#points, .nos .padding-top-bottom-150px.image-bg-11.white {top: 0px;}
    .nos #mission h6 {
        font-size: 28px;
        line-height: 36px !important;
        max-width: 95%;
    }
    #piepie h6 {
        max-width: 80%;
        margin: 40px auto;
    }
    .nos .padding-lateral {
        padding-left: 0px;
        width: 90%;
        margin: 0 auto;
    }
}

@media (max-width: 520px) {
    #estacion { top: -1000px;}
    #textoBallena {
        position: relative;
        top: 200px;
    }
    .container .container {max-width:100% !important;}
    #after-estacion {
        top: -150px;
    }
    .nos div#mission, div#points, .nos .padding-top-bottom-150px.image-bg-11.white {top: -80px;}
    .reveal-holder h6.title-title {
        text-align: center;
        max-width: 90% !important;
        font-size: 30px !important;
    }
}

@media (max-width: 410px) {
    h6.text-red.text-weight-600.lateral-text {display: none;}
    .reveal-holder.aos-init.aos-animate { width: 100%;}
    h2.text-weight-800.title-medium.text-gray-extra-dark.text-capitalize.title-title { text-align: center; margin-bottom: 0px; display: block;}
    #perros-text {padding: 100px 0px; margin-top: 0px;}
    .padding-top-bottom-100px { padding-bottom: 0px;}
    .padding-top-150px {padding-top: 60px;}
    .padding-top-120px { padding-top: 0px;}
    .padding-bottom-100px { padding-bottom: 20px;}
    #estacion { top: -1100px; }
    #textoBallena { top: 120px;}
    #serv-illus img { max-width: 100%;}
    h5 .btn-link { font-size: 20px;}

}

@media (max-width: 360px) {
    .container {max-width: 100% !important;}
    #estacion {top: -1130px;}
    div#nos-text {margin-top: -190px;}
    .nos .container { max-width: 100% !important;}
    #nos-text .container { max-height: inherit !important; padding: 10px;}
    .reveal-holder h6.title-title {
        text-align: center;
        max-width: 96% !important;
        font-size: 28px !important;
        margin: auto;
    }

}