html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body {
	color: #666;
	line-height: 24px;
	background-color: #f3f3f3;
	font-family: "TrendaLight", sans-serif
}

ul {
	margin: 0;
	padding: 0;
	list-style: none
}

a {
	text-decoration: none;
	color: #FFF;
	transition: all .3s ease
}

a:hover {
	text-decoration: none;
	color: #005430
}

a:focus {
	outline: 0 auto -webkit-focus-ring-color;
	outline-offset: 0;
	color: #fff
}

:focus {
	outline: -webkit-focus-ring-color auto 0
}

a:focus,
a:hover {
	text-decoration: none
}

p {
	line-height: 30px
}


/*++++++++ sticky++++++++++++++*/

[data-uk-sticky].uk-active {
	z-index: 980;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	background-color: #f3f3f3;
	padding: 0
}

.protfolio [data-uk-sticky].uk-active {
	z-index: 980;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	background-color: #636161;
	padding: 0
}

[data-uk-sticky][class*='uk-animation-'] {
	-webkit-animation-duration: .2s;
	animation-duration: .2s
}

[data-uk-sticky].uk-animation-reverse {
	-webkit-animation-duration: .2s;
	animation-duration: .2s
}


/*++++++++ sticky++++++++++++++*/

header {
	padding: 25px 0;
	min-height: auto;
	left: 0;
	right: 0
}

header .uk-margin-large-bottom {
	margin-bottom: 0!important
}

header .uk-navbar {
	background: 0
}

header .uk-navbar a {
	padding: 0
}

header .uk-navbar-nav>li.uk-active>a {
	background: 0;
	color: #c51617;
	font-family: "TrendaBold", sans-serif
}

header .uk-navbar-nav>li.uk-open>a,
.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a:focus {
	background: 0;
	color: #c51617;
	font-family: "TrendaBold", sans-serif
}

header .uk-navbar-nav {
	margin: 13px 0 0
}

header.uk-active>nav>a>img.header_logo {
	width: 40px!important;
	height: auto;
	margin-top: 10px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

#offcanvas .main_logo,
#offcanvas .uk-navbar-toggle {
	padding-top: 17px!important
}

#offcanvas .main_logo {
	margin-left: -45px
}


/*++++++++ header shrink ++++++++++++++*/

header.smaller .main_logo {
	width: 38px;
	line-height: 0;
	margin: 0
}

header .nav_container {
	display: block
}


/* padding-top:10px; */

header.smaller nav a {
	line-height: 0;
	margin-top: -20px
}

header {
	width: 100%;
	padding: 0px 0;
	z-index: 7;
	transition: height .3s;
	position: fixed;
	top: 0;
	left: 0;
	background: #f3f3f3
}

header .main_logo {
	display: inline-block;
	margin: 0;
	padding: 0!important;
	float: left;
	width: 56px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	line-height: 56px
}

