/** 
 * SCREEN
**/

/* DESKTOP + TABLET + MOBILE */
@media only screen and (max-width: 1199px){
	
}

/* DESKTOP + TABLET */
@media only screen and (min-width: 768px) and (max-width: 1199px){

}

/* TABLET + MOBILE */
@media only screen and (max-width: 989px){
	#nav-primary{ display: none; }
	#nav-mobile{ display: block; }
}

/* LAPTOP */
@media only screen and (min-width: 1200px){
	::-webkit-input-placeholder{}
	::-moz-placeholder{}
	:-ms-input-placeholder{}
	:-moz-placeholder{}
	.outer{ max-width: 1200px; }
	.inner{ width: 1200px; }
	
	button, .input-button[href]{ padding: 10px 63px 10px 25px; }
	
	.wysiwyg-panel{ font-size: 17.5px; }
	.wysiwyg-panel h1,
	.wysiwyg-panel h2{ font-size: 1.7125em;  }
	
	.the-page button, .the-page  .input-button[href]{ padding: 10px 63px 10px 25px; }
	
	.heading{ background-image: url(../images/large/heading.jpg); }
	.heading{ box-shadow: inset 0 0 100px #013564; padding: 55px 0 51px 0; }
	.heading-title{ height: 180px; }
	.heading-title-inner{ font-size: 3.345em; font-weight: 300; line-height: 1.25; }
	.heading-back{ width: 800px; }
	.indexes-title{ font-size: 2em; margin: 0 0 17px 0; }	
	.indexes-container a.active span:after{ content:""; display: block; position: absolute; left: 50%; bottom: -15px; margin-left: -15px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #0a93ff; z-index: 3; }
	.panels .panel{ padding: 47px 51px 33px 51px; }
	.js .panels-swiper .panel{ margin-right: 40px; width: 1200px; }
	.projects .project-image{ width: 447px; }
	
	#header .inner{ height: 153px; }	
	#header .logo{ left: 0; top: 24px; }
	#header .logo img{ height: 81px; width: 118px; }
	#nav-primary{ right: 91px; top: 58px; }
	#nav-primary .menu-lvl-0-item{ margin-left: 41px; }
	#nav-language{ top: 58px; }
	#main .content{ background-image: url(../images/large/content.jpg); }	
	#main .content .left{ width: 822px;  }	
	#main .content .right{ width: 300px; }		
	#tpl-approach .heading{ background-image: url(../images/large/heading-approach.jpg); padding-bottom: 47px; }
	#tpl-approach .heading-title{ height: 362px; padding-top: 32px; }
	#tpl-approach .indexes-container li{
		-webkit-flex: 1 0 5%;
		-moz-flex: 1 0 5%;
		flex: 1 0 5%;
	}
	#tpl-book .heading{ padding-bottom: 53px; }
	#tpl-book .heading-title{ height: 147px; }
	#tpl-book .the-page{ margin: 0 300px 38px 0; }
	#tpl-book .the-book-image{ right: 80px; top: -100px; }
	#tpl-front-page .swiper-container{ height: 610px; }
	#tpl-front-page .swiper .slide{ height: 610px; max-width: 1450px; }
	#tpl-front-page .swiper .slide-outer, #tpl-front-page .swiper .slide-inner{ height: 610px; max-width: 1450px; }
	#tpl-front-page .flickity-page-dots{ bottom: 14px; }
	#tpl-front-page #main .content .inner{ padding: 80px 0 103px 0; }
	#tpl-front-page .boxes{ margin-left: -30px; }
	#tpl-front-page .boxes .box{ margin-left: 30px; width: 380px; }
	#tpl-front-page .boxes .box-title{ font-size: 30px; margin: 0 0 24px 0;  }
	#tpl-front-page .boxes .box-container{ height: 350px; margin-bottom: 21px; }
	#tpl-front-page .boxes .box-cta{}
	#tpl-front-page .boxes .box-cta a{ font-size: 15px;}
	#tpl-front-page .boxes .box-approach p{ height: 87px; width: 187px; }
	#tpl-front-page .boxes .box-approach p span{ font-size: 15px; font-weight: 700; line-height: 1.1333333333; padding: 17px 15px; }
	#tpl-front-page .boxes .box-approach li{ height: 87px; width: 187px; }
	#tpl-front-page .boxes .box-approach li:nth-child(odd){ width: 191px; }
	#tpl-front-page .boxes .box-approach li a{ font-size: 14px; padding: 0 20px 0 50px; }
	#tpl-front-page .boxes .box-approach li a:before{ font-size: 2em; width:49px; }
	#tpl-front-page .boxes .box-projects .project{ height: 174px; }
	#tpl-front-page .boxes .box-projects .project-image{ width: 150px; }
	#tpl-front-page .boxes .box-projects .project-image img{ width: 130px; }
	#tpl-front-page .boxes .box-projects .project-container{ font-size: 15px; line-height: 1.1333333333; padding: 0 32px 0 12px; }
	#tpl-front-page .boxes .box-projects .project-container-inner{ max-height: 173px; }
	#tpl-front-page .boxes .box-blogs .blog{ height: 116px; font-size: 15px; line-height: 1.1333333333; padding: 16px 65px 16px 14px; }
	#tpl-front-page .boxes .box-blogs .blog-cta a:after{ display: block; }
	#tpl-home .indexes{ width: 800px; }
	#tpl-projects .the-page{ margin-bottom: 46px; }
	#tpl-search .heading{ padding-bottom: 56px; }
	#tpl-single .heading{ padding-bottom: 52px; }
}

/* TABLET */
@media only screen and (min-width: 768px) and (max-width: 989px){
	.inner{ width: 728px; }
	
	.wysiwyg-the-page{ font-size: 16px; line-height: 1.375; }
	
	.heading{ box-shadow: inset 0 0 100px #013564; padding: 49px 0 51px 0; }
	.heading-title{ height: 126px; }
	.heading-title-inner{ font-size: 1.935em; font-weight: 300; line-height: 1.25; }
	.heading-back{ width: 328px; }
	.indexes-container ul a span{ font-size: 0.875em; }
	.panels-swiper .panels-container:after { content: ''; }
	.panels-swiper .panel{ margin: 0 0 30px 0; }
	.projects .project-image{ width: 286px; }
	.scenarios .scenario-theme{ padding: 20px; width: 286px; }
	.scenarios .scenario-theme-title{ font-size: 1.5em; }
	.scenarios .scenario-theme-container{ font-size: 1.125em; }
	.scenarios .scenario-container{ padding: 20px; }
	.sharethis{ padding-left: 0; }
	.subscribe{ padding: 20px; }
	.subscribe-container form{ height: 36px; margin: 30px 0;  }
	.subscribe-container input[type="text"]{ float: left; height: 34px; width: 250px; }
	.subscribe-container button{ float: left; margin-left: 3px; width: 140px; }	
	.the-post{ padding: 20px; }
	
	#header .inner{ height: 104px; }
	#header .logo{ left: 11px; top: 14px; }
	#header .logo img{ height: 64px; width: 93px; }
	#nav-language{ right: 5px; top: 29px; }
	#nav-mobile-button{ right: 61px; top: 29px; }
	#nav-mobile-close{ right: 29px; top: 29px; }
	#main .content{ background-image: url(../images/tablet/content.jpg); }
	#main .content .inner {  padding: 37px 0 37px 0; }
	#main .content .left{ float: none; margin-bottom: 5px; width: auto; }
	#main .content .right{ float: none; width: auto; }
	#footer .inner{ padding: 34px 0; }
	#footer .vcard{ right: 133px; top: 46px; }
	#footer .socials{ right: 38px; top: 55px; }

	#tpl-approach .heading{ padding: 53px 0 33px 0; }
	#tpl-approach .heading-title{ height: 158px; }
	#tpl-approach #main .content .inner{ padding: 38px 0 37px 0; }
	#tpl-book .heading-title{ height: 90px; }
	#tpl-book .the-page{ margin-right: 260px; }
	#tpl-book .the-book-image{ right: 40px; top: -60px; }
	#tpl-front-page .swiper-container{ height: 324px; }
	#tpl-front-page .swiper .slide{ height: 324px; max-width: 768px; }
	#tpl-front-page .flickity-page-dots{ bottom: 13px; }
	#tpl-front-page #main .content .inner{ padding: 43px 0 80px 0; width: 704px; }
	#tpl-front-page .boxes .box-approach{ margin-bottom: 46px; }
	#tpl-front-page .boxes .box-projects{ float: right; margin-bottom: 46px; }
	#tpl-front-page .boxes .box-blogs{ clear: both; float: none; width: auto; }
	#tpl-front-page .boxes .box-blogs .box-title{ margin-bottom: 20px; text-align: center; }
	#tpl-front-page .boxes .box-blogs .box-title br{ display: none; }
	#tpl-front-page .boxes .box-blogs .box-title strong:after{ content: ', '; }
	#tpl-front-page .boxes .box-blogs .box-container{ height: auto; }
	#tpl-front-page .boxes .box-blogs .blogs{ display: table; table-layout: fixed; width: 100%; }
	#tpl-front-page .boxes .box-blogs .blog{ border-width: 0 0 0 1px; display: table-cell; padding: 14px 15px 11px 15px; }
	#tpl-front-page .boxes .box-blogs .blog:first-child{ border-width: 0 0 0 0; }
	#tpl-front-page .boxes .box-blogs .blog:last-child{ border-width: 0 0 0 1px; }
	#tpl-front-page .boxes .box-blogs .blog-overflow{ max-height: none; }
	#tpl-front-page .boxes .box-blogs .box-cta{ text-align: center; }
	#tpl-home .indexes{ width: 400px; }
	#tpl-home .heading-search input[type="text"] { width: 327px; }
	#tpl-projects #main .content .inner{ padding: 29px 0 37px 0; }
	#tpl-projects .the-page{ margin-bottom: 32px; }
}

/* MOBILE */
@media only screen and (max-width: 767px){
	.inner{ width: 300px; }
	
	button, .input-button[href] { font-size: 0.75em; padding: 12px 50px 12px 15px; }
	iframe{ height: 169px; width: 280px; }
	textarea{ max-width: 280px; }
	
	h1{ font-size: 1.25em; line-height: 1.4; }
	
	.wysiwyg-panel{ font-size: 14px; }
	.wysiwyg-panel h1,
	.wysiwyg-panel h2{ font-size: 1.25em; line-height: 1.4; }
	.wysiwyg-the-page{ font-size: 16px; }
	
	.articles .article{ padding: 15px 10px; }
	.heading{ box-shadow: inset 0 0 100px #013564; padding: 28px 0 35px 0; }
	.heading-title{ height: 126px; }
	.heading-title-inner{ font-size: 1.2em; font-weight: 300; line-height: 1.25; }
	.heading-back{ width: 108px; }
	.heading-back a{ height: 60px; font-size: 1em; line-height: 60px; padding: 0 15px; }
	.heading-search input[type="submit"]{ left: 10px; font-size: 24px; width: 30px; }
	.heading-search input[type="text"]{ height: 60px; padding: 10px 20px 10px 50px; width: 190px; }
	.indexes-title{ font-size: 1.2em; padding: 0 10px; }
	.indexes-container ul a span{ font-size: 0.875em; }
	.panels .panel{ padding: 26px 10px 26px 10px; }
	.panels-swiper .panels-container:after { content: ''; }
	.panels-swiper .panel{ margin: 0 0 30px 0; }
	.projects .project{ display: block; }
	.projects .project-image{ display: block; width: auto; }
	.projects .project-container{ display: block; padding: 20px 10px; width: auto; }
	.scenarios-title{ font-size: 1.5em; }
	.scenarios .scenario{ display: block; }
	.scenarios .scenario-theme{ display: block; padding: 20px; width: auto; }
	.scenarios .scenario-theme-title{ font-size: 1.5em; }
	.scenarios .scenario-theme-container{ font-size: 1.125em; }
	.scenarios .scenario-container{ display: block; padding: 20px; }
	.subscribe{ padding: 15px 10px; }
	.subscribe-container form{ margin: 30px 0;  }
	.the-post{ padding: 15px 10px; }
	
	
	#header .inner{ height: 94px; }
	#header .logo{ left: -1px; top: 10px; }
	#header .logo img{ height: auto; width: 90px; }
	#nav-language{ right: 0; top: 23px; }
	#nav-mobile-button{ right: 56px; top: 23px; }
	#nav-mobile-close{ right: 23px; top: 23px; }
	#main .content{ background-image: url(../images/mobile/content.jpg); }
	#main .content .inner{ padding: 15px 0; }
	#main .content .left{ float: none; margin-bottom: 5px; width: auto; }
	#main .content .right{ float: none; width: auto; }
	#footer .inner{ padding: 34px 0; }
	#footer .logo{ margin-bottom: 21px; text-align: center;  }
	#footer .vcard{ margin-bottom: 24px; position: static; text-align: center; right: 0; top: 0; }
	#footer .socials{ position: static; text-align: center; right: 0; top: 0; }
	#footer .socials ul{ display: table; margin: 0 auto; }
	#footer .socials li{ display: inline-block; margin: 0 3.5px; }
	
	#tpl-approach .heading{ padding: 23px 0 26px 0; }
	#tpl-approach .heading-title{ height: 156px; }
	#tpl-approach .indexes-title{ margin-left: -10px; margin-right: -10px; }
	#tpl-approach .indexes-container li{ 
		-webkit-flex: 1 0 49%;	
		-moz-flex: 1 0 49%;	
		flex: 1 0 49%;	
	}
	#tpl-approach .indexes-container ol a span{ padding: 0 10px 0 40px; }
	#tpl-approach .indexes-container ol a span:before{ font-size: 1.5em; left: -7px; }
	#tpl-approach #main .content .inner{ padding: 28px 0 37px 0; }
	#tpl-book .heading-title{ height: auto; }
	#tpl-book .the-page{ margin-right: 0; }
	#tpl-book .the-book-image{ position: static; right: 0; top: 0; }
	#tpl-book .the-book-image img{ margin: 0 auto;  }
	#tpl-front-page .swiper-container{ height: 298px; }
	#tpl-front-page .swiper .slide{ height: 298px; max-width: 320px; }
	#tpl-front-page .flickity-page-dots{ bottom: 10px; }
	#tpl-front-page #main .content .inner{ padding: 35px 0 80px 0; width: 320px; }
	#tpl-front-page .boxes{ margin-left: 0;  }
	#tpl-front-page .boxes .box{ float: none; margin-left: 0; width: auto; }
	#tpl-front-page .boxes .box-title{ margin-bottom: 25px; text-align: center; }	
	#tpl-front-page .boxes .box-container{ height: auto; }
	#tpl-front-page .boxes .box-cta{ text-align: center; }
	#tpl-front-page .boxes .box-approach{ margin-bottom: 66px; }
	#tpl-front-page .boxes .box-approach p{}
	#tpl-front-page .boxes .box-projects{ margin-bottom: 82px; }
	#tpl-front-page .boxes .box-projects .box-title br{ display: none; }
	#tpl-front-page .boxes .box-projects .project{ display: table; }
	#tpl-front-page .boxes .box-projects .project-image{ display: table-cell; }
	#tpl-front-page .boxes .box-projects .project-container{ display: table-cell; }
	#tpl-front-page .boxes .box-projects .project-overflow{ max-height: none; }
	#tpl-front-page .boxes .box-blogs .box-title strong:after{ content: ', '; }
	#tpl-front-page .boxes .box-blogs .blog-overflow{ max-height: none; }
	#tpl-home .heading-title{ height: 75px; }
	#tpl-home .indexes{ margin-bottom: 1px; width: auto; }
	#tpl-home .indexes-container a{ height: 60px; }
	#tpl-home .indexes-container a span{ font-size: 1em; padding: 0 15px; }
	#tpl-home .heading-search{ bottom: 0; left: 0; margin: 0 1px; position: relative; right: 0; }
	#tpl-page .heading-title{ height: 75px; }
	#tpl-page .indexes-container li{ 
		-webkit-flex: 1 0 49%;	
		-moz-flex: 1 0 49%;	
		flex: 1 0 49%;	
	}
	#tpl-search .heading-title{ height: 75px; }
	#tpl-single .heading-title{ height: 75px; }
}
/**/