/* CSS Document */















@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700,900,900italic,600italic,400italic,900italic);







@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700,900,400italic,300italic);







@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);















@font-face {







	font-family: 'bebas';







	src: url('../fonts/bebas/bebas.eot');







	src: local(' '), url('../fonts/bebas/bebas.woff') format('woff'), url('../fonts/bebas/bebas.ttf') format('truetype'), url('../fonts/bebas/bebas.svg') format('svg');







	font-weight: normal;







	font-style: normal;







}























body { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; color: #000000;}















a, input[type="button"], input[type="submit"], button { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);}















a:hover,







a:focus { outline: none;}















/*  MESSAGE BOX  */







.alert {







	padding: 8px 35px 8px 14px;







	margin-bottom: 18px;







	text-shadow: 0 1px 0 rgba(255,255,255,0.5);







	background-color: #fcf8e3;







	border: 1px solid #fbeed5;







	-webkit-border-radius: 4px;







	-moz-border-radius: 4px;







	border-radius: 4px;







}







.alert,







.alert h4 {







	color: #c09853;







}







.alert h4 {







	margin: 0;







}







.alert .close {







	position: relative;







	top: -2px;







	right: -21px;







	line-height: 18px;







}







.alert-success {







	background-color: #dff0d8;







	border-color: #d6e9c6;







	color: #468847;







}







.alert-success h4 {







	color: #468847;







}







.alert-danger,







.alert-error {







	background-color: #f2dede;







	border-color: #eed3d7;







	color: #b94a48;







}







.alert-danger h4,







.alert-error h4 {







	color: #b94a48;







}







.alert-info {







	background-color: #d9edf7;







	border-color: #bce8f1;







	color: #3a87ad;







}







.alert-info h4 {







	color: #3a87ad;







}







.alert-block {







	padding-top: 14px;







	padding-bottom: 14px;







}







.alert-block > p,







.alert-block > ul {







	margin-bottom: 0;







}







.alert-block p + p {







	margin-top: 5px;







}















/*  SCROLL TOP */







.cd-top {







  display: inline-block;







  height: 40px;







  width: 40px;







  position: fixed;







  bottom: 40px;







  right: 10px;







  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);







  /* image replacement properties */







  overflow: hidden;







  text-indent: 100%;







  white-space: nowrap;







  background: #ACABAB url(../images/cd-top-arrow.svg) no-repeat center 50%;







  visibility: hidden;







  opacity: 0;







  -webkit-transition: opacity .3s 0s, visibility 0s .3s;







  -moz-transition: opacity .3s 0s, visibility 0s .3s;







  transition: opacity .3s 0s, visibility 0s .3s;







}







.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {







  -webkit-transition: opacity .3s 0s, visibility 0s 0s;







  -moz-transition: opacity .3s 0s, visibility 0s 0s;







  transition: opacity .3s 0s, visibility 0s 0s;







}







.cd-top.cd-is-visible {







  /* the button becomes visible */







  visibility: visible;







  opacity: 1;







}







.cd-top.cd-is-visible,







.cd-top.cd-fade-out {







  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */







  opacity: .5;







}







.cd-top.cd-is-visible:hover,







.no-touch .cd-top:hover {







  background-color: #E6292A;







  opacity: 1;







}
@media only screen and (max-width: 767px) {
.js_title_item {
    background: black none repeat scroll 0 0;
    border: 2px solid #fff;
    float: left;
    left: auto;
    padding: 5px 20px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 35%;
    width: auto;
}

}



@media only screen and (min-width: 768px) {







  .cd-top {







    right: 20px;







    bottom: 20px;







  }







}







@media only screen and (min-width: 1024px) {







  .cd-top {







    height: 60px;







    width: 60px;







    right: 30px;







    bottom: 30px;







  }







}







































/*  HEADER WRAPPER */