header nav a {
	font-size: 1em;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

header.smaller .main_logo {
	line-height: 30px
}

header.smaller {
	line-height: 30px;
	padding: 17px 0;
	min-height: 36px
}



.uk-container{
    max-width: 1920px;
    padding: 0 65px;
}
.uk-container.uk-container-logoarea{
    max-width: 1920px;
}
.main_section {
	background: #cde7ec;
    position: relative;
    /*
    background-image: url('../images/top-clouds-svg.svg');
    background-repeat: no-repeat;
    background-position: 55% 65px;
    animation: animatedMainCloudBackground 40s linear ;
    overflow: hidden;
    
    /*
    background-image: url('../images/top-clouds-svg.svg');
    background-repeat: no-repeat;
    background-position: 445px 65px;
    animation: animatedMainCloudBackground 15s linear alternate infinite;
    
    */
    overflow: hidden;
}
@-webkit-keyframes animatedMainCloudBackground {
  from {left: 43%;}
  to {left: 15%;}
}
.firstCloud{
  position: absolute;
  left: 15%;
  top: 65px;
  animation: animatedMainCloudBackground 30s linear;
  width: 70%;
}
.home-justin{
    background-image: url('../images/justin-img-svg-png.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 3%;
    background-size: contain;
}
.drinkstray-justin{
    background-image: url('../images/DrinksTray-svg.svg');
    background-position: right 30%;
    background-repeat: no-repeat;
    position: relative;
    background-size: 615px;
} 
.drinkstray-justin .box-bubble{
    width: 30px;
    height: 165px;
    float: right;
    margin-right: 105px;
    margin-top: 95px;
    overflow: hidden;
    position: relative;
}
.hideUnder1600{
    display: none;
}
.drinkstray-justin .box-bubble .bubble-img{
    -webkit-animation: animatedTrayBubbleBackground 10s linear infinite; /* Safari 4.0 - 8.0 */
    animation: animatedTrayBubbleBackground 10s linear infinite;
    position: absolute;
    transition: opacity 0.5s ease-out;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes animatedTrayBubbleBackground {
    0%   {left: 0px; top: 0px;}
    100%  {left: 0px; top: -150px;}
}

@keyframes animatedTrayBubbleBackground {
    0%   {left: 0px; top: 0px;}
    100%  {left: 0px; top: -150px;}
}
 
/*
@keyframes animatedMainCloudBackground {
  0% { background-position: 170% 65px; }
  100% { background-position: 55% 65px; }
}*/
.main_section .home-clouds-area{
    height: 272px;
    
    padding-left: 0;
}
.main_section .home-justin-image-area{
    position: absolute;
    bottom: -41px;
    right: 0px;
    text-align: right;
}
.main_section .main_logo{
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 55px;
}
.main_section .menu_bar_area{
    max-width: 330px;
    text-align: center;
    padding-left: 50px;
    margin-top: 1px;
    margin-bottom: 60px;
}
.main_section .header_big_text p{
    font-size: 29px;
    display: block;
    font-family: BourtonHandBaseDrop,helvetica;
    text-transform: uppercase;
    line-height: 40px;
    color: #4f4556;
    font-weight: 600;
    margin-bottom: 30px;
}
.main_section .header_small_text p{
    font-size: 16px;
    display: block;
    /*font-family: gabriel_sans_condnormal;*/
    font-family: "Rubik", serif;
    line-height: 27px;
    color: #4f4556;
    max-width: 82%;
}
.main_section .justin_art{
    width: 100%;
    /*
    position: absolute;
    top: 37px;
    right: 0px;
    width: 58%;
    */
}
.main_section .movie-area{
    display: block;
    margin-top: 25px;
    margin-bottom: 0px;
    float: left;
}
.main_section .movie-area .down-arrow-area{
    display: block;
    margin-top: 10px;
}
.hideForDesktop.weddings_section .movie-area .down-arrow-area {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
}
.main_section .movie-area .top-down-arrow img.scroll_down_arrow{
    width:30px;
}
.main_section .text-movie{
    /*font-family: gabriel_sans_condmedium;*/
    font-family: "Rubik", serif;
    font-size: 16px;
    color: #806daf;
    padding-left: 10px;
    text-transform: uppercase;
    vertical-align: sub;
}

.events_section {
	background: #6e6199;
    border-bottom: 8px solid #ba9757;

    
}

.events_section .menu_bar_other_area{
    display: inline-block;
    margin-top: 20px;
    margin-left: 40px;
    margin-bottom: 65px;
}
.socialaffairs_section .menu_bar_other_area{
    display: inline-block;
    margin-bottom: 40px;
}
.corporate_events_section .menu_bar_other_area{
    display: inline-block;

    margin-bottom: 40px;
}
.weddings_section .menu_bar_other_area{
    display: inline-block;

    margin-bottom: 40px;
}
.gallery_section .menu_bar_other_area{
    display: inline-block;

    margin-bottom: 40px;
}
.contact_section .menu_bar_other_area{
    display: inline-block;

    margin-bottom: 65px;
}

.events_section .menu_bar_other_area .text-title{
    color: #f4f4e9;
    font-size: 31px;
    text-transform: uppercase;
    margin-left: 0px;
    display: inline-flex;
    vertical-align: text-bottom;
    font-weight: bold;
    font-family: BourtonHandBaseDrop;
    height: 46px;
    background-image: url('../images/nav-for-events-png.png');
    padding-left: 65px;
    background-repeat: no-repeat;
    background-size: 50px 18px;
    background-position: center left;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer;
    
}
.events_section .img-circle-bg{
    text-align: center;
    background-image: url('../images/back-strips-image-png.png');
    background-repeat: no-repeat;
    background-position: 85% 50%;
    padding-left: 0;
    background-size: 82%;
}
.events_section .circle-img{
    border-radius: 50%;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 41px;
    max-width: 85%;
}
.events_section .header_big_text p{
    font-size: 29px;
    display: block;
    font-family: BourtonHandBaseDrop;
    text-transform: uppercase;
    line-height: 44px;
    color: #f4f4e9;
    font-weight: 600;
    margin-bottom: 40px;
    max-width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.events_section .header_small_text p{
    font-size: 16px;
    display: block;
    /*font-family: gabriel_sans_condnormal;*/
    font-family: "Rubik", serif;
    line-height: 27px;
    color: #f4f4e9;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.events_section .bottom-area-button,
.corporate_events_section .bottom-area-button{
    text-align: center;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    left: 0;
    float: none;
    display: block;
}
.corporate_events_section .bottom-area-button{
    text-align: left;
}
.events_section .bottom-area-button .menu_social{
    margin-top: 25px;
}
.events_section .bottom-area-button a.download-events-service-button{
    background: #584b7d;
    font-family: 'BourtonHandMarquee';
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 10px;
    color: #F4F4E9;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    display: inline-flex;
    line-height: 20px;
    height: 48px;
    margin-bottom: 5px;
}
.events_section .bottom-area-button a.download-events-service-button:hover{
    background: #f4f4e9;
    color: #584b7d;
}

@-webkit-keyframes animatedEventCloudBackground{
    from {left: 50%;}
    to {left: 15%;}
}
/*
@-webkit-keyframes animatedEventCloudBackground {
  0% { background-position: 80% 0px; }
  100% { background-position: 25% 0px; }
}
*/
.events_section .events-clouds-area{
     padding-top: 65px;
    position: absolute;
  left: 15%;
  animation: animatedEventCloudBackground 30s linear;
  width: 35%;
    /*
    background-image: url('../images/events-clouds-png.png');
    background-repeat: no-repeat;
    background-position: 205px 0px;
    -webkit-animation: animatedEventCloudBackground 40s linear ;
    -moz-animation: animatedEventCloudBackground 40s linear ;
    animation: animatedEventCloudBackground 40s linear ;
    overflow: hidden;
    padding-left: 0;
    */
}

@-webkit-keyframes animatedEventAirstreamBackground{
    from {left: 100%;}
    to {left: -55%; }
}
/*
@keyframes animatedEventAirstreamBackground {
  0% { background-position: 1920px 0px; }
  100% { background-position: -100% 0px; }
}
*/
.events_section .airstream-car-area{
    
    animation: animatedEventAirstreamBackground 15s linear infinite;
    /*
    background-image: url('../images/airstream-car-img-svg.svg');
    background-repeat: no-repeat;
    background-position: 1200px 0px;
    animation: animatedEventAirstreamBackground 15s linear infinite;
    overflow: hidden;
    padding-left: 0;
    background-size: 995px 344px;*/
    margin-bottom: -1px;
    width: 720px;
    padding-top: 90px;
position: relative;
left: 100%;/*48%*/
}

.socialaffairs_section {
	background: #ba9757;
}

.socialaffairs_section .menu_bar_other_area .text-title{
    color: #f4f4e9;
    font-size: 31px;
    text-transform: uppercase;
    margin-left: 10px;
    line-height: 31px;
    display: inline-block;
    vertical-align: bottom;
    font-weight: bold;
    font-family: BourtonHandBaseDrop;
}
.socialaffairs_section .img-circle-bg{
    text-align: center;
    background-image: url('../images/back-strips-image-png.png');
    background-repeat: no-repeat;
    background-position: 45px 25px;
    padding-left: 0;
}
.socialaffairs_section .header_big_text p{
    font-size: 29px;
    display: block;
    font-family: BourtonHandBaseDrop;
    text-transform: uppercase;
    line-height: 44px;
    color: #f4f4e9;
    font-weight: 600;
    margin-bottom: 40px;
}
.socialaffairs_section .header_small_text p{
    font-size: 16px;
    display: block;
    /*font-family: gabriel_sans_condnormal;*/
    font-family: "Rubik", serif;
    line-height: 27px;
    color: #f4f4e9;
    max-width: 95%;
}
.socialaffairs_section .bottom-area-button{
    margin-top: 50px;
    margin-bottom: 100px;
}
.socialaffairs_section .bottom-area-button a.download-events-service-button{
    background: #A17D3D;
    font-family: 'BourtonHandMarquee';
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 10px;
    color: #F4F4E9;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    display: inline-flex;
    line-height: 20px;
    height: 48px;
}
.socialaffairs_section .bottom-area-button a.download-events-service-button:hover{
    background: #f4f4e9;
    color: #a17d3d;
}
.socialaffairs_section .img-circle-bg{
    text-align: center;
    background-image: url('../images/dolsalogo-shadow-image-png.png');
    background-repeat: no-repeat;
    background-position: 60% 60%;
    padding-left: 0;
    padding-bottom: 50px;
}

.corporate_events_section {
	background: #526175;
}

.corporate_events_section .menu_bar_other_area .text-title{
    color: #f4f4e9;
    font-size: 31px;
    text-transform: uppercase;
    margin-left: 10px;
    line-height: 31px;
    display: inline-block;
    vertical-align: bottom;
    font-weight: bold;
    font-family: BourtonHandBaseDrop;
}
.corporate_events_section .img-circle-bg{
    text-align: center;
    background-image: url('../images/back-strips-image-png.png');
    background-repeat: no-repeat;
    background-position: 45px 25px;
    padding-left: 0;
}
.corporate_events_section .header_big_text p{
    font-size: 29px;
    display: block;
    font-family: BourtonHandBaseDrop;
    text-transform: uppercase;
    line-height: 44px;
    color: #f4f4e9;
    font-weight: 600;
    margin-bottom: 40px;
}
.corporate_events_section .header_small_text p{
    font-size: 16px;
    display: block;
    /*font-family: gabriel_sans_condnormal;*/
    font-family: "Rubik", serif;
    line-height: 27px;
    color: #f4f4e9;
    max-width: 95%;
}
.events_section .bottom-area-button{
    margin-top: 85px;
}
.corporate_events_section .bottom-area-button{
    margin-top: 85px;
    margin-bottom: 100px;
}
.corporate_events_section .bottom-area-button a.download-events-service-button{
    background: #404e60;
    font-family: 'BourtonHandMarquee';
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 10px;
    color: #F4F4E9;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    display: inline-flex;
    line-height: 20px;
    height: 48px;
    margin-bottom: 5px;
    margin-right: 10px;
}
.corporate_events_section .bottom-area-button a.download-events-service-button:hover{
    background: #f4f4e9;
    color: #404e60;
}
.corporate_events_section .img-circle-bg{
    text-align: center;
    background-image: url('../images/dolsalogo-shadow-image-png.png');
    background-repeat: no-repeat;
    background-position: 60% 60%;
    padding-left: 0;
    padding-bottom: 50px;
}

.weddings_section {
	background: #f3f3ec;
}

.weddings_section .menu_bar_other_area .text-title{
    color: #6e6199;
    font-size: 31px;
    text-transform: uppercase;
    margin-left: 10px;
    line-height: 31px;
    display: inline-block;
    vertical-align: bottom;
    font-weight: bold;
    font-family: BourtonHandBaseDrop;
}
.weddings_section .img-circle-bg{
    text-align: center;
    background-image: url('../images/back-strips-image-png.png');
    background-repeat: no-repeat;
    background-position: 45px 25px;
    padding-left: 0;
}
.weddings_section .header_big_text p{
    font-size: 29px;
    display: block;
    font-family: BourtonHandBaseDrop;
    text-transform: uppercase;
    line-height: 44px;
    color: #806daf;
    font-weight: 600;
    margin-bottom: 40px;
}
.weddings_section .header_small_text p{
    font-size: 16px;
    display: block;
    /*font-family: gabriel_sans_condnormal;*/
    font-family: "Rubik", serif;
    line-height: 27px;
    color: #806daf;
    max-width: 95%;
}
.weddings_section .bottom-area-button{
    margin-top: 85px;
    margin-bottom: 10px;
}
.weddings_section .bottom-area-button a.download-wedding-info-button{
    background: #e6e6dc;
    font-family: 'BourtonHandMarquee';
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 10px;
    color: #6e6199;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    display: inline-flex;
    line-height: 20px;
    height: 48px;
}
.weddings_section .bottom-area-button a.download-wedding-info-button:hover{
    background: #6e6199;
    color: #e6e6dc;
}
.weddings_section .img-circle-bg{
    text-align: center;
    background-image: url('../images/dolsalogo-shadow-image-png.png');
    background-repeat: no-repeat;
    background-position: 60% 60%;
    padding-left: 0;
    padding-bottom: 50px;
}

.gallery_section {
	background: #6e6199;
    padding-bottom: 100px;
    border-top: 90px solid #f3f3ec;
}


.gallery_section .menu_bar_other_area .text-title{
    color: #f4f4e9;
    font-size: 31px;
    text-transform: uppercase;
    margin-left: 10px;
    line-height: 31px;
    display: inline-block;
    vertical-align: bottom;
    font-weight: bold;
    font-family: BourtonHandBaseDrop;
}
.gallery_section .glry-img-box .imgBox {
    /*width: auto;*/ width: 100%;
    cursor: pointer;
}
.gallery_section .glry-img-box{
    
}


.contact_section {
	background: #526175;
}

.contact_section .menu_bar_other_area .text-title{
    color: #f4f4e9;
    font-size: 31px;
    text-transform: uppercase;
    margin-left: 10px;
    line-height: 31px;
    display: inline-block;
    vertical-align: bottom;
    font-weight: bold;
    font-family: BourtonHandBaseDrop;
}

.menu_bar_area .menu_line_bar,
.menu_bar_other_area .menu_line_other_bar{
    cursor: pointer;
}
#sidebar-main-sticky-area{
    transition: all 0.5s; 
}
#main-header-sticky{
    background: transparent none repeat scroll 0% 0%;

}
#main-header-sticky .menu_bar_other_area{
    display: block;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
}
#main-header-sticky .menu_bar_other_area.events-section-sticky{
    background-color: #6e6199;
}
#main-header-sticky .menu_bar_other_area.events-section-sticky .text-title{
    color: #f4f4e9;
}
#main-header-sticky .menu_bar_other_area.socialaffairs-section-sticky{
    background-color: #ba9757;
}
#main-header-sticky .menu_bar_other_area.socialaffairs-section-sticky .text-title{
    color: #f4f4e9;
}
#main-header-sticky .menu_bar_other_area.corporateevents-section-sticky{
    background-color: #526175;
}
#main-header-sticky .menu_bar_other_area.corporateevents-section-sticky .text-title{
    color: #f4f4e9;
}
#main-header-sticky .menu_bar_other_area.weddings-section-sticky{
    background-color: #f3f3ec;
}
#main-header-sticky .menu_bar_other_area.weddings-section-sticky .text-title{
    color: #806daf;
}
#main-header-sticky .menu_bar_other_area.gallery-section-sticky{
    background-color: #6e6199;
}
#main-header-sticky .menu_bar_other_area.gallery-section-sticky .text-title{
    color: #f4f4e9;
}
#main-header-sticky .menu_bar_other_area.contact-section-sticky{
    background-color: #526175;
}
#main-header-sticky .menu_bar_other_area.contact-section-sticky .text-title{
   color: #f4f4e9;
}
#main-header-sticky .menu_bar_other_area img.menu_line_other_bar{
    float: left;
    margin-left: 15px;
    margin-top: 0px;
}
#main-header-sticky #sidebar-main-trigger{
    width: auto;
}
#main-header-sticky .menu_bar_other_area .text-title{
    color: #F4F4E9;
    
    font-size: 31px;
    
    text-transform: uppercase;
    
    margin-left: 15px;
    
    display: inline-flex;
    
    font-weight: bold;
    
    font-family: BourtonHandBaseDrop;
    
    transition: opacity 1s ease-out;
    
    height: 46px;
    
    background-image: url('../images/nav-for-events-png.png');
    
    padding-left: 65px;
    
    background-repeat: no-repeat;
    
    background-size: 50px 18px;
    
    background-position: center left;
    
    line-height: normal;
    
    vertical-align: middle;
}
#main-header-sticky .menu_bar_other_area .text-title.weddings_text_text{
    background-image: url('../images/nav-dark-for-events-png.png');
}
#main-header-sticky .menu_bar_other_area .text-title .weddings_text{
    color: #6e61a0;
}
#sidebar-main .uk-nav-offcanvas a.menu_underline{
    font-size: 18px;
    display: block;
    font-family: BourtonHandBaseDrop;
    line-height: 27px;
}
#main-header-sticky .menu_bar_other_area .topmenu-clicking-area{
    display: inline-block;
    width: auto;
    cursor: pointer;
}

