/*

Fonts TypeKit
Regular	"source-serif-pro"	400 normal
Bold	"source-serif-pro"	700 normal
Regular	"ff-tisa-sans-web-pro"	400	normal

ff-tisa-sans-web-pro

Colors
Pink: 		#EB008B
Grey Dark:  #404040
Grey Lighy: #EDEDED

*/
 
html { background:#fff url(../../../images/bg_page.png) 0 0 repeat fixed; margin:0; padding:0; }
body { margin:0; padding:0; font-family:"source-serif-pro", Times, "Times New Roman", serif; font-size:16px; font-weight:400; line-height:24px; color:#404040; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4 { font-family:"source-serif-pro", Times, "Times New Roman", serif; font-weight:700; color:#404040; }
h1 { font-size:34px; line-height:41px; }
h2 { font-size:20px; line-height:31px; }
h3 { font-size:16px; line-height:24px; }

a { color: #EC008C; }

.content-main { background:#fff; margin:75px auto; }

article { position:relative; }

#border_top, #border_bottom { background:#EC008C; width:100%; height:10px; position:fixed; top:0; left:0; }
#border_bottom { position: fixed; bottom: 0px; top: inherit; }

a.img_shadow { display:block; }

.tm-headerbar { margin-left:50px; float:left; }
.tm-headerbar .tm-logo { max-width:190px; }
.uk-navbar { background:none; width: auto; margin: 64px auto 0 350px; }
.uk-navbar-nav > li::before { content:'/'; font-family:"source-serif-pro", Times, "Times New Roman", serif; font-weight:400; font-size:25px; }
.uk-navbar-nav > li a { display:inline; padding: 0 50px 0 9px; font-family:inherit; font-weight:700; font-size:25px; }
.uk-navbar-nav > li.uk-active a, .uk-navbar-nav > li a:hover, .uk-navbar-nav > li > a:active, .uk-navbar-nav > li > a:focus { color:#EB008B; background:none; }

.tm-footer { margin-top: 0; }
.uk-icon-twitter { color:#26AAE1; }
.uk-icon-facebook { color:#3C5A99; }
.uk-icon-instagram { color:#5DA4BD; }
.uk-icon-youtube { color:#cc181e; }
.panel-grey, .panel-white { padding:10px 50px 20px; }
.panel-grey { background:#EDEDED; }
hr.hr_pink { color:#EB008B; background:#EB008B; width:33%; height:3px; border:0 none; }

.uk-container { padding:0; }

.uk-slider .uk-flex-middle {
    -ms-flex-align: inherit;
    -webkit-align-items: inherit;
    align-items: inherit;
}
.uk-slider .uk-overlay-panel { padding:0; color:#404040; }
.uk-slider .uk-overlay-background { background:none; }

#tm-content { margin-top:0 !important; }

.id29_intro { padding:0 55px; }
.id29_intro .uk-width-1-3 { padding-right: 50px; }
.id29_intro hr { width:100%; }
.id29_intro h3 { font-size:39px; line-height:40px; margin-bottom: 25px !important; }
.id29_intro p { font-size:21px; line-height:30px; }

.id29_recent_work { padding:0 55px; margin-top:50px; }
.id29_recent_work h3 { font-size:39px; line-height:40px; }
.id29_recent_work hr { width:66%; }

.id29_about { padding:10px 25px 20px; margin:0 0 10px 0; }
.id29_about h3 { font-size:39px; line-height:40px; }
.id29_about h4 { font-size:20px; line-height:24px; }
.id29_about hr { width:100%; }
.id29_about p { font-size:16px; line-height:24px; }
.id29_about .uk-width-1-3,
.id29_about .uk-width-2-3 
	{ padding-right: 50px; }
.id29_about .uk-text-small { font-size:13px; line-height:20px; }
.id29_about .uk-thumbnav { max-width: 350px; }
.id29_about .uk-switcher .uk-panel .uk-margin.uk-text-center { max-width: 330px; position: absolute; top: -230px; right: 0; }
.id29_about h3.uk-panel-title { font-size:20px; line-height:24px; font-weight:600; }
.id29_about h3.uk-panel-title div { font-weight:normal; line-height: 150%; font-size:16px; }
.id29_about .uk-switcher hr { width: 45%; margin-top: 45px; }
.id29_about .uk-thumbnav { margin-top:10px; }
.id29_about .uk-thumbnav > * { margin-right: 5px; margin-bottom: 5px; }

.id29_contact { padding:10px 25px 40px; margin:0 0 10px 0; }

#about_us,
#contact_us
	{ position:relative; }
	
#about_us a.uk-close,
#contact_us a.uk-close 
	{ position: absolute; top: 10px; right: 10px; }
#about_us a.uk-close:after,
#contact_us a.uk-close:after
	{ display:block !important; }

.selected-clients { padding:0 55px 50px; text-align:left; overflow:auto; }
.selected-clients hr { width:27%; }
.selected-clients h3 { font-size:23px; line-height:28px; }
.selected-clients li { margin-bottom:8px; font-family:"ff-tisa-sans-web-pro", Helvetica, Arial, sans-serif; font-size:85%; }

.id29_footer { padding:0 55px; margin-top:50px; text-align:left; }
.id29_footer .uk-width-1-3 { padding-right: 50px; }
.id29_footer hr { width:100%; }
.id29_footer h3 { font-size:23px; line-height:28px; }
.id29_footer_social {}
.id29_footer_social a,
.id29_footer_twitter a[href="https://twitter.com/id29"],
.id29_footer_instagram a[href="https://www.instagram.com/id29/"]
	{ font-size:23px; line-height:28px; color:#77787B !important; text-decoration:none; }
.id29_footer_twitter a[href="https://twitter.com/id29"] { display:block; margin-top:20px; }
.id29_footer_social i,
.id29_footer_twitter i,
.id29_footer_instagram i 
	{ width:40px; font-size:40px; text-align:center; margin-right:10px; }
.id29_footer_twitter i,
.id29_footer_instagram i 
	{ margin-right:0; }
.id29_footer_twitter p { margin-top:0; }
.id29_footer_twitter .uk-margin { margin-bottom:0; }
.id29_footer_twitter > .uk-grid { min-height:250px; max-height:250px; height:250px; overflow:auto; }
.id29_footer_instagram { padding-top:25px; }
.id29_footer_instagram .uk-article-meta { display:none; }
.id29_footer_instagram a[href="https://www.instagram.com/id29/"] { display:block; margin-top:-20px; }

.id29_footer_twitter .uk-article-meta { margin-bottom:0; }
.id29_footer_twitter a.uk-button { background:#fff; font-size:0; padding:0; }
.id29_footer_twitter a.uk-button:after { content:'<more>'; font-size:12px; line-height:18px; }


.id29_footer2 { padding:0 55px; margin-top:50px; text-align:left; }
.id29_footer2 hr { width:91%; margin: 0 auto 15px; }
.id29_footer2 p { font-size:12px; line-height: 17px; margin-bottom:25px; }

.tm-main { position: relative; }
.menu_panel { background:#ededed; display:none; margin-bottom: -10px; }

.our-work .uk-alert { display:none; }
.our-work .tm-main-top { }
.our-work .tm-main-top .uk-overlay-panel > div { background: rgba(255, 255, 255, .8);  display: block;  height: 280px; width: 280px; vertical-align: middle; opacity: 0; -webkit-transition: opacity 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   -moz-transition: opacity 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     -o-transition: opacity 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        transition: opacity 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
.our-work figure.uk-overlay.uk-overlay-hover:hover .uk-overlay-panel > div { opacity:1; }
.our-work .tm-main-top h3.uk-panel-title { font-family:"ff-tisa-sans-web-pro", Helvetica, Arial, sans-serif; /* text-transform:uppercase; */ font-weight:700; font-size:17px; line-height:23px; margin-top:115px; letter-spacing: 1px; } 
.our-work .tm-main-top h3.uk-panel-title hr { margin: 8px auto; border-top: 2px solid #444444; width: 40px; }
.our-work .tm-main-top h3.uk-panel-title div { font-size:12px; font-weight:400; }
.grid_work { margin:10px 10px 10px 20px; overflow: auto; }
.grid_work > div.uk-panel { width:33%; float:left; margin-bottom:15px; }
.grid_work > div.uk-panel.item3 { width:66%; margin-bottom:0; }
.grid_work figure {margin:15px; }

.pager.pagenav { list-style:none; height:60px; width:auto; margin:20px 55px; position:relative; }
.pager.pagenav li {position:absolute; }
.pager.pagenav li.previous { left:0; }
.pager.pagenav li.next { right:0; text-align:right; }
.pager.pagenav a { font-size:18px; line-height:19px; color:#444444; font-weight:600; }
.pager.pagenav a div.title { display:inline-block; margin-top: 4px; }
.pager.pagenav a div.title div { font-family:"ff-tisa-sans-web-pro", Helvetica, Arial, sans-serif; font-size:11px; text-transform:uppercase; font-weight:400; }
.icon-chevron-right, .icon-chevron-left { font-family: FontAwesome; display:inline-block; color:#999999; font-weight: 400; font-style: normal; line-height: 1; font-size:43px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 4px; }
.icon-chevron-right { margin-left:15px; float:right; }
.icon-chevron-right:before { content: "\f0da"; } 
.icon-chevron-left { margin-right:15px; float:left; }
.icon-chevron-left:before { content: "\f0d9"; } 
.pager.pagenav a:hover,
.pager.pagenav a:hover .icon-chevron-right, .pager.pagenav a:hover .icon-chevron-left
	 { color:#EB008B; }
.articleNavTop { display: block; position: absolute; width: 60%; right: -20px; top: 10px; }

.feature { position:relative; margin:15px auto; }
.feature > a { display:block; overflow:auto; color:#404040; }
.feature img { max-width:none; width:100%; }
.feature div { background: rgba(255, 255, 255, .8); position:absolute; margin:15px; bottom:15px; padding:10px; width: calc(100% - 85px); opacity:0; 
-webkit-transition: opacity 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: opacity 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: opacity 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: opacity 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}
.feature a:hover div { opacity:1; }
.feature h3 { font-size:23px; line-height:28px; }
.feature hr { width:80%; }
.feature hr:first-child { margin-top:3px; }

 iframe { margin:15px auto; } 
 
.contact-form .gbs3 h3, .contact-form .gbs3 .h3 { font-size: 24px; font-weight: 700; }
#chronoform-contact_us2 { overflow:auto; }
.chrono_credits,
#chronoform-contact_us2 label
	{ display:none; }
#fin-message { width:80%; }
#fin-message textarea { width:100% !important; border-radius:0; border:#c1c1c1 1px solid; font-family:"ff-tisa-sans-web-pro", Helvetica, Arial, sans-serif; }
.id29_contact h3 { font-size:39px; line-height:40px; }
.id29_contact p { font-size:21px; line-height:30px; }
.id29_contact a { color:#828282; }
#form-row-name,
#form-row-email
	{ width:40%; float:left; }
#fin-name, #fin-email { width:95%; }
#fin-name input, #fin-email input { width:100% !important;  border-radius:0; border:#c1c1c1 1px solid; font-family:"ff-tisa-sans-web-pro", Helvetica, Arial, sans-serif; }
#fin-email { margin:0 0 0 auto; }
#form-row-recaptcha, #form-row-button4 { width:50%; float:left; }
#form-row-button4 { padding-top: 20px; }
input[type="submit"] { background-image:none !important; border-radius:0 !important; background:#999999 !important; color:#ffffff !important; text-transform:lowercase !important; text-shadow: none !important; font-family:"ff-tisa-sans-web-pro", Helvetica, Arial, sans-serif; }
.id29_contact .uk-slideshow { height:300px !important; }
.id29_contact .uk-width-1-3 { padding:70px 65px 0 0 !important; }
.gbs3 #tm-middle { background:#ededed; }
.gbs3 .tm-headerbar, .gbs3 .tm-navbar { display:none; }
.contact-form #border_top,
.contact-form #border_bottom,
.contact-form footer,
.contact-form .tm-headerbar,
.contact-form .tm-navbar 
	{ display:none; }
.contact-form .content-main { background: #ededed; margin:0; }
.id29_contact iframe { width: 650px; height: 330px; overflow:hidden; margin:0; }
html.contact-form { overflow:hidden; }


.keyline { border: 2px solid #EDEDED; }
.small { font-size: 85%; }
.thestudio { font-size:16px; }
.uk-modal-dialog { background:transparent; }
.uk-slidenav-position .uk-slidenav { text-shadow: #ddd 0px 1px 1px; }

a:hover .uk-icon-hover, a:hover i { color: #444444 !important; }

html.contact-form { background:#ededed !important; }

.blog {}
.blog .tm-middle { padding: 30px 20px 50px 53px; }
.blog h1.tm-title, .blog .archiveblog .page-header h1, .id29blog h1 { padding-bottom: 15px; border-bottom: 4px #EC008C solid; margin-bottom: 15px !important; }
.blog .tm-main { padding-right: 50px; }
.blog .uk-article-meta { font-weight: 700; font-size: 14px; color: #404040; margin-bottom: 0; }
.blog .uk-article-meta span { font-weight: 400; }
.blog .uk-article-meta-grid > div { display: inline-block; vertical-align: bottom; }
.blog .uk-article-meta-grid > div img { max-width: 55px; margin-right: 13px; }
.blog article { padding-bottom: 30px; border-bottom: 3px #ccc solid; margin-bottom: 60px; font-family:"ff-tisa-sans-web-pro", Helvetica, Arial, sans-serif; }
.blog ul.tags { padding: 0 0 0 10px; margin: 0 }
.blog ul.tags li { display: inline-block; margin:0 5px 0 0; list-style: none; }
.blog ul.tags li:after { content: " / "; }
.blog ul.tags li:last-child:after { content: ""; }
.article-sub { display: none; }
.blog .article-sub { display: block; }
.blog .article-sub p { padding-bottom: 0; margin-bottom: 0;}
.blog .article-sub a { color: #404040; }
.blog .article { font-family:"ff-tisa-sans-web-pro", Helvetica, Arial, sans-serif; }
.blog .container-tags > *, .blog .container-permalinks > *, .blog .container-addthis > * { display: inline-block; vertical-align: middle; margin: 5px 0;  }
.blog .article-sub .container-tags { margin-bottom: 0; }
.blog .article-sub .container-tags > p { margin-bottom: 5px; }
.blog .article-sub .container-permalinks > p { margin-bottom: 5px; }
.blog .article-sub .container-addthis > p { margin-bottom: 11px; }
.blog .uk-panel-box { background: none; }
.blog .uk-search-field { width: 90%; padding: 4px 4px 4px 30px; border: 1px solid #ccc; }
.blog .uk-grid .tm-sidebar-a .uk-panel.uk-panel-box { margin-top: 0px; }
.blog .tm-sidebar-a { padding-left: 10px; }
.blog .tm-sidebar-a a { font-family:"ff-tisa-sans-web-pro", Helvetica, Arial, sans-serif; font-size: 14px; color: #404040; }
.blog .tm-sidebar-a li:before { content: "> "; display: inline-block; margin-right: 5px; }
.blog .tm-sidebar-a ul { margin-top: 10px; }
.blog .tm-sidebar-a h3.uk-panel-title { font-weight: 700; margin-bottom: 10px; }
.blog .tagspopular ul { list-style: none; padding-left: 0; }
.blog .tagspopular li:nth-child(n+2) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #dddddd;
}
.blog .archiveblog #adminForm { padding-top: 25px; }
.blog .archiveblog #adminForm > .filters { display: none; }

.uk-article .uk-article-meta, .uk-article .uk-article-title { display: none; }
.id29blog .uk-article .uk-article-meta, .id29blog .uk-article .uk-article-title { display: block; }
.id29blog .tm-content > .uk-article { margin-top: 55px; }
.id29blog .uk-article-title { font-size: 34px; line-height: 36px; font-weight: 600; }
.id29blog h2 { font-weight: 400; }

/* Large screen and bigger */
@media (min-width: 1220px) {
	.uk-container { padding:0; }
	.uk-navbar { background:none; margin-bottom:0; }
}
/* Up to Large screen */
@media (max-width: 1220px) {
	.id29_about .uk-switcher .uk-panel .uk-margin.uk-text-center { max-width: 205px; }
	.articleNavTop { top: -14px; }
}

/* Tablet portrait and smaller */
@media (max-width: 1024px) {
	.id29_contact .uk-width-1-3 { padding: 70px 10px 0 0 !important; }
	.id29_contact iframe { height: 300px; }
}

/* Desktop and bigger */
@media (min-width: 960px) {
}

/* Tablet portrait and smaller */
@media (max-width: 959px) {
	.uk-navbar-nav > li a { padding: 0 30px 0 9px; font-size: 20px; }
	.tm-footer { padding: 0 10px 0 35px; }
	.id29_footer { padding: 0px 0px; }
	.id29_footer .uk-width-1-3 { padding-right: 15px; }
	.id29_about .uk-switcher .uk-panel .uk-margin.uk-text-center { max-width: 78%; position: relative; top: 0px; right:auto; }
	.id29_contact .uk-width-1-3 { width:50%; padding: 70px 15px 0 40px !important; }
	.id29_contact .uk-width-2-3 { width:50%; }
	.id29_contact iframe { height: 300px; width: 400px; }
}

/* Tablet and bigger */
@media (min-width: 768px) {
}
/* Phone landscape and smaller */
@media (max-width: 767px) {
	.tm-footer { padding:0; }
	.id29_footer { padding: 0 55px; }
	.id29_footer .uk-width-1-3 { padding-right: 50px; }
	[class*='uk-width'], .id29_contact .uk-width-2-3, .id29_contact .uk-width-1-3 { width:100%; margin-bottom:10px; }
	p { margin-bottom:1em; }
	hr.hr_pink, .id29_recent_work hr { width: 100%; }
	.id29_about .uk-switcher hr { width: 93%; }
	.id29_footer .uk-width-1-3 { padding-right: 0; }
	.uk-navbar { margin:0 auto; height: 85px; }
	.content-main { margin: 10px auto; }
	a.tm-logo-small { overflow:auto; margin:-20px auto; display:block; } 
	.id29_intro h3 { margin-bottom: 5px !important; }
	.grid_work > div.uk-panel, .grid_work > div.uk-panel.item3 { width: 100%; }
	.our-work .uk-article { margin-top:25px; }
	.articleNavTop { position: relative; width: 100%; right: 0; top: 0px; left:0; }
	.pager.pagenav { margin: 0px 10px }
	.id29_about .uk-switcher .uk-panel .uk-margin.uk-text-center { max-width: 93%; position: relative; top: 0px; right:auto; }
	.id29_contact .uk-width-1-3 { padding: 20px 15px 0 !important; }
	.id29_contact iframe { width: 100%; height: 340px; overflow: hidden; }
	#form-row-recaptcha, #form-row-button4 { width: 100%; }
	#form-row-button4 { padding-top: 0px; }
	.pager.pagenav a div.title { font-size:0; margin-top: 16px; }
	.uk-offcanvas-bar { background:#d5007e; }
	.uk-nav-offcanvas > li > a { color: #1a1a1a; font-weight:700; font-size:125%; }
	.id29_footer2 p { padding: 0 3%; text-align: center; width: 100%; }
	.our-work .tm-main-top .uk-overlay-panel > div { height:240px; }
	.our-work .tm-main-top h3.uk-panel-title { margin-top:95px; }
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
	
}
/* Phone portrait and smaller */
@media (max-width: 376px) {
	#about_us .uk-thumbnav > * > * > img { max-width: 83px; }
}