.header-wrapper { border-top: 10px solid #07a8a1; border-bottom: 10px solid #e6292b; background: rgba(255,255,255,0.9);}







.header-wrapper .header-logo { position: absolute; top:0; margin-top: -10px;}







.header-wrapper .header-logo img { 







	height: 140px;







	transition: height 0.3s ease 0s;







}















.fixed-top-header .header-logo img {height:140px; }







.fixed-top-header .header-content { display: none;}















.header-wrapper .header-right { display: table; width: 100%;}







.header-wrapper .header-right .header-content { font-style: italic; font-size: 18px; text-align: right; padding: 20px 0;}







.header-wrapper .header-right .header-content label { color: #e62a2b; font-weight: 700; padding-right: 10px;}







.header-wrapper .header-right .header-menu-div .desktop-menu .nav { text-align: right;}







.header-wrapper .header-right .header-menu-div .desktop-menu .nav li { display: inline-block;}







.header-wrapper .header-right .header-menu-div .desktop-menu .nav li a {font-size: 19px; color: #ffffffG: ;;}







.header-wrapper .header-right .header-menu-div .desktop-menu .nav li:last-child a { padding-right: 0;}







.header-wrapper .header-right .header-menu-div .desktop-menu .nav li a:hover,







.header-wrapper .header-right .header-menu-div .desktop-menu .nav li a:focus,







.header-wrapper .header-right .header-menu-div .desktop-menu .nav li.active a { background: none; color: #fff;}







.header-wrapper .header-right .header-menu-div .desktop-menu .nav li.active a:after { background: url("../images/red-arrow-up.png") no-repeat scroll center center; content: ""; height: 15px; left: 33%; position: absolute; top: 50px; width: 24px;}







.header-wrapper .header-right .header-menu-div .mobile-header { padding: 10px 0;}







.header-wrapper .header-right .header-menu-div .mobile-header .mobile-btn { background: #0ea49d; border: 1px solid #ffffff; border-radius: 0; color: #fff; font-family: "Source Sans Pro",sans-serif; font-size: 24px; padding-left: 20px; padding-right: 20px; text-transform: uppercase;}







.header-wrapper .header-right .header-menu-div .mobile-header .mobile-btn .glyphicon-align-justify { font-size: 20px; padding-right: 10px;}







.mm-panel .btn-danger { border-radius: 0;}















/*  BANNER WRAPPER */







.banner-wrapper .homepage-banner .carousel-caption { background: rgba(187,177,162,0.8); font-family: 'bebas', sans-serif; font-weight: 900; text-transform: uppercase; left: 32%; right: 32%; bottom: 20%; border: 10px solid #ffffff; color: #000000; padding: 10px; text-shadow: none; width: 100%; display: table;}







.banner-wrapper .homepage-banner .carousel-caption h2 { font-size: 45px; margin: 0 0 10px 0;}







.banner-wrapper .homepage-banner .carousel-caption h3 { font-size: 28px; margin: 0 0 7px 0;}















.banner-wrapper .inner-banner .carousel-caption { left: 32%; right: 32%; bottom: 20%; padding: 10px; color: #ffffff; width: 100%; display: table; text-align: center;}







.banner-wrapper .inner-banner .carousel-caption h2 { font-weight: 900; font-size: 60px; margin: 0 0 10px 0; text-transform: uppercase; color: #e6292b;}







.banner-wrapper .inner-banner .carousel-caption h2 span { color: #ffffff; font-style: italic;}







.banner-wrapper .inner-banner .carousel-caption h3 { font-size: 40px; margin: 0 0 7px 0; font-style: italic;}























/* BREADCRUMB WRAPPER */







.breadcrumb-wrapper { padding: 10px 0; font-family: 'Lato', sans-serif; font-style: italic; font-size: 18px; text-transform: lowercase;}







.breadcrumb-wrapper .breadcrumb { background: none; color: #e6292b; margin-bottom: 0; padding-left: 0; padding-right: 0;}







.breadcrumb-wrapper .breadcrumb > li + li::before,







.breadcrumb-wrapper .breadcrumb > .active,







.breadcrumb-wrapper .breadcrumb a { color: #e6292b; padding-right: 5px;}























/* SUBMENU WRAPPER */







.submenu-wrapper { font-family: 'Lato', sans-serif; font-size: 17px;}







.submenu-wrapper .submenu-div { background: #e6292b;}







.submenu-wrapper .submenu-div .nav { text-align: center;}







.submenu-wrapper .submenu-div .nav li { display: inline-block;}







.submenu-wrapper .submenu-div .nav li a { color: #ffffff; padding-left: 25px; padding-right: 25px;}







.submenu-wrapper .submenu-div .nav li a:hover,







.submenu-wrapper .submenu-div .nav li a:focus,







.submenu-wrapper .submenu-div .nav li.active a { background: none;}







.submenu-wrapper .submenu-div .nav li.active a:after { background: url("../images/white-arrow-up.png") no-repeat scroll center center; content: ""; display: table; height: 15px; left: 0; position: absolute; text-align: center; top: 34px; width: 100%;}























/* CONTNER WRAPPER */







.content-wrapper { padding: 20px 0;}







.content-wrapper .portfolio-block { padding: 10px 0 30px 0;}







.content-wrapper .portfolio-block .portfolio-content { background: #f0f0f0; padding: 15px;}







.content-wrapper .portfolio-block .portfolio-content h3 a,







.content-wrapper .portfolio-block .portfolio-content h3 { color: #e6292b; margin-top: 0; margin-bottom: 15px; font-family: 'Lato', sans-serif; font-weight: 900; text-transform: uppercase; font-size: 20px; letter-spacing: 1px;}







.content-wrapper .portfolio-block .portfolio-content img { padding-bottom: 10px;}







.content-wrapper .portfolio-block .portfolio-block-readmore { 	







	background: hsl(0,0%,100%);







	background: -moz-linear-gradient(11deg, hsl(0,0%,100%) 0%, hsl(0,0%,100%) 48%, hsl(0,0%,94%) 48%, hsl(0,0%,94%) 100%);







	background: -webkit-gradient(left bottom, right top, color-stop(0%, hsl(0,0%,100%)), color-stop(48%, hsl(0,0%,100%)), color-stop(48%, hsl(0,0%,94%)), color-stop(100%, hsl(0,0%,94%)));







	background: -webkit-linear-gradient(11deg, hsl(0,0%,100%) 0%, hsl(0,0%,100%) 48%, hsl(0,0%,94%) 48%, hsl(0,0%,94%) 100%);







	background: -o-linear-gradient(11deg, hsl(0,0%,100%) 0%, hsl(0,0%,100%) 48%, hsl(0,0%,94%) 48%, hsl(0,0%,94%) 100%);







	background: -ms-linear-gradient(11deg, hsl(0,0%,100%) 0%, hsl(0,0%,100%) 48%, hsl(0,0%,94%) 48%, hsl(0,0%,94%) 100%);







	background: linear-gradient(11deg, hsl(0,0%,100%) 0%, hsl(0,0%,100%) 48%, hsl(0,0%,94%) 48%, hsl(0,0%,94%) 100%);







	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=1 );







	padding-bottom: 50px;







}







.content-wrapper .portfolio-block .portfolio-block-readmore .btn { border-color: #ffffff; border-radius: 0; background: url("../images/read-more-red-bg.png") no-repeat scroll right 13px center #ffffff; color: #e6292b; font-family: 'Open Sans', sans-serif; text-transform: uppercase;	font-size: 17px; padding-right: 50px; font-style: normal;}







.content-wrapper .portfolio-block .portfolio-block-readmore .btn:hover { border-color: #e62a2b; background: url("../images/read-more-white-bg.png") no-repeat scroll right 13px center #e62a2b; color: #ffffff;}















.content-wrapper .portfolio-detail-block { background: #f0f0f0; padding: 20px;}







.content-wrapper .portfolio-detail-block h3 { color: #e6292b; margin-top: 0; margin-bottom: 15px; font-family: 'Lato', sans-serif; font-weight: 900; text-transform: uppercase; font-size: 20px; letter-spacing: 1px;}







.content-wrapper .content-div .portfolio-detail-block .contact-btn { border-radius: 0; background: url("../images/read-more-red-bg.png") no-repeat scroll right 13px center #ffffff; color: #e6292b; font-family: 'Open Sans', sans-serif; text-transform: uppercase; 	font-size: 17px; padding-right: 50px; font-style: normal;}







.content-wrapper .content-div .portfolio-detail-block .contact-btn:hover { background: url("../images/read-more-white-bg.png") no-repeat scroll right 13px center #e62a2b; color: #ffffff;}















.content-wrapper .content-div .portfolio-detail-page { background: #f0f0f0; margin-top: 25px; padding: 20px;}







.content-wrapper .content-div .portfolio-detail-page .content-title { margin: 0 0 15px 0; font-size: 25px;}







.content-wrapper .content-div .portfolio-detail-page .portfolio-description h2 { font-family: 'Source Sans Pro', sans-serif; font-weight: 900; color: #e6292b; font-size: 35px;  margin: 0 0 20px 0;}







.content-wrapper .content-div .portfolio-detail-page .flexslider #bx-pager { text-align: center; margin: 15px 0 0 0;}







.content-wrapper .content-div .portfolio-detail-page .flexslider #bx-pager img { margin: 0 5px;}















.content-wrapper .content-div .contact-address-div .content-title { font-size: 28px;}







.content-wrapper .content-div .contact-address-div h2 { font-family: 'Source Sans Pro', sans-serif; font-weight: 900; margin: 20px 0; color: #e62a2b;}







.content-wrapper .content-div .contact-address-div .address-div,







.content-wrapper .content-div .contact-address-div .telephone-div,







.content-wrapper .content-div .contact-address-div .email-div { margin-bottom: 25px; font-size: 20px;}















.content-wrapper .content-div { margin-bottom: 20px;}







.content-wrapper .content-div .content-title { font-family: 'Lato', sans-serif; font-weight: 900; text-transform: uppercase; color: #e6292b; font-size: 30px;}







.content-wrapper .content-div .content-subtitle { font-family: 'Lato', sans-serif; font-weight: 300; color: #e6292b; font-size: 20px; margin: 0 0 30px 0;}







.content-wrapper .content-div h4 { font-weight: 700; margin: 20px 0 10px 0;}







.content-wrapper .content-div .btn { font-family: 'Lato', sans-serif; font-style: italic; font-size: 18px; border: 1px solid #e62a2b; color: #575757; border-radius: 0; padding-left: 20px; padding-right: 20px; margin-top: 15px;}







.content-wrapper .content-div .btn:hover { background: #e62a2b; color: #ffffff;}







.content-wrapper .content-div .right-content h3 { font-weight: 300; font-style: italic; font-size: 20px; line-height: 30px;}















.content-wrapper .content-div .contact-form-div { margin-top: 30px; min-height: 700px; background: url("../images/coffee-img.png") no-repeat scroll right bottom;}







.content-wrapper .content-div .contact-form-div .form-control { background: none repeat scroll 0 0 #fbfbfb; border-radius: 0;}







.content-wrapper .content-div .contact-form-div .invalid { border-color: #e6292b;}







.content-wrapper .content-div .contact-form-div label { font-weight: normal;}







.content-wrapper .content-div .contact-form-div .contact-btn { background: #e62a2b; color: #ffffff; font-style: normal; text-transform: uppercase; font-weight: 300; padding-left: 25px; padding-right: 25px;}







.content-wrapper .content-div .contact-form-div .contact-btn:hover { background: #ffffff; color: #e62a2b;}























/* SLOGAN WRAPPER */







.slogan-wrapper { }







.slogan-wrapper .red-slogan-wrapper { background: url("../images/redon-bg-logo.png") no-repeat scroll right 25% center #e62a2b; padding: 35px 0;}







.slogan-wrapper .red-slogan-wrapper h2 { color : #fff; font-size: 30px; font-family: 'Source Sans Pro', sans-serif; font-style: italic; font-weight: 500;}







.slogan-wrapper .red-slogan-wrapper h2 strong { font-weight: 900;}















.slogan-wrapper .off-green-slogan-wrapper { background: url("../images/redon-bg-logo.png") no-repeat scroll right 25% center #0ea49d; padding: 35px 0;}







.slogan-wrapper .off-green-slogan-wrapper h2 { color : #fff; font-size: 30px; font-family: 'helveticabold'; font-style: italic; font-weight: 500;}







.slogan-wrapper .off-green-slogan-wrapper h2 strong { font-weight: 900;}































/* FILM WRAPPER */







.film-wrapper { padding: 50px 0 0;}







.film-wrapper .film-content h2 { font-family: 'helveticabold'; font-weight: 900; color: #323232; margin: 15px 0 25px 0;}







.film-wrapper .film-content .btn { font-family: 'helvetica-lightregular'; font-size: 18px; border: 1px solid #000000; color: #575757; border-radius: 0; padding-left: 20px; padding-right: 20px; margin-top: 15px;}







.film-wrapper .film-content .btn:hover { background: #000000 ; color: #ffffff;}























/* FILM WRAPPER2 */







.film-wrapper2 { padding: 50px 0;}







.film-wrapper2 .film-content h2 { font-family: 'helveticabold'; font-weight: 900; color: #e62a2b; margin: 15px 0 10px 0; text-transform: uppercase; font-size: 27px;}







.film-wrapper2 .film-content h4 { font-family: 'helveticabold'; font-weight: 300; margin-bottom: 20px; color: #e62a2b;}







.film-wrapper2 .film-content .btn { font-family: 'Lato', sans-serif; font-size: 18px; border: 1px solid #e62a2b; color: #575757; border-radius: 0; padding-left: 20px; padding-right: 20px; margin-top: 15px;}







.film-wrapper2 .film-content .btn:hover { background: #e62a2b; color: #ffffff;}























/* PROJECTS WRAPPER */







.projects-wrapper { background: #e62a2b; color: #ffffff; padding: 30px 0; font-size: 20px;}







.projects-wrapper .project-wrapper-item h2 { font-family: 'Source Sans Pro', sans-serif; font-weight: 900; margin: 15px 0 25px 0;}







.projects-wrapper .project-wrapper-item h4 { font-style: italic; font-size: 22px; margin: 25px 0;}







.projects-wrapper .project-wrapper-item .btn { background: #ffffff; font-family: 'Lato', sans-serif; font-style: italic; font-size: 18px; color: #575757; border-radius: 0; padding-left: 20px; padding-right: 20px; margin-top: 20px;}







.projects-wrapper .project-wrapper-item .btn:hover { background: #575757; color: #ffffff;}







.projects-wrapper .bx-wrapper .bx-controls-direction a { height: 42px; margin-top: -16px; outline: 0 none; position: absolute; text-indent: -9999px; top: 50%; width: 25px; z-index: 9999;}







.projects-wrapper .bx-wrapper .bx-controls-direction .bx-prev { background: url("../images/slider-arrow-prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: -3%;}







.projects-wrapper .bx-wrapper .bx-controls-direction .bx-next { background: url("../images/slider-arrow-next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); right: -3%;}























/* SHORT CONTACT WRAPPER */







.short-contact-wrapper { padding: 50px 0;}







.short-contact-wrapper .short-contact-div { position: relative;}







.short-contact-wrapper .short-contact-div .contact-address-div { background: url("../images/redon-bg-logo-red.png") no-repeat scroll right 25% bottom -30% rgba(255,255,255,0.8); position: absolute; top: 0; min-height: 400px;}







.short-contact-wrapper .short-contact-div .contact-address-div h2 { font-family: 'Source Sans Pro', sans-serif; font-weight: 900; margin: 20px 0; color: #e62a2b;}







.short-contact-wrapper .short-contact-div .contact-address-div .address-div,







.short-contact-wrapper .short-contact-div .contact-address-div .telephone-div,







.short-contact-wrapper .short-contact-div .contact-address-div .email-div { margin-bottom: 25px; font-size: 20px; font-weight: 300;}







.short-contact-wrapper .short-contact-div .contact-address-div .btn { font-family: 'Lato', sans-serif; font-style: italic; font-size: 18px; border: 1px solid #e62a2b; color: #575757; border-radius: 0; padding-left: 20px; padding-right: 20px;}







.short-contact-wrapper .short-contact-div .contact-address-div .btn:hover { background: #e62a2b; color: #ffffff;}























/* BOTTOM WRAPPER */







.bottom-wrapper { background: #f0f0f0; padding: 15px 0; display: table; width: 100%; font-style: italic;}







.bottom-wrapper a { color: #575757;}































































































/* Smartphones (portrait and landscape) ----------- */







@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {







/* Styles */















.navbar-fixed-top { position: relative;}







.header-wrapper .header-logo { position: relative;}







.header-wrapper .header-logo img { width: 150px;}







.short-contact-wrapper .short-contact-div .contact-address-div { position: relative;}







.header-wrapper .header-logo img { height: auto;}







.submenu-wrapper .submenu-div .nav li { display: block; border-bottom: 1px solid #ffffff;}







.submenu-wrapper .submenu-div .nav li.active a:after { background: none;}















}















@media only screen and (min-device-width : 481px) and (max-device-width : 768px) {















.navbar-fixed-top { position: relative;}







.header-wrapper .header-logo { position: relative;}







.header-wrapper .header-logo img { width: 150px;}







.short-contact-wrapper .short-contact-div .contact-address-div { position: relative;}







.projects-wrapper .bx-wrapper .bx-controls-direction .bx-prev { left: -1%;}







.projects-wrapper .bx-wrapper .bx-controls-direction .bx-next { right: -1%;}







.header-wrapper .header-logo img { height: auto;}







	







}















/* Smartphones (landscape) ----------- */







@media only screen and (min-width : 321px) {







/* Styles */















}















/* Smartphones (portrait) ----------- */







@media only screen and (max-width : 320px) {







/* Styles */















}















/* iPads (portrait and landscape) ----------- */







@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {







/* Styles */















}















/* iPads (landscape) ----------- */







@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {







/* Styles */















}















/* iPads (portrait) ----------- */







@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {







/* Styles */















}







/**********







iPad 3







**********/







@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {







/* Styles */















}















@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {







/* Styles */















}







/* Desktops and laptops ----------- */







@media only screen  and (min-width : 1224px) {







/* Styles */















}















/* Large screens ----------- */







@media only screen  and (min-width : 1824px) {







/* Styles */















}















/* iPhone 4 ----------- */







@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {







/* Styles */















}















@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {







/* Styles */















}