.hideForDesktop{
    display: none;
}
.hideForDesktop .movie-area{
    margin-top: 10px;
    margin-bottom: 40px; 
}
.hideForDesktop .movie-area .text-movie{
    color:#f4f4e9;
    font-size: 14px;
}
.hideForDesktop.events_section{
    border-bottom:0px;
}

.img-cakeImage-bg{
    text-align: center;
}
.img-cakeImage-bg img{
   position: absolute;
   width: 25%; 
}
.img-cakeImage-bg img#clipped2 {
  margin-bottom: 20px;
  clip-path: circle(3% at 40% 31%);
  -webkit-clip-path:circle(3% at 40% 31%);
  /*animation: circleBigger 15s infinite; 
  -webkit-animation: circleBigger 15s infinite;*/
}


.cake-container-box{
    width: 100%;
    position: relative;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.cake-container-box #c3{
    width:100%;
    position:absolute;
    clip-path: circle(3% at 40% 31%);
    animation-delay: 0s;
    /*animation: circleBigger 15s linear infinite;
    */
}   

.cake-container-box #clipped1copy,
.cake-container-box #clipped1,
.cake-container-box #clipped2,
.cake-container-box #clipped3{
    width: 66%;
    padding-left: 4%;
    position: absolute;
    padding-right: 4%;
    padding-top: 2%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
} 

@-webkit-keyframes circleBigger {
    0% {
        /*clip-path: circle(3% at 40% 31%);
        -webkit-clip-path: circle(3% at 40% 31%);
        */
        clip-path: circle(2% at 42% 27%);
        -webkit-clip-path: circle(2% at 42% 27%);
      }
      100% {
        /*
        clip-path: circle(100% at 40% 31%);
        -webkit-clip-path: circle(100% at 40% 31%);
        */
        clip-path: circle(100% at 42% 27%);
        -webkit-clip-path: circle(100% at 42% 27%);
      }
}
@keyframes circleBigger {
    0% {
        /*
        clip-path: circle(3% at 40% 31%);
        -webkit-clip-path: circle(3% at 40% 31%);
        */
        clip-path: circle(2% at 42% 27%);
        -webkit-clip-path: circle(2% at 42% 27%);
      }
      100% {
        /*
        clip-path: circle(100% at 40% 31%);
        -webkit-clip-path: circle(100% at 40% 31%);
        */
        clip-path: circle(100% at 42% 27%);
        -webkit-clip-path: circle(100% at 42% 27%);
      }
      
}


.social-top-area{
    float: right;
}
a.social-fb-icon{
    background-image: url('../images/social-media-network-icons.png');
    background-repeat: no-repeat;
    background-position: -3px -2px;
    background-size: 135px;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 5px;
    transition: transform .2s; /* Animation */
}
a.social-tw-icon{
    background-image: url('../images/social-media-network-icons.png');
    background-repeat: no-repeat;
    background-position: -36px -2px;
    background-size: 135px;
    width: 30px;
    height: 30px;
    display: inline-block;
    transition: transform .2s; /* Animation */
}
a.social-fb-icon:hover {
  transform: scale(1.2); 
}
a.social-tw-icon:hover {
  transform: scale(1.2); 
}


.privacy-policy-area a{
    color: #666;
    text-decoration: underline;
}

.privacy-policy-area p{
  font-size: 16px;
  font-family: "Rubik", serif;
  color: #4f4556;
  font-weight: lighter;
}
.privacy-policy-area ul li{
  font-size: 16px;
  font-family: "Rubik", serif;
  color: #4f4556;
  font-weight: lighter;
}

.privacy-policy-area .uk-table{
    border: 1px solid;
}
.privacy-policy-area .uk-table{
    border: 1px solid;
}
.privacy-policy-area .uk-table thead th,
.privacy-policy-area .uk-table td {
  border: 1px solid;
}

.privacy-policy-bottom-text a{
    text-decoration: underline;
    color: #f4f4e9;
}

@media(max-width:768px) {
	header .main_logo {
		width: 46px;
		line-height: 43px
	}
	header .nav_container {
		padding-left: 8px;
		padding-right: 8px;
		display: block;
		padding-top: 0px;
	}
	header nav {
		display: block;
		float: none
	}
	header nav a {
		display: block
	}
	header.smaller .main_logo {
		width: 27px
	}
	header {
		padding: 8px 0;
	}
}

#portfolioPage header {
	background: #545454
}


/*++++++++ header shrink ++++++++++++++*/


/*++++++++ menu underline ++++++++++++++*/

.uk-nav-offcanvas>li {
	position: relative;
	margin: 0 auto;
	float: left;
	clear: both;
	display: inline-block
}

.uk-nav-offcanvas>li .menu_underline {
	font-family: "TrendaSemiBold", sans-serif;
	text-transform: uppercase;
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 45px;
	margin-top: 18px;
	color: #fff;
	font-size: 25px;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in
}

@media(max-width:767px) {
	.uk-nav-offcanvas>li .menu_underline {
		font-size: 18px
	}
}

.uk-nav-offcanvas>li .menu_underline:hover {
	color: #f1e6e6;
	background: transparent
}

.uk-nav-offcanvas>li .menu_underline:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #f1e6e6;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transform-origin: left;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.uk-nav-offcanvas>li .menu_underline:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	color: #fff
}

.uk-nav-offcanvas>li .menu_underline.uk-active:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #f1e6e6;
	visibility: visible;
	-webkit-transform: scaleX(1)!important;
	transform: scaleX(1)!important
}

.uk-accordion-title,
.uk-accordion-title p {
	margin-bottom: 0
}

.client-login-content {
	display: none;
	width: 100%;
}

.menu_form {
	margin-left: 15px;
	width: 100%
}

.uk-nav-offcanvas>li .menu_underline.uk-accordion-title.uk-active:hover:before,
.uk-nav-offcanvas>li .menu_underline.uk-accordion-title.uk-active:before {
	visibility: hidden;
	-webkit-transform: none;
	transform: none;
	color: #fff;
	background: transparent!important
}

.menu_social {
	color: #FFFFFF !important;
	font-size: 25px !important;
	float: left;
	margin-top: 50px;
    /*
	border-right: 1px solid #FFFFFF
    */
    border: 1px solid;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    margin-right: 5px;
}

.menu_social:last-child {
	/*border-right: 0*/
}

.menu_social:first-child {
	padding-left: 0!important;
	/*margin-left: -20px !important*/
	margin-left: 0px !important;
}
.menu_social:hover{
    border-bottom: 1px solid #ffffff;
}

.menu_social .menu_underline:hover {
	color: #f1e6e6;
	background: transparent
}

.menu_social .menu_underline:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #f1e6e6;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transform-origin: left;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.menu_social .menu_underline:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	color: #fff
}



.menu_social .social_link {
	color: #fff;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	/*padding: 15px 20px!important;
	margin-right: 5px*/
    padding: 14px 16px !important;
    margin-right: 0px;
}
.menu_social .uk-icon-facebook.social_link{
    padding: 14px 19px !important;
}

.menu_social .social_link:hover {
	color: #cde7ec
}

.first-section-bottom-area{
    height: 125px;
}
.social-top-section{
    clear: both;
    height: auto;
    float: left;
}
.social-top-section .menu_social:first-child ,
.social-top-section .menu_social {
    padding-left: 0 !important;
    margin-left: 0px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    /*border-bottom: 1px solid transparent;
    border-right: 1px solid #6E6199;
    */
    border: 1px solid #6E6199;
}
.social-top-section .menu_social .social_link:hover{
    color: #8e81ba;
}
.social-top-section .menu_social .social_link {
    color: #6e6199;
}
.social-top-section .menu_social .uk-icon-facebook.social_link{
    padding: 14px 19px !important;
}

.menu_form input {
	display: block;
	background: transparent!important;
	outline: 0;
	border: 0;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	font-family: "TrendaIt", sans-serif;
	margin-left: -15px;
	padding: 15px 15px 5px 0;
	margin-bottom: 20px;
	letter-spacing: 2px
}

.menu_form input:focus {
	background: transparent!important
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #526175  inset;
	-webkit-text-fill-color: white!important
}

.menu_form input:placeholder-shown {
	color: #fff!important
}

.menu_form input::-webkit-input-placeholder {
	color: #fff
}

.menu_form input::-ms-input-placeholder {
	color: #fff
}

.menu_form input::-moz-placeholder {
	color: #fff
}

.menu_form input::-moz-placeholder {
	color: #fff
}

.menu_form button {
	display: block;
	background: transparent;
	outline: 0;
	border: 1px solid transparent;
	color: #fff;
	font-family: "TrendaBold", sans-serif;
	font-size: 1.245em;
	margin-left: -15px;
	padding: 5px 10px;
	margin-bottom: 20px;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in
}

.menu_form button:hover {
	outline: 0;
	background: 0;
	color: #fff
}

.menu_form .uk-button {
	display: block;
	background: transparent;
	outline: 0;
	border: 1px solid transparent;
	color: #fff;
	font-family: "TrendaBoldIt", sans-serif;
	font-size: 20px;
	margin-left: -15px;
	margin-bottom: 20px;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	letter-spacing: 2px
}

@media(min-width:1350px) {
	.menu_social {
		font-size: 25px!important
	}
}


/*++++++++ menu underline ++++++++++++++*/

.banner-section {
	padding: 0 25px;
	position: relative;
	margin-bottom: 25px;
	margin-top: 100px;
	z-index: 0
}

.banner-section .shadow {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	bottom: 0;
	background-color: rgba(140, 140, 140, 0.72);
	margin: 0 25px
}

.banner-section .video {
	position: relative;
	z-index: 1;
	height: auto;
	width: 100%
}

.banner-section .banner-box {
	position: absolute;
	z-index: 5;
	top: 60%;
	left: 5%;
	margin-top: -162px
}

.banner-section .banner-box span {
	display: block
}

.banner-section .banner-box h1 {
	font-size: 44px;
	color: #fff;
	line-height: 52px;
	letter-spacing: 1px;
	font-family: "TrendaBold", sans-serif
}

.banner-section .banner-box p {
	font-size: 17px;
	color: #1c1c1c;
	line-height: 10px
}

.banner-section .banner-box a {
	text-transform: uppercase;
	color: #fefefe;
	font-size: 15.1px;
	letter-spacing: 1px;
	padding: 5.5px 15px;
	width: 195px;
	margin-top: 18px;
	display: inline-block;
	font-family: "Trenda", sans-serif;
	background-color: #d50707!important;
	padding-right: 10px!important
}

.banner-section .banner-box a span {
	display: inline-block;
	float: right
}

.banner-section .banner-box a span img {
	margin-top: -5px;
	margin-left: 10px
}

.banner-section .banner-box a:hover {
	background-color: #bd0808!important;
	color: #fff
}

.main_banner_slider {
	position: relative;
	display: none
}


.case_studies {
	background-image: url(../images/case_bg.png);
	background-repeat: repeat;
	display: block;
	margin: 0 25px 25px 25px;
	padding: 70px 0 150px 0;
}


/*padding:120px 0 150px 0*/

.case-box {
	background-color: #fff;
	border-radius: 3px;
	float: left;
	width: 100%;
	min-height: 388px
}

.case_studies h1 {
	text-align: left;
	text-transform: uppercase;
	font-size: 16px;
	margin: 0!important;
	letter-spacing: 1px;
	font-family: "Trenda", sans-serif;
	color: #b81601;
	padding-bottom: 10px;
	padding-top: 20px;
}

.case_studies h1 span {
	margin: 0 40px
}

.case-box .case_img {
	width: 100%;
	height: auto;
	border-radius: 3px 3px 0 0
}

.case-box h2 {
	text-transform: uppercase;
	font-size: 21px;
	letter-spacing: 2px;
	color: #1c1c1c
}

.case_details {
	margin: 40px
}

.case-box p {
	font-size: 16px;
	line-height: 24px;
	color: #7c7c7c
}

.img-box {
	position: relative
}

.img-box .case_hover {
	background: rgba(197, 22, 23, 0.78);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: .6s;
	display: block
}

.img-box .case_hover img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	width: auto
}

.case-box:hover .case_hover {
	opacity: 1;
	top: 0;
	cursor: pointer
}

.we_are {
	background-color: #f9f9f9!important;
	background: 0;
	margin: 0!important;
	padding-bottom: 90px
}

.we_are h1 {
	margin: 40px 0 55px;
	padding: 20px 20% 10px 20%
}

.we_are .text {
	line-height: 24px;
	color: #282828;
	padding: 0 20%;
	font-size: 16px
}

.we_box_section {
	margin-top: 70px
}

.we_are .case-box h2 span {
	font-family: "TrendaLight", sans-serif;
	display: block;
	font-size: 14px;
	text-transform: capitalize;
	letter-spacing: normal;
	color: #7c7c7c;
	margin: -7px 0 0
}

.we_are .case-box h2 {
	margin-bottom: 0;
	font-family: "Trenda", sans-serif
}

.core_service {
	background-color: #f3f3f3!important;
	background-image: none;
	padding-bottom: 130px!important
}

.core_service h1 {
	color: #b81601;
	padding-bottom: 0!important
}

.core_service .sub_title {
	text-align: center;
	margin: 0;
	color: #000;
	font-size: 17px;
	letter-spacing: 1px
}

.core_service h3 {
	text-transform: uppercase;
	font-size: 21.02px;
	letter-spacing: 3px;
	font-family: "TrendaBold", sans-serif;
	color: #b81601;
	margin: 55px 0 0
}

.italic_style {
	font-family: "TrendaIt", sans-serif;
	margin: 0;
	color: #000;
	font-size: 16.02px
}

.line {
	width: 20px;
	height: 1px;
	background-color: #949494;
	margin: 10px 0
}

.ser_text {
	font-family: "TrendaLight", sans-serif;
	font-size: 16.02px;
	color: #282828;
	line-height: 24px;
	padding-right: 100px
}

.ser_text_01 {
	margin: 0;
	font-size: 16px;
	color: #282828;
	line-height: 24px
}

.core_service strong {
	color: #000;
	font-size: 16px
}

footer {
	background-color: #4e5a6b;
    text-align: right;
    color: #fff;
    padding: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    width: 100%;
    min-height: 50px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

footer strong {
	background: #d81313;
	padding: 5px 6px;
	font-size: 15px
}

footer .footer_separator {
    border-right: 1px solid #fff;
    margin-right: 25px;
    margin-left: 25px;
    height: 30px;
    display: block;
}
footer .footer-text{
    clear: both;
    float: right;
}
footer .footer-text .ft-box1,
footer .footer-text .ft-box2,
footer .footer-text .ft-box3{
    float: left;
}
footer .footer-text .ft-box2{
    height: 30px;
}
footer .footer-text a {
    color: #ffffff;
    font-size: 11px;
    -webkit-transform: translateZ(0);
}

.uk-modal-dialog.uk-modal-dialog-lightbox{
    /*width: 1740px !important;
    height: 88% !important;  
    text-align: center;
    margin: 0 auto; 
    */
    background:transparent !important;
}
.uk-open .uk-modal-dialog{
    background: transparent;
}
.uk-modal-dialog>.uk-close:first-child {
	margin: -30px 5px 0px 0px;
    float: right;
    opacity: 1;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 26px;
    position: absolute;
    z-index: 10;
    content: 'x';
    background: url('../images/close-small.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26px 26px;
}
.uk-close::after{
    content:none;
}

.uk-modal-dialog {
	padding: 10px
}

.contact_form {
	padding: 40px
}

.contact_form h2 {
	color: #000;
	text-transform: uppercase;
	font-size: 21px;
	letter-spacing: 3px
}

.contact_form p {
	font-size: 16px;
	color: #333
}

.contact_form strong {
	text-transform: uppercase;
	letter-spacing: 1px
}

.contact_form input {
	width: 44%;
	border: 1px solid #e6e4e4;
	padding: 10px;
	border-radius: 0;
	float: left;
	margin: 2px
}

.contact_form textarea {
	width: 93%;
	border: 1px solid #e6e4e4;
	padding: 10px;
	border-radius: 0;
	float: left;
	margin: 2px
}

.contact_section {
	min-height: 480px
}

.send_btn {
	border: 0;
	background: #333;
	color: #fff;
	letter-spacing: 1px
}

.send_btn:hover {
	border: 0;
	background: #e61919
}

.protfolio {
	background-color: #545454
}

.protfolio header .uk-navbar a {
	color: #fff
}

.protfolio header .uk-navbar-nav>li.uk-active>a {
	color: #efe1e0
}

.protfolio header .uk-navbar a:hover {
	color: #efe1e0
}

.protfolio_footer {
	background: #fefefe none repeat scroll 0 0;
	padding: 100px 0 64px;
	text-align: center
}

.protfolio_footer .portfolio_footer_nav {
	background: transparent none repeat scroll 0 0;
	height: 60px;
	margin: 10px 0 20px 0
}

.protfolio_footer .portfolio_footer_nav a {
	background-color: #e5e4e4;
	color: #b81601;
	font-family: "Trenda", sans-serif;
	border-radius: 0;
	font-size: 14px;
	letter-spacing: 4px;
	padding: 20px 65px;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.protfolio_footer .portfolio_footer_nav a:hover {
	background-color: #c1bfbf
}

.portfolio_footer_nav_right {
	text-align: right
}

.portfolio_footer_nav_left {
	text-align: left
}

.inner-page-style {
	margin: 0 25px;
	padding: 88px 0 0 0;
	background-image: url(../images/inner_bg.png);
	background-repeat: repeat
}

.inner_head {
	color: #fff;
	text-align: left;
	font-size: 65px;
	text-transform: uppercase;
	font-family: "TrendaBold", sans-serif;
	letter-spacing: 10px;
	line-height: 60px;
	padding: 75px 0 100px
}

.inner_head .and {
	font-size: 25px;
	letter-spacing: 4px
}

.portfolio_bottom_contents {
	margin-top: 100px!important;
	padding-bottom: 850px!important
}

.second_line {
	display: block
}

.overview {
	color: #fff;
	margin-bottom: 60px;
	font-family: "TrendaLight", sans-serif
}

.overview h3 {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 40px
}

.overview p {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	margin-right: 10px
}

.overview img {
	width: 100%;
	height: auto
}

.overview_box {
	margin: 75px 40px 0 104px
}

.inner-show-reel {
	margin: 0;
	position: relative;
	cursor: pointer
}

.inner-show-reel img {
	width: 100%;
	height: auto
}

.inner-show-reel h2 {
	text-transform: uppercase;
	color: #fff;
	font-size: 41px;
	letter-spacing: 4px;
	position: absolute;
	bottom: 50px;
	left: 65px
}

.inner-show-reel h2 span {
	font-style: italic;
	border-bottom: 1px solid #fff
}

.inner-show-reel-text {
	margin: 60px 0 0 80px
}

.inner-show-reel-text h2 {
	color: #202020
}

.right_box {
	margin: 55px 0 75px
}

.right_box h3 {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	text-transform: uppercase
}

.right_box p {
	font-size: 16px;
	color: #fff;
	line-height: 25px
}

.right_box_img {
	padding-left: 0
}

.black {
	color: #000!important;
	font-size: 18px!important
}

.right_right {
	padding-left: 70px
}

.three-box h2 {
	font-size: 21px;
	color: #1c1c1c;
	text-transform: uppercase;
	letter-spacing: 3px
}

.three-box p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 60px
}

.three-box img {
	width: 100%
}

.next-project {
	background-color: #fff;
	text-align: center;
	float: left;
	width: 100%;
	padding: 25px 0 70px
}

.next-project a {
	border: 1px solid #000;
	color: #000;
	font-family: 'Source Code Pro', monospace;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 15px 20px
}

.next-project a:hover {
	color: #e61818
}

.new-mobile-nav {
	display: none
}

.inner-show-section {
	position: relative;
	text-align: center
}

.inner-show-section .video {
	position: relative;
	z-index: 1;
	height: auto;
	width: 100%
}

.inner-show-section h2 {
	text-transform: uppercase;
	color: #fff;
	font-size: 41px;
	letter-spacing: 4px;
	position: absolute;
	bottom: 50px;
	left: 65px
}

.inner-show-section h2 span {
	font-style: italic;
	border-bottom: 1px solid #fff
}

.inner-show-section img {
	max-width: 100%
}

#ytvideo {
	width: 100%;
	height: 750px
}

#ytvideo01 {
	width: 100%;
	height: 750px
}

#homevideo:hover {
	opacity: .5;
	cursor: pointer
}

.inner-show-section h2 span:hover {
	cursor: pointer
}

.show_reel_home_popup .uk-modal-dialog {
	margin: 100px 34px 100px 53px;
	width: 92%
}

.show_reel_home_popup .popup_text {
	padding: 100px 200px;
	padding-bottom: 46%!important
}

.show_reel_home_popup .uk-modal-dialog>.uk-close:first-child {
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	margin: 10px;
	font-size: 0;
	width: 72px;
	height: 72px
}

.login_main {
	top: 10px;
	padding: 17px 40px;
	width: 417px;
	left: 0;
	border: 1px solid #827a7a;
	background: #f3f3f3;
	position: relative;
	margin-left: -203px!important;
	text-align: center
}

.uk-dropdown {
	padding: 0;
	background: 0
}

.drop_top_arrow {
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -21px;
	text-align: center
}

.login_main h1 {
	margin: 30px 0 0;
	color: #b81601;
	font-size: 25px;
	font-family: "TrendaBold", sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-shadow: 0 2px 0 #fff, 0 3px 2px #c5c5c5
}

.login_main h1 span {
	margin: 0 40px
}

.login_main input {
	background: 0;
	border: 0;
	border-bottom: 1px solid #b81601;
	width: 100%;
	padding: 6px 5px 11px;
	margin-bottom: 25px;
	text-align: center;
	font-style: italic;
	color: #b8aeae
}

.send_btn_new {
	margin: 0;
	border-bottom: 0!important;
	font-size: 23px;
	color: #b91d0a!important;
	margin-bottom: 0!important
}

.send_btn_new:hover {
	color: #000!important;
	cursor: pointer
}

.login_main form {
	padding: 40px
}

.new_adress {
	padding: 10px 0
}

.new_adress_main {
	min-height: 520px
}

.new_adress_main form {
	padding: 10px 0
}

.new_adress_main input {
	width: 45%;
	float: left;
	padding: 6px 5px 11px;
	margin-bottom: 25px
}

.new_adress_main textarea {
	background: 0;
	border: 0;
	border-bottom: 1px solid #b81601;
	font-style: italic;
	margin-bottom: 30px
}

.new_adress_main .send_btn:hover {
	border: 0;
	background: 0;
	color: #e61919
}

.hide {
	display: none
}

.mobile_login {
	text-align: center;
	min-height: auto
}

.mobile_login h1 {
	margin: 30px 0 0;
	color: #b81601;
	font-size: 25px;
	font-family: "TrendaBold", sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-shadow: 0 2px 0 #fff, 0 3px 2px #c5c5c5
}

.mobile_login h1 span {
	margin: 0 40px
}

.mobile_login input {
	background: 0;
	border: 0;
	border-bottom: 1px solid #b81601;
	width: 100%;
	padding: 6px 5px 11px;
	margin: 20px 0!important;
	text-align: center;
	font-style: italic;
	color: #b8aeae
}

.mobile_login .send_btn {
	width: 100%!important;
	margin: 0;
	border-bottom: 0!important;
	font-size: 23px;
	color: #b91d0a!important;
	margin-bottom: 0!important
}

.mobile_login .send_btn:hover {
	background: 0;
	color: #000!important
}


/* Contact Section */


/*.section_contact{max-width:100%;background: url(../images/contact_bg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}*/


/*max-height:925px;*/

.section_contact {
	/*max-height:925px;*/
	max-width: 100%;
	background-color: #5f5f5f;
}

.contact-section-bg {
	background-image: url(../images/contact_bg.jpg);
	background-repeat: no-repeat center center fixed;
	height: auto;
	background-size: cover;
	background-position: 60%;
}

.div_contact h1 {
	text-align: left;
    text-transform: uppercase;
    font-size: 29px;
    font-family: BourtonHandBaseDrop;
    color: #f4f4e9;
    margin: 0 !important;
    padding: 125px 0 40px 0;
    font-weight: 600;
}

.div_contact h1 span {
	margin: 0 40px
}

.div_contact .short_desc p,
.div_contact .sub-head-text-area p{
	font-family: BourtonHandBaseDrop;
    text-align: left;
    color: #f4f4e9;
    font-size: 29px;
    line-height: 40px;
    -webkit-transform: translateZ(0);
    font-weight: 600;
}
.div_contact .short_desc p{
    margin-bottom: 0px;
}
.div_contact .sub-head-text-area .bullet-txt{
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.div_contact .tel_email p{
	font-family: BourtonHandBaseDrop;
    text-align: left;
    color: #f4f4e9;
    font-size: 29px;
    -webkit-transform: translateZ(0);
    margin-bottom: 50px;
    font-weight: 600;
    line-height: 40px;
}

.div_contact .contact-form-box .uk-form-row input[type="text"],
.div_contact .contact-form-box .uk-form-row input[type="email"],
.div_contact .contact-form-box .uk-form-row textarea {
	background: 0;
	border: 0;
	border-bottom-width: medium;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	width: 100%;
	color: #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	min-height: 33px;
	-webkit-transform: translateZ(0);
	margin-top: 10px
}

.div_contact .contact-form-box .uk-form-row input[type="email"] {
	margin-top: 30px!important
}

.div_contact .contact-form-box .uk-form-row textarea {
	height: 219px
}

.div_contact .contact-form-box .uk-form-row label {
	font-size: 16px;
    /*font-family: gabriel_sans_condnormal;*/
    font-family: "Rubik", serif;
    color: #f4f4e9;
    padding-top: 5px;
    font-weight: normal;
    -webkit-transform: translateZ(0);
    letter-spacing: 2px;
    margin-top: 35px;
}

.uk-form-label.label_contact_email {
	margin-top: 50px!important
}

.div_contact .contact-form-box .uk-form-row span {
	font-size: 16.05px;
	/*font-family: gabriel_sans_condnormal;*/
	font-family: "Rubik", serif;
	color: #f3f3f3;
	padding-top: 5px;
	margin-bottom: 8px;
	font-weight: normal;
	-webkit-transform: translateZ(0)
}

.div_contact .contact-form-box .uk-form-row.sameheightbox {
	height: 100%;
}
.div_contact .contact-form-box .uk-form-row.sameheightbox .uk-form-controls{
    height: 73.46%;
}
.div_contact .contact-form-box .uk-form-row.sameheightbox textarea{
    height: 100%;
}

@media(max-width:767px) {
	.contact-section-bg {
		background-position: 100%
	}
	.contact-col-right {
		padding-top: 50px
	}
}

@media(min-width:768px) {
	.contact-col-right {
		padding-left: 80px
	}
}


/* +++++++++++++++ submit hover ++++++++++++++++ */

.submit_underline {
	font-family: BourtonHandBaseDrop;
    font-size: 29px;
    border: 1px solid transparent;
    position: relative;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 12px 0;
    margin: 65px 0 0 0;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    box-sizing: none;
    background-color: transparent;
    -webkit-appearance: none;
    text-transform: uppercase;
}

.submit_underline:hover {
	border: 1px solid rgba(0, 0, 0, 0);
	color: #fff
}

.submit_underline::before,
.submit_underline::after {
	width: 100%;
	height: 100%;
	z-index: 3;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	-webkit-transform: scale(0);
	transition: .3s
}

.submit_underline::before {
	border-bottom: 1px solid #fff;
	border-left: 0;
	-webkit-transform-origin: 0 100%
}

.submit_underline::after {
	border-top: 0;
	border-right: 0;
	-webkit-transform-origin: 50% 50%
}

.submit_underline:hover::after,
.submit_underline:hover::before {
	-webkit-transform: scale(1)
}

.sliding-u-l-r {
	display: inline-block!important;
	padding: 0!important;
	border: 0;
	letter-spacing: 2px;
	font-size: 20px!important;
	margin-top: 15px;
	font-family: "TrendaBoldIt", sans-serif!important
}

.sliding-u-l-r:after {
	content: '';
	display: block;
	height: 1px;
	width: 0;
	background: transparent;
	transition: width .5s ease, background-color .5s ease
}

.sliding-u-l-r:hover:after {
	width: 100%;
	background: #fff
}


/* +++++++++++++++ submit hover ++++++++++++++++ */

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


/* Testimonial Section */

.div_testimonial {
	max-width: 100%;
	background-color: #f3f3f3;
	border-top: 1px solid #d7d1d1;
	border-bottom: 1px solid #d7d1d1;
	padding: 50px 0 25px 0;
	font-family: "TrendaLightIt", sans-serif;
	color: #484848;
	text-align: center;
	background-image: url(../images/case_bg.png);
	background-repeat: repeat
}

.div_testimonial ul li h1 {
	font-size: 25px
}

.div_testimonial ul li span {
	font-size: 16px;
	font-family: "Trenda", sans-serif
}


/* Blog Section */

.blog_head {
	background: 0;
	padding: 140px 0 0;
	background-image: url(../images/case_bg.png);
	background-repeat: repeat
}

.blog_head h1 {
	text-align: left;
	text-transform: uppercase;
	font-size: 45px;
	letter-spacing: 8px;
	margin: 10px 0 40px;
	font-family: "TrendaBold", sans-serif;
	color: #b81601
}

.blog_head h1 span {
	margin: 0 40px
}

.blog_details {
	background: 0;
	padding: 52px 0 64px
}

.blog_details h1 {
	text-align: left;
	text-transform: uppercase;
	font-size: 45px;
	letter-spacing: 8px;
	margin: 10px 0 40px;
	font-family: "TrendaBold", sans-serif;
	color: #b81601
}

.blog_details h1 span {
	margin: 0 40px
}

.blog_footer {
	background: #575656 none repeat scroll 0 0;
	padding: 100px 0 64px;
	text-align: center
}

.blog_footer .blog_nav {
	background: transparent none repeat scroll 0 0;
	height: 60px;
	margin: 10px 0 20px 0
}

.blog_footer .blog_nav a {
	background-color: #6b6a6a;
	color: #fefefe;
	font-family: "Trenda", sans-serif;
	border-radius: 0;
	font-size: 15px;
	letter-spacing: 2px;
	padding: 20px 65px;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.blog_footer .blog_nav a:hover {
	background-color: #616060
}

.blog_nav-right {
	text-align: right
}

.blog_nav-left {
	text-align: left
}

.blog_share_title {
	color: #aea9a9;
	font-family: "Trenda", sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 10px
}

.blog_share_contents {
	text-align: center;
	max-height: 20px;
	width: 100%
}

.blog_share_contents span .IN-widget {
	vertical-align: top!important;
	margin-top: 3px!important
}

.text-content {
	width: 100%;
	color: #3e3c3c;
	font-family: "Trenda", sans-serif;
	font-size: 16px
}

.text-content p i {
	font-style: normal
}

.text-content a {
	color: #3e3c3c;
	font-family: "Trenda", sans-serif;
	font-size: 16px
}

.text-content a:hover {
	color: #b81601
}

.text-content blockquote {
	border: none!important;
	font-style: normal
}

.text-content blockquote p em {
	color: #3e3c3c;
	font-style: normal
}

.text-content blockquote p {
	text-align: center;
	width: 100%
}

.text-content figure {
	border: none!important;
	width: 100%;
	text-align: center
}

.text-content img {
	border: none!important;
	margin-bottom: 50px!important
}

.blog-videoWrapper {
	position: relative;
	padding-bottom: 54%;
	padding-top: 25px;
	height: 0;
	margin: 0 0 30px!important
}

.blog-videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.spacing-none {
	padding: 0!important;
	margin: 0!important
}

.spacing-none p {
	text-align: left
}

.spacing-none span {
	text-align: left
}

.author_text {
	color: #3e3c3c;
	font-family: "TrendaIt", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: left!important;
	line-height: 30px;
	margin-bottom: 30px!important
}

.author_text a {
	font-family: "TrendaSemibold", sans-serif;
	font-size: 16px;
	color: #b81601;
	text-decoration: none;
	border-bottom: 1px solid #b81601;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-style: normal
}

.author_text img {
	margin: 0!important;
	padding: 0 0 5px 25px
}


/* Social Links Blog */

.blog_social {
	color: #aea9a9!important;
	font-size: 20px!important;
	margin-top: 30px;
	border-right: 1px solid #aea9a9
}

.blog_social .blog_social_link {
	color: #aea9a9;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	padding: 0 20px!important;
	margin-right: 5px
}

.blog_social:last-child {
	border-right: 0
}

.blog_social .blog_social_link:hover,
.blog_social:hover {
	color: #fc998d
}


/* Blog Archive Section */

.blog_archive {
	background: 0;
	padding: 140px 0 64px;
	background-image: url(../images/case_bg.png);
	background-repeat: repeat
}

.blog_archive h1 {
	text-align: left;
	text-transform: uppercase;
	font-size: 45px;
	letter-spacing: 8px;
	margin: 10px 0 45px 20px;
	font-family: "TrendaBold", sans-serif;
	color: #b81601
}

.archive_blog_date {
	color: #7c7c7c;
	font-family: "Trenda", sans-serif;
	font-size: 16px;
	padding: 0 0 40px 25px
}

.archive_blog_title {
	color: #1c1c1c;
	font-family: "Trenda", sans-serif;
	font-size: 21px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 20px 0 10px 25px
}

.post-container {
	float: left;
	max-width: 360px;
	margin: 15px
}

.post-content {
	height: 200px!important;
	overflow: hidden
}

.archive-videoWrapper {
	position: relative;
	padding-bottom: 60%;
	padding-top: 25px;
	height: 0
}

.archive-videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.archive-imageWrapper {
	position: relative;
	padding-bottom: 60%;
	padding-top: 25px;
	height: 0
}

.archive-imageWrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.archive_container {
	background-color: #fff
}


/* Showreel Video */

.videoWrapper_showreel {
	position: relative;
	padding-bottom: 54%;
	padding-top: 25px;
	height: 0;
	max-width: 1640px;
	text-align: center
}

.videoWrapper_showreel iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center
}

.videoWrapper {
	position: relative;
	padding-bottom: 48%;
	padding-top: 30px;
	height: 0;
	max-width: 1640px;
	text-align: center
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center
}

.close_popup {
	padding-bottom: 40px;
	text-align: right;
	width: 100%
}

.showreel-popup-section {
	position: relative;
	text-align: center;
	height: 100%;
	margin-top: 25px
}


/* Portfolio */

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media(min-width:1660px) {
	.embed-container {
		width: 1637px;
		margin: 0 auto;
		padding-bottom: 916px
	}
}

.modal_container {
	margin: 0 25px;
	display: block
}

.embed-showreel {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%
}

.embed-showreel iframe,
.embed-showreel object,
.embed-showreel embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media(min-width:1788px) {
	.embed-showreel {
		width: 1740px;
		margin: 0 auto;
		padding-bottom: 974px
	}
	.modal_container {
		width: 1740px;
		margin: 0 auto
	}
}

@media(max-width:1444px) and (min-width:1024px) {
	.embed-showreel {
		padding-bottom: 56.25%;
		height: 0
	}
}

@media(max-width:1023px) {
	.embed-showreel {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%
	}
}

.portfolio_close {
	text-align: right;
	width: 100%
}

.portfolio_close img {
	cursor: pointer;
	position: fixed;
	right: 40px;
	top: 110px;
	z-index: 1
}


/* Portfolio Social Links  */

.portfolio_social {
	color: #7e7a7a!important;
	font-size: 20px!important;
	margin-top: 30px;
	border-right: 1px solid #7e7a7a
}

.portfolio_social:last-child {
	border-right: 0
}

.portfolio_social .portfolio_social_link {
	color: #7e7a7a;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	margin-right: 5px;
	padding: 0 20px!important
}

.portfolio_social .portfolio_social_link:hover,
.portfolio_social:hover {
	color: #fc998d!important
}

.project_share_title {
	color: #aea9a9;
	font-family: "Trenda", sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 10px
}

.service-col2 {
	padding-left: 100px
}

.service-col2 .ser_text {
	padding-right: 50px
}

.uk-width-large-1-4.hmImgThumb {
    float: left;
}

@media(min-width:561px) and (max-width:780px) {
	.videoWrapper {
		padding-bottom: 53%
	}
	.videoWrapper_showreel {
		padding-bottom: 53%
	}
}

@media(min-width:381px) and (max-width:560px) {
	.videoWrapper {
		padding-bottom: 52%
	}
	.videoWrapper_showreel {
		padding-bottom: 52%
	}
}

@media(max-width:380px) {
	.videoWrapper {
		padding-bottom: 50%
	}
	.videoWrapper_showreel {
		padding-bottom: 50%
	}
}

@media(min-width:1408px) and (max-width:1920px) {
	#ytvideo {
		width: 1408px;
		height: 780px
	}
	.inner-show-section h2 {
		left: 16%
	}
	.show_reel_home_popup .popup_text {
		padding-bottom: 55%!important
	}
}

@media(max-width:1850px) {
	#ytvideo {
		width: 100%;
		height: 600px
	}
	.show_reel_home_popup .popup_text {
		padding: 100px 50px;
		padding-bottom: 76%!important
	}
}

@media(max-width:1270px) {
	.banner-section .video {
		width: 100%;
		height: auto
	}
}

@media(max-width:1024px) {
	.banner-section .video {
		display: none
	}
	.main_banner_slider {
		display: block;
		height: 380px;
		background-color: #9f1907;
	}
	.inner-show-reel img {
		width: 100%;
		height: auto
	}
	.banner-section .banner-box span {
		display: inline;
	}
}

@media(max-width:991px) {
	header .uk-navbar a {
		padding: 0
	}
	.inner-show-section h2 {
		bottom: 10px;
		left: 40px;
		font-size: 20px
	}
	#ytvideo {
		width: 100%;
		height: 400px
	}
}

#WORK {
	padding-top: 30px !important;
}

@media(max-width:767px) {
	#WORK {
		padding-top: 10px !important;
	}
	.blog_head {
		padding: 115px 5% 0 5%;
	}
	.blog_details {
		padding: 20px 5% 64px 5%;
	}
	.blog_archive {
		/*padding-left:5%; */
		padding-right: 5%;
	}
	.case_studies {
		padding: 60px 0 90px 0;
	}
	.div_testimonial {
		padding: 20px 5% 20px 5%;
	}
	.div_testimonial ul li span {
		font-size: 14px;
	}
	.div_testimonial ul li h1 {
		font-size: 21px;
		line-height: 35px;
	}
	.ser_text {
		padding-right: 0;
		text-align: left;
	}
	.ser_text_01 {
		text-align: left;
	}
	.service-col2 {
		padding-left: 25px;
		margin-top: 0px !important;
	}
	.service-col2 .ser_text {
		padding-right: 0;
	}
	.hide {
		display: block
	}
	.block {
		display: none
	}
	.uk-slideshow li img {
		min-height: 648px
	}
	
	.show_reel_home_popup .popup_text {
		padding: 38px 12px;
		padding-bottom: 86%!important
	}
	#ytvideo {
		width: 100%;
		height: 300px
	}
	#ytvideo01 {
		width: 100%;
		height: 300px
	}
	.show_reel_home_popup .uk-modal-dialog {
		margin: 100px auto;
		width: 83%
	}
	.show_reel_home_popup .uk-modal-dialog>.uk-close:first-child {
		width: 32px;
		height: 32px;
		background-size: cover
	}
	[data-uk-sticky][class*='uk-animation-'] {
		display: none
	}
	.uk-nav-offcanvas>li>a {
		color: #fff;
		padding: 10px 15px;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.uk-sticky-placeholder {
		height: 0!important
	}
	.new-mobile-nav {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10
	}
	.send_btn {
		width: 100%!important
	}
	.img-box img {
		width: 100%
	}
	.inner-show-reel h2 {
		font-size: 25px;
		bottom: 20px;
		left: 43px
	}
	.contact_form input {
		width: 96%;
		margin: 3px 0
	}
	.contact_form textarea {
		width: 96%;
		margin: 3px 0
	}
	.contact_section {
		min-height: 600px
	}
	.overview_box {
		margin: 0
	}
	.inner-show-reel-text {
		margin: 20px 0;
		text-align: center
	}
	.right_box_img img {
		width: 100%
	}
	.right_box {
		margin: 0
	}
	.right_right {
		padding-left: 0
	}
	.inner_head {
		font-size: 35px;
		letter-spacing: 1px;
		line-height: 40px;
		padding: 0 0 40px
	}
	.overview {
		margin-bottom: 25px
	}
	.banner-section .banner-box h1 {
		font-size: 24px;
		line-height: 40px
	}
	.banner-section .banner-box {
		left: 0;
		margin-top: -50px;
		right: 5%;
		top: 20%;
		left: 5%;
	}
	.uk-nav-offcanvas>.uk-open>a,
	html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus,
	html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
		color: #fff
	}
	#SERVICES {
		text-align: center;
		margin-bottom: 0px !important;
		/*padding-left:5%;padding-right:5%;*/
	}
	.line {
		/*margin:10px auto;*/
		text-align: left;
	}
	.banner-section .banner-box p {
		font-size: 15px
	}
	.case_details {
		margin: 25px
	}
	.we_a {
		padding: 0 10%;
		font-size: 16px
	}
	.core_service h3 {
		/*margin:35px 0 0;*/
		text-align: left;
	}
	.italic_style {
		text-align: left;
	}
	.we_box_section {
		margin-top: 35px
	}
	.uk-margin-large-bottom {
		margin-bottom: 30px!important
	}
	.we_are .text {
		padding: 0 10%
	}
	.we_are h1 {
		padding: 0 10%
	}
	/* Contact section */
	.div_contact h1 {
		font-size: 24px;
		letter-spacing: 4px;
		margin: 10px 0 20px;
		padding-top: 15px;
	}
	.div_contact h1 span {
		margin: 0 20px
	}
	.contact-section-bg {
		padding-top: 50px;
		padding-left: 5%;
		padding-right: 5%;
	}
	.div_contact .contact-form-box .uk-form-row label {
		margin-top: 10px;
		font-size: 16px;
	}
	.contact-form-box input[type="submit"] {
		margin-top: 20px
	}
	.div_contact .contact-form-box .uk-form-row textarea {
		height: 180px
	}
	.div_contact .short_desc {
		line-height: 25px;
	}
	.portfolio_close {
		margin-top: 50px
	}
	.banner-section .banner-box h1 {
		font-size: 30px;
		line-height: 42px;
		font-family: "TrendaLight", sans-serif;
	}
	.banner-section .banner-box {
		margin-top: -50px
	}
	.h3_portfolio_separator,
	.author_text_br {
		display: none;
	}
	.portfolio_footer_nav_right,
	.portfolio_footer_nav_left {
		text-align: center;
	}
	.blog_nav-right,
	.blog_nav-left {
		text-align: center;
	}
	.inner-page-style {
		margin: 0 8px;
		padding-left: 5%;
		padding-right: 5%;
	}
	.padding_5_percent {
		padding-left: 5%;
		padding-right: 5%;
	}
	.banner-section .banner-box span {
		display: inline;
	}
}

@media(max-width:761px) {
	header .uk-navbar a {
		color: #000;
		font-size: 12px;
		padding: 0;
		line-height: none
	}
}

@media(max-width:488px) {
	.mobile_login h1 {
		font-size: 18px;
		letter-spacing: 1px
	}
	.mobile_login h1 span {
		margin: 0 15px
	}
	.inner-show-reel h2 {
		font-size: 20px;
		bottom: 10px;
		left: 35px
	}
	/*.banner-section .banner-box h1{font-size:30px;line-height:42px; font-family:"TrendaLight",sans-serif;}

.banner-section .banner-box{margin-top:-75px}*/
	.case_studies h1 span {
		margin: 0 10px
	}
	.we_are .text {
		padding: 0 5%
	}
	.we_are h1 {
		padding: 0 5%
	}
	#ytvideo {
		width: 100%;
		height: 300px
	}
	.inner-show-reel .inner-show-section h2 {
		display: none
	}
	.uk-slideshow li img {
		min-height: 600px
	}
	.banner-section {
		padding: 0
	}
	.banner-section .shadow {
		margin: 0
	}
	.blog_nav a {
		width: 100%;
		height: 100%
	}
	.blog_nav-right {
		text-align: center
	}
	.blog_nav-left {
		text-align: center
	}
}

#error-notice {
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 15px!important
}

#error-notice p {
	line-height: 10px!important;
	margin-left: -15px!important;
	margin-bottom: 0!important
}

#error-notice .mainmessage {
	font-family: "TrendaBoldIt", sans-serif
}

#error-notice .submessage {
	font-family: "TrendaIt", sans-serif
}

.status-sent {
	color: #ffffff
}

.case-box a {
	color: red
}


/* ++++++++++++++++++ packery css ++++++++++++++++ */

.packery_grid {
	width: auto;
	margin: 0 auto;
	display: block;
	box-sizing: border-box;
	position: relative;
	padding: 0
}

.packery_head {
	width: auto;
	display: block;
	box-sizing: border-box;
	position: relative;
	padding: 0 170px;
	margin: 0 auto 0
}

.packery_grid:after {
	content: '';
	display: block;
	clear: both
}

.packery_grid-item {
	width: 22%;
	float: left;
	overflow: hidden
}

.packery_grid-item img {
	height: 100%;
	width: 100%
}

.gutter-sizer {
	width: 2%
}

.packery_uk-grid {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none
}

.packery_uk-grid:after,
.packery_uk-grid:before {
	content: "";
	display: block;
	overflow: hidden
}

.packery_uk-grid:after {
	clear: both
}

.packery_grid .packery_overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	z-index: 1;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

.packery_grid-item .grid_caption_box {
	position: absolute;
	top: 40.5%;
	left: 0;
	padding: 0 25px;
	margin: 0;
	opacity: 1;
	z-index: 2
}

.packery_grid-item .grid_sub_caption {
	color: #fff;
	font-size: 16px;
	line-height: 1;
	margin: 0;
	font-family: "Trenda", sans-serif;
	letter-spacing: 1px;
	padding-bottom: 12px
}

.packery_grid-item .grid_caption {
	color: #fff;
	font-size: 23px;
	line-height: 1.2em;
	margin: 0;
	font-family: "TrendaBold";
	letter-spacing: 1px
}

.packery_grid-item--item1 {
	width: 645px;
	height: 342px
}

.packery_grid-item--item2 {
	width: 458px;
	height: 525px
}

.packery_grid-item--item3 {
	width: 360px;
	height: 425px
}

.packery_grid-item--item4 {
	width: 458px;
	height: 254px
}

.packery_grid-item--item5 {
	width: 260px;
	height: 285px
}





@media(min-width:1735px) {
	.packery_grid {
		width: 1345px;
		padding: 0
	}
	.packery_head {
		width: 1345px;
		padding: 0
	}
	.gutter-sizer {
		width: 1.89%
	}
	.packery_grid-item--item1 {
		width: 806px;
		height: 427px
	}
	.packery_grid-item--item2 {
		width: 513px;
		height: 608px
	}
	.packery_grid-item--item4 {
		width: 513px;
		height: 283px
	}
	.packery_grid-item--item3 {
		width: 485px;
		height: 569px
	}
	.packery_grid-item--item5 {
		width: 296px;
		height: 325px
	}
}

@media(max-width:1734px) and (min-width:769px) {
	.packery_grid {
		width: 79.871%;
		padding: 0
	}
	.packery_head {
		width: 79.871%;
		padding: 0
	}
	.gutter-sizer {
		width: 1.89%
	}
	.packery_grid-item--item1 {
		width: 59.948%;
		height: auto
	}
	.packery_grid-item--item2 {
		width: 38.17%;
		height: auto
	}
	.packery_grid-item--item4 {
		width: 38.17%;
		height: auto
	}
	.packery_grid-item--item3 {
		width: 36.08%;
		height: auto
	}
	.packery_grid-item--item5 {
		width: 21.98%;
		height: auto
	}
}

@media(max-width:768px) {
	.packery_head {
		width: auto;
		padding: 0 15px
	}
	.packery_grid {
		width: auto;
		padding: 0 15px;
		overflow: hidden
	}
	.packery_grid-item .grid_caption_box {
		top: 10%;
		padding: 0 12px
	}
	.packery_grid-item .grid_caption {
		font-size: 1.4em
	}
	.packery_grid-item .grid_sub_caption {
		font-size: .85em
	}
	.packery_grid-item {
		float: left;
		overflow: hidden;
		left: 0!important
	}
	.packery_grid-item--item1 {
		width: auto;
		height: auto
	}
	.packery_grid-item--item2 {
		width: auto;
		height: auto
	}
	.packery_grid-item--item3 {
		width: auto;
		height: auto
	}
	.packery_grid-item--item4 {
		width: auto;
		height: auto
	}
	.packery_grid-item--item5 {
		width: auto;
		height: auto
	}
}

.packery_grid-item img {
	max-width: none;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.packery_grid-item:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1)
}

.packery_grid-item.is-dragging,
.packery_grid-item.is-positioning-post-drag {
	z-index: 2;
	opacity: .8
}

.packery-drop-placeholder {
	outline: 2px dashed hsla(0, 0%, 0%, 0.5);
	outline-offset: -6px;
	-webkit-transition: -webkit-transform .2s;
	transition: transform .2s
}


/* ++++++++++++++++++ packery css ++++++++++++++++ */


/* ++++++++++++++++++  offcanvas ++++++++++++++++ */

.navbar-header {
	position: relative
}

.offcanvas-stop-scrolling {
	height: 100%;
	overflow-x: hidden
}

.offcanvas-toggle {
	border: 0;
	outline: 0
}

.navbar-header .toggle_img {
	background: url(../images/off_menu.png) no-repeat;
	border: 0;
	outline: 0;
	width: 52px;
	height: 14px;
	margin-left: 15px;
	margin-top: 40px;
	cursor: pointer;
	display: block;
	position: absolute;
	top: -3px;
	left: 60px
}

#portfolioPage .navbar-header .toggle_img {
	background: url(../images/off_menu_white.png) no-repeat;
	border: 0;
	outline: 0;
	width: 52px;
	height: 14px;
	margin-left: 15px;
	margin-top: 37px;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0;
	/*left:55px*/
}

.navbar-default .navbar-offcanvas {
	background: #9f1907
}

.navbar-inverse .navbar-offcanvas {
	background: #222
}

.navbar-offcanvas {
	background: #9f1907;
	position: fixed;
	width: 100%;
	max-width: 460px;
	height: 100%!important;
	left: -460px;
	top: 0;
	padding: 50px 70px 30px;
	z-index: 999;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	cursor: pointer
}

.navbar-offcanvas.in {
	overflow-y: auto
}

.navbar-offcanvas .main_logo {
	position: absolute;
	left: 25px;
	top: 20px;
	width: 56px;
	height: 52px
}

.navbar-offcanvas.navbar-offcanvas-fade {
	opacity: 0
}

.navbar-offcanvas.navbar-offcanvas-fade.in {
	opacity: 1
}

.navbar-offcanvas.offcanvas-transform.in {
	-webkit-transform: translateX(460px);
	transform: translateX(460px)
}

.navbar-offcanvas.offcanvas-position.in {
	left: 0
}

.navbar-offcanvas.navbar-offcanvas-right {
	left: auto;
	right: -250px
}

.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
	-webkit-transform: translateX(-460px);
	transform: translateX(-460px)
}

.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {
	left: auto;
	right: 0
}

.navbar-offcanvas .dropdown.active .caret {
	border-top: 0;
	border-bottom: 4px solid
}

.navbar-offcanvas .dropdown-menu {
	position: relative;
	width: 100%;
	border: inherit;
	box-shadow: none;
	-webkit-transition: height .15s ease-in-out;
	transition: height .15s ease-in-out
}

.navbar-offcanvas .dropdown-menu.shown {
	display: block;
	margin-bottom: 10px
}

.offcanvas-toggle .icon-bar {
	background: #000;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
	-webkit-transform: rotate(45deg) translate(5px, 4px);
	transform: rotate(45deg) translate(5px, 4px)
}

.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
	opacity: 0
}

.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
	-webkit-transform: rotate(-45deg) translate(4px, -4px);
	transform: rotate(-45deg) translate(4px, -4px)
}

@media(max-width:768px) {
	.navbar-header .toggle_img {
		margin-left: 0px;
		margin-top: 27px;
		top: 1px;
		left: 60px;
		width: 32px;
	}
	.banner-section {
		margin-top: 55px;
		padding: 0;
	}
	.navbar-offcanvas .main_logo {
		left: 8px;
		top: 8px;
		width: 46px;
	}
	.navbar-offcanvas .toggle_inner_img {
		left: 55px;
		top: 29px
	}
	#portfolioPage .navbar-header .toggle_img {
		left: 48px;
		top: -9px;
		width: 32px;
	}
	.navbar-offcanvas {
		padding: 50px 27px 30px;
	}
	.gutter-sizer {
		width: 30px;
	}
	.case_studies {
		margin: 0 8px 25px 8px;
	}
}

@media(max-width:460px) {
	.navbar-offcanvas {
		max-width: 100% !important;
	}
	.portfolio_close img {
		width: 45px;
		top: 70px;
		right: 20px;
	}
}


/* ++++++++++++++++++ offcanvas ++++++++++++++++ */


/* ++++++++++++++++++ offcanvas2 ++++++++++++++++ */

main {
	margin: 50px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}


/*section{margin-bottom:50px}*/

.footer.main {
	background-color: #333;
	color: #fafafa;
	padding: 50px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.footer.main a {
	color: #4fc3f7
}

.navbar.main {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	padding: 0 4px;
	height: 56px;
	line-height: 56px;
	background-color: #29b6f6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 5;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5)
}

.navbar.main::after {
	content: "";
	display: table;
	clear: both
}

.navbar.main * {
	display: inline-block
}

.navbar.main a {
	text-decoration: none
}

.navbar.main .icon {
	padding: 0 8px;
	cursor: pointer
}

.sidebar {
	position: fixed;
	top: 56px;
	bottom: 0;
	width: 460px;
	background-color: #978ac4;
}

#sidebar-main {
	top: 56px
}

.sidebar.right {
	right: -300px;
	text-align: right
}

.sidebar.left {
	left: -460px
}

.sidebar .wrapper {
	position: relative;
	height: 100%;
	width: 100%;
	padding: 50px 35px 30px;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.sidebar .wrapper .toggle_inner_img {
	background: url(../images/off_menu_white.png) no-repeat;
	border: 0;
	outline: 0;
	width: 52px;
	height: 14px;
	cursor: pointer;
	position: absolute;
	left: 75px;
	top: 38px
}

.sidebar .wrapper .main_logo {
	width: 26px;
	cursor: pointer;
	position: absolute;
	left: 25px;
	top: 17px
}

.hideForMobile{
    float: left;
}


@media(max-width:768px) {
	.sidebar .wrapper .main_logo {
		width: 46px;
		left: 8px;
		top: 8px
	}
	.sidebar .wrapper .toggle_inner_img {
		left: 62px;
		top: 29px;
		width: 32px;
	}
}



/* ++++++++++++++++++ offcanvas2 ++++++++++++++++ */


/* ++++++++++++++++++ preloader ++++++++++++++++ */


/* ++++++++++++++++++ preloader ++++++++++++++++ */