/*
Theme Name: Chrein.com
Theme URI: /
Author: the Chrein.com team
Author URI: /
Description: Chrein.com provides web design, website promotion, website maintenance, online advertising, email marketing, idea testing, consulting, print design and video production services. Developing websites and online solutions since 1995.
Version: 1
Text Domain: chrein.com

This theme, like WordPress, is licensed under the chrein.com.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
@import url(https://fonts.googleapis.com/css?family=Abril+Fatface);
*{ padding:0; margin:0;}
body{font-family: 'texgyreadventorregular'; font-size:16px; line-height:36px; color:#2e2e2e; background-color:#FFF; font-weight: normal}

#preloader{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #666666; z-index: 99999;height: 100%;width:100%;opacity:0.8; display:none;}
#status{width: 128px;height: 128px;background:url(/web/20161110155026im_//wp-content/themes/chrein.com/images/loader.gif);background-repeat: no-repeat;background-position: center;margin: 0 auto;z-index:9999;position:absolute;left:0;right:0;top:35%;  }

a:focus, img:focus, button:focus, .btn:focus{ outline:none;}
a {text-decoration:none;outline:none; color:#93063d;transition-delay: 0s;transition-duration: 0.6s;transition-property: all;transition-timing-function: ease;}
a:hover{color:#93063d;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
*,*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
 input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0; }  
img {display:block;border:none;max-width:100%;height:auto;font-size:0;line-height:0;padding:0;margin:0;}
button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}
body, img { transition:all .2s linear; 
-o-transition:all .2s linear; 
-moz-transition:all .2s linear; 
-webkit-transition:all .2s linear;}
td {text-align:left;vertical-align:top;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input,main,logo{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline;border:0;outline:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img, main{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,
blockquote:after,
q:before,
q:after {content: '';content: none;}
@font-face { font-family: 'texgyreadventorregular'; font-family: 'texgyreadventoritalic';font-family: 'texgyreadventorbold_italic';font-family: 'texgyreadventorbold';}
/*========= Headings ========*/
h1 {font-family: 'texgyreadventorbold'; font-size:72px; line-height:74px; font-weight: normal; }
h2 {font-family: 'texgyreadventorbold';  font-size:30px; line-height:32px; font-weight:normal;}
h3 {font-family: 'texgyreadventorbold'; font-size:24px; line-height:26px;font-weight:normal;}
h4 {font-family: 'texgyreadventorbold';font-size:20px; line-height:22px;font-weight:normal;}
h5 {font-family: 'texgyreadventorbold'; font-size:18px; line-height:20px;font-weight:normal;}
h6 {font-family: 'texgyreadventorbold'; font-size:16px; line-height:18px;font-weight:normal;}
.clear {clear:both;line-height:0;height:0;}
::-moz-selection {background:#93063d;color:#fff;text-shadow:none;}
::selection {background:#93063d;color:#fff;text-shadow:none;}
.container:before, 
.container:after{display:table;	content:"";	height:0;line-height:0;}
.container:after{clear:both;}
.header{ background-color:#660000; padding-left:51px; padding-right:50px; height:122px; position:relative; z-index:30;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.header .container{ overflow:hidden}
.header logo{ position:absolute; left:51px;padding-top:19px; }
.header logo a{ width:267px; display:inline-block;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.header logo a img{-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.header .col-md-8{ float:right}
.header nav ul{ text-align:right; float:right}
.header nav ul li{font-family: 'texgyreadventorregular'; font-size:20px; line-height:122px; margin-left:23px; font-weight:bold;position:relative; z-index:1;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.header nav ul li a{ color:#FFF; display:block; padding-left:10px; padding-right:12px}
.header nav ul li a:hover{ color:#FFF}
.header nav ul li:first-child{ margin-left:0}
.header nav ul li.current-page-itcem a:after{width:100%;}
.header nav ul li a:after{content: "";position:absolute;bottom:30px; left:0;
width:0; height:100%; border-bottom:2px solid #FFF;z-index:-1;transition: height 0.3s;
-moz-transition: width 0.3s;
-ms-transition: width 0.3s;
-o-transition: width 0.3s;
-webkit-transition: width 0.3s;}
.header nav ul li a:hover:after { width:100%;}
.header .navbar-default .navbar-collapse, .header .navbar-default .navbar-form{border-color: inherit}
.header.inner-page-header-inner{
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.header.inner-page-header-inner logo a{ width:100%;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}

.sticky{position: fixed;width: 100%;left: 0;top: 0;z-index: 100;border-top: 0;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.header.sticky{height: 80px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.header.sticky logo a{/*width:90%;*/width:73%;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.header.inner-page-header-inner.sticky logo a{width:73%;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.header.sticky nav ul li{line-height:80px;}
.header.sticky nav ul li a:after{bottom:12px;}

.inner-page-header{ position: relative; height:auto; padding-bottom:91px; background-color:#660000; z-index:20}
.inner-page-header article{ text-align:center; color:#FFF; padding-top:34px; clear:both;}
.inner-page-header article h1{ font-size:60px; line-height:62px; padding-bottom:37px}
.inner-page-header article p{ font-size:21px; line-height:40px; max-width: 70%; margin: 0 auto 0 auto;}
.inner-page-header:after{ content:""; display:block; margin:0 auto; position:absolute; bottom:-26px; left:0; right:0;
width: 0;height: 0;border-left: 35px solid transparent;border-right: 35px solid transparent;border-top: 26px solid #660000;}


.projects-wrapper{ width:100%; position:relative}
.projects-wrapper ul{ list-style:none; overflow:hidden}
.projects-wrapper ul li{  overflow:hidden; position:relative; float:left; width:395px;}
.projects-wrapper ul li img{ width:100%; max-width:100%; margin:0 auto}
.projects-images ul li figcaption {background: rgba(0, 0, 0, 0.7);height: 100%;left: 0;opacity: 0;position: absolute;
top: 0;width: 100%;-moz-transition: opacity, 0.3s;-o-transition: opacity, 0.3s;-webkit-transition: opacity, 0.3s;
transition: opacity, 0.3s;}
.projects-images ul li section {position: absolute;text-align: center;top: 50%;width: 100%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);}
.projects-images ul li h5, .projects-images ul li p, .projects-images ul li img,.body_projects_wrapper ul li img {
-moz-transition: all, 0.5s;
-o-transition: all, 0.5s;
-webkit-transition: all, 0.5s;
transition: all, 0.5s;font-family: 'texgyreadventorbold';}
.projects-images ul li h5{ font-size:28px; line-height: 34px; margin: 0 5px 0 5px;}
.projects-images ul li p{ font-size:18px;}
.projects-images ul li p a{ display:block; width:162px; height:42px; line-height:28px; color:#FFF; border:4px solid #660000; margin:0 auto; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -ms-border-radius:5px 5px 5px 5px;-o-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px}
.projects-images ul li p a:hover{ background-color:#FFF; color:#000}
.projects-images ul li h5, .projects-images ul li p {color: #FFF;margin: 0;opacity: 0;}
.projects-images ul li h5 {margin-bottom: 29px;-moz-transform: translate3d(0, -200%, 0);
-ms-transform: translate3d(0, -200%, 0);
-webkit-transform: translate3d(0, -200%, 0);
transform: translate3d(0, -200%, 0);}
.projects-images ul li p {
-moz-transform: translate3d(0, 200%, 0);
-ms-transform: translate3d(0, 200%, 0);
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0);}
.projects-images ul li:hover img,.body_projects_wrapper ul li:hover img {
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);}
.projects-images ul li:hover figcaption {opacity: 1;}
.projects-images ul li:hover figcaption h5, .projects-images ul li:hover figcaption p{opacity: 1;
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);}
.main_wrapper{ background-color:#e4e4e4; padding-top:157px; padding-bottom:141px; position:relative}
.main_wrapper:after {width: 0; content:""; display:block; position:absolute; bottom:-43px; left:0; right:0; width:60px; margin:0 auto;height: 0;border-left: 60px solid transparent;border-right: 60px solid transparent;border-top: 43px solid #e4e4e4;}
.projects-wrapper .multiline-carousel-controls a,.related-projects-wrapper .multiline-carousel-controls a{ position:absolute; top:35%;  width:40px; height:40px; opacity:0.6; text-align:center; line-height:40px; color:#FFF; font-size:16px; display:block; background-color:#660000; border-radius:5px 5px 5px 5px;
-moz- border-radius:5px 5px 5px 5px;
-ms- border-radius:5px 5px 5px 5px;
-o- border-radius:5px 5px 5px 5px;
-webkit- border-radius:5px 5px 5px 5px;}
.projects-wrapper .multiline-carousel-controls a:hover,.related-projects-wrapper .multiline-carousel-controls a:hover{ opacity:1}
.projects-wrapper .multiline-carousel-controls a.previous,.related-projects-wrapper .multiline-carousel-controls a.previous{ left:0}
.projects-wrapper .multiline-carousel-controls a.next,.related-projects-wrapper .multiline-carousel-controls a.next{ right:0}
.body-top-article{ text-align:center; padding-bottom:138px}
.body-top-article h2{ font-size:72px; line-height:73px; color:#660000; padding-bottom:44px}
.body-top-article p,.request-proposal-wrapper p{ font-size:36px; line-height:50px}
.body_projects_wrapper ul{ list-style:none; overflow:hidden}
.body_projects_wrapper ul li{ padding:0; background-color:#2e2e2e; overflow:hidden; color:#FFF}
.body_projects_wrapper ul li img{ width:100%; max-width:100%; display:block; /*height:441px;*/ height:auto;}
.body_projects_wrapper ul li figure{overflow:hidden}
.body_projects_wrapper ul li:nth-child(2n+2) section{ float:right;}
.body_projects_wrapper ul li:nth-child(2n+2) figure{ float:left; }
.body_projects_wrapper ul li .col-md-6{ padding:0; margin:0}
.body_projects_wrapper ul li:nth-child(2n+2) section article{ float:right; padding-right:0; padding-left:60px}
.body_projects_wrapper ul li section article{ padding-left:22px; padding-bottom:130px; padding-top:72px; padding-right:46px}
.body_projects_wrapper ul li section article h2{ color:#FFF; padding-bottom:28px}
.body_projects_wrapper ul li section article p{ font-size:18px; line-height:28px}
.body_projects_wrapper ul li section article a{ display:block; width:192px; height:42px; border:4px solid #660000; text-align:center; color:#FFF; font-weight:bold; font-size:18px; line-height:30px;border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -ms-border-radius:5px 5px 5px 5px;-o-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px; margin-top:31px}
.body_projects_wrapper ul li section article a:hover{ background-color:#FFF; color:#000}
.request-proposal-wrapper{ text-align:center; padding-top:171px}
.request-proposal-wrapper p a{ font-family: 'texgyreadventorbold'; color:#2e2e2e}
.request-proposal-wrapper p a:hover{ color:#93063d}
.request-proposal-wrapper figure{ margin-bottom:83px}
.request-proposal-wrapper img{ margin:0 auto}
.footer{ padding-top:75px; padding-bottom:43px; text-align:center}
.footer logo{ width:132px; margin:0 auto; display:block; margin-bottom:36px}
.footer h5 a,.footer h5 { color:#000; font-weight:bold}
.footer h5 a:hover{ color:#93063d}
.footer nav { padding-top:29px}
.footer nav ul{ text-align:center; display:inline-block; border-bottom:1px solid #cccccc;border-top:1px solid #cccccc}
.footer nav ul li{ list-style:none; display:inline-block; line-height:64px; font-size:16px;font-family: 'texgyreadventorbold'; font-weight:bold; margin:0 14px}
.footer nav ul li a:hover{ color:#000}
.footer .social-icons{ padding-bottom:68px}
.footer .social-icons li{ list-style:none; display:inline-block; margin:0 5px}
.footer .social-icons li a{ display:inline-block; width:25px; height:18px; background-repeat:no-repeat; background-image:url(/web/20161110155026im_//wp-content/themes/chrein.com/images/social-icon.png); font-size:0; line-height:0}
.footer .social-icons li a.facebook{}
.footer .social-icons li a.twitter{ background-position:-31px 0}
.footer .social-icons li a.pinterest{background-position:-72px 0}
.footer .social-icons li a.google-plus{background-position:-108px 0}
.footer .social-icons li a.instagram{background-position:-148px 0}
.footer .social-icons li a.be-icon{background-position:-181px 0}
.footer .social-icons li a.facebook:hover{ background-position:0 -18px}
.footer .social-icons li a.twitter:hover{ background-position:-31px -18px}
.footer .social-icons li a.pinterest:hover{background-position:-72px -18px}
.footer .social-icons li a.google-plus:hover{background-position:-108px -18px}
.footer .social-icons li a.instagram:hover{background-position:-148px -18px}
.footer .social-icons li a.be-icon:hover{background-position:-181px -18px}
.footer .copy_text{ font-size:12px; color:#000}
.ui-loader{ display:none}
.request-proposal-popup-wrapper .close-button{ background-image:url(/web/20161110155026im_//wp-content/themes/chrein.com/images/close-button.png); background-position: center center; background-repeat:no-repeat; width:45px; height:45px; display:block; position:absolute; right:32px; top:31px;background-color:#2e2e2e; border-radius:4px}
.request-proposal-popup-wrapper .close-button:hover{ background-color:#1a1a1a}
.request-proposal-popup-wrapper{ position: fixed; right:0;  z-index:999; background-color:#2e2e2e; top:0; height:660px; overflow-y:scroll;padding-left:32px; padding-right:27px; padding-top:52px; color:#FFF; width:100%; max-width:808px; text-align:center; padding-bottom:119px}
@-moz-document url-prefix() { .request-proposal-popup-wrapper {top:0; }}
.request-proposal-popup-bg:after{ content:"";background-color:#2e2e2e; position:fixed; bottom:0; right:0;width:100%; max-width:808px; display:block; height:100%; z-index:1}
.request-proposal-popup-wrapper header h2{ font-size:36px; line-height:37px; padding-bottom:20px}
.request-proposal-popup-wrapper header p{ font-size:18px; line-height:28px}
.request-proposal-popup-wrapper header p a{ color:#FFF}
.request-proposal-popup-wrapper header p a:hover{ color:#990000}
.from-wrapper-request{ overflow:hidden; margin-top:30px}
.from-wrapper-request .gap-from{ width:38px; height:24px; display:block; float:left}
.from-wrapper-request input[type="text"],.from-wrapper-request input[type="email"],.from-wrapper-request input[type="tel"],.from-wrapper-request input[type="url"],.from-wrapper-request textarea{  border:1px solid #666666; outline:none;font-family: 'texgyreadventorregular'; font-size:18px; line-height:20px; height:42px; color:#999999; padding:0 12px; display:inline-block; background-color:inherit;  width:344px; float:left}
.from-wrapper-request textarea{ height:135px; padding-top:12px; padding-bottom:12px; display:block; width:100%;clear:both; margin-bottom:33px}
.from-wrapper-request input[type="text"]:focus,.from-wrapper-request input[type="email"]:focus,.from-wrapper-request input[type="tel"]:focus,.from-wrapper-request input[type="url"]:focus,.from-wrapper-request textarea:focus{ border-color:#353535; background-color:#131313}
.from-wrapper-request input[type="submit"]{ background-color:#660000; width:100%; display:block; border:none; outline:none;
font-family: 'texgyreadventorbold'; font-size:24px; line-height:44px; border-radius:5px}
.request-proposal-popup-wrapper footer{ padding-top:56px;padding-bottom:119px}
.request-proposal-popup-wrapper footer p{font-family: 'texgyreadventorbold'; font-size:18px; line-height:20px; color:#FFF; padding-top:36px}
.request-proposal-popup-wrapper footer p a{ color:#FFF; margin-right:16px; margin-left:16px}
.request-proposal-popup-wrapper footer p a:hover{ color:#93063d}
.request-proposal-popup-wrapper footer img{ margin:0 auto; display:block}
.request-proposal-wrapper #request-proposal-popup{ width:245px; display:block; margin:0 auto}

.inner-wrapper{ padding-top:0;}
.inner-wrapper ul.list-style{ list-style:none}
.inner-wrapper ul.list-style li{ background-image:url(/web/20161110155026im_//wp-content/themes/chrein.com/images/list.png); background-position: left center; background-repeat:no-repeat; font-size:24px; line-height:26px; padding-left:25px; margin-bottom:22px}
.inner-wrapper ul.list-style li strong{ color:#660000; font-weight:bold;font-family: 'texgyreadventorbold';}

.about-top-section{padding-top:112px; padding-bottom:98px; position:relative; z-index:6}
.about-top-section:after{ content:""; display:block; margin:0 auto; position:absolute; bottom:-26px; left:0; right:0;
width: 0;height: 0;border-left: 35px solid transparent;border-right: 35px solid transparent;border-top: 26px solid #e4e4e4;}
.about-top-section h2{ font-size:36px; line-height:38px; color:#2e2e2e; text-align:center; padding-bottom:80px}
.about-top-section ul{ width:1106px; margin:0 auto}

.director-pan{ background-color:#FFF; position:relative; z-index:1; overflow:hidden}
.director-pan figure{ padding-left:0; padding-right:0}
.director-pan figure img{ width:100%; display:block}
.director-pan figure img.lloyd-image{ display:none}
.director-pan article{ padding-left:87px; padding-top:96px;}
.director-pan article h3{ font-size:36px; line-height:37px; color:#2e2e2e; padding-bottom:46px}
.director-pan article p{ font-size:18px; line-height:30px; width:100%; max-width:610px}
.director-pan article a{ color:#660000; font-size:18px; line-height:20px; display:inline-block; font-weight:bold;font-family: 'texgyreadventorbold'; padding-top:27px}

.about-bot-section{ color:#FFF; background-color:#660000; padding-top:108px; overflow:hidden; padding-bottom:129px}
.about-bot-section h2{ font-size:36px; line-height:49px; text-align:center}
.about-bot-section-loop{ padding-top:111px}
.about-bot-section-loop section{ padding:0 82px; margin-bottom:79px}
.about-bot-section-loop h5{ padding-bottom:3px}
.about-bot-section-loop p{ font-size:18px; line-height:30px;}

.view-projects-inner-page header{ background-color:#2e2e2e; width:100%; display:block; color:#FFF; padding-top:68px; padding-bottom:73px; position:relative; z-index:2}
.view-projects-inner-page header:after{ content:""; display:block; margin:0 auto; position:absolute; bottom:-26px; left:0; right:0;width: 0;height: 0;border-left: 35px solid transparent;border-right: 35px solid transparent;border-top: 26px solid #2e2e2e;}
.view-projects-inner-page header h2{ text-align:center; font-size:36px; line-height:38px;}

.view-projects-inner-page .projects-wrapper,.view-projects-inner-page .related-projects-wrapper{ width:100%; position:relative}
.view-projects-inner-page .projects-wrapper ul,.view-projects-inner-page .related-projects-wrapper ul{ list-style:none; overflow:hidden}
.view-projects-inner-page .projects-wrapper ul li,.view-projects-inner-page .related-projects-wrapper ul li{  overflow:hidden; position:relative; float:left; width:395px;}
.view-projects-inner-page .projects-wrapper ul li img,.view-projects-inner-page .related-projects-wrapper ul li img{ width:100%; max-width:100%; margin:0 auto}
.view-projects-inner-page .projects-images ul li figcaption,.view-projects-inner-page .related-projects-wrapper ul li figcaption {background: rgba(0, 0, 0, 0.7);height: 100%;left: 0;opacity: 0;position: absolute;
top: 0;width: 100%;-moz-transition: opacity, 0.3s;-o-transition: opacity, 0.3s;-webkit-transition: opacity, 0.3s;
transition: opacity, 0.3s;}
.view-projects-inner-page .projects-images ul li section,.view-projects-inner-page .related-projects-wrapper ul li section {position: absolute;text-align: center;top: 50%;width: 100%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);}
.view-projects-inner-page .projects-images ul li h5, .view-projects-inner-page .projects-images ul li p, .view-projects-inner-page .projects-images ul li img,.body_projects_wrapper ul li img,.view-projects-inner-page .related-projects-wrapper ul li h5, .view-projects-inner-page .related-projects-wrapper ul li p, .view-projects-inner-page .related-projects-wrapper ul li img{
-moz-transition: all, 0.5s;
-o-transition: all, 0.5s;
-webkit-transition: all, 0.5s;
transition: all, 0.5s;font-family: 'texgyreadventorbold';}
.view-projects-inner-page .projects-images ul li h5,.view-projects-inner-page .related-projects-wrapper ul li h5{ font-size:28px;}
.view-projects-inner-page .projects-images ul li p,.view-projects-inner-page .related-projects-wrapper ul li p{ font-size:18px;}
.view-projects-inner-page .projects-images ul li p a,.view-projects-inner-page .related-projects-wrapper ul li p a{ display:block; width:162px; height:42px; line-height:28px; color:#FFF; border:4px solid #660000; margin:0 auto; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -ms-border-radius:5px 5px 5px 5px;-o-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px}
.view-projects-inner-page .projects-images ul li p a:hover,.view-projects-inner-page .related-projects-wrapper ul li p a:hover{ background-color:#FFF; color:#000}
.view-projects-inner-page .projects-images ul li h5, .projects-images ul li p,.view-projects-inner-page .related-projects-wrapper ul li h5, .related-projects-wrapper ul li p {color: #FFF;margin: 0;opacity: 0;}
.view-projects-inner-page .projects-images ul li h5,.view-projects-inner-page .related-projects-wrapper ul li h5 {margin-bottom: 29px;-moz-transform: translate3d(0, -200%, 0);
-ms-transform: translate3d(0, -200%, 0);
-webkit-transform: translate3d(0, -200%, 0);
transform: translate3d(0, -200%, 0);}
.view-projects-inner-page .projects-images ul li p,.view-projects-inner-page .related-projects-wrapper ul li p {
-moz-transform: translate3d(0, 200%, 0);
-ms-transform: translate3d(0, 200%, 0);
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0);}
.view-projects-inner-page .projects-images ul li:hover img,.body_projects_wrapper ul li:hover img,.view-projects-inner-page .related-projects-wrapper ul li:hover img {
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);}
.view-projects-inner-page .projects-images ul li:hover figcaption,.view-projects-inner-page .related-projects-wrapper ul li:hover figcaption {opacity: 1;}
.view-projects-inner-page .projects-images ul li:hover figcaption h5, .view-projects-inner-page .projects-images ul li:hover figcaption p,.view-projects-inner-page .related-projects-wrapper ul li:hover figcaption h5, .view-projects-inner-page .related-projects-wrapper ul li:hover figcaption p{opacity: 1;
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);}

.services-list{ overflow:hidden; list-style:none}
.services-list li{ background-color:#e4e4e4;padding-left:30px; padding-right:30px; min-height:642px}
.services-list li:first-child {background-color: #FFF;}
.services-list li:nth-child(4n) {background-color: #FFF;}
.services-list li:nth-child(4n+1) {background-color: #FFF;}
.services-list li section{ padding-top:59px; padding-bottom:37px;}
.services-list li section header{ overflow:hidden; padding-bottom:39px;display:table;}
.services-list li section header figure{ float:left; margin-right:20px}
.services-list li section h2{ color:#000;vertical-align: middle;display: table-cell;}
.services-list li section p{ font-size:16px; line-height:24px; padding-bottom:23px}
.services-list li section p strong{ color:#660000;font-family: 'texgyreadventorbold';}
.services-list li section ul{ list-style:none}
.services-list li section ul li{ background-color:inherit !important; padding:0; font-size:16px; display:block; color:#660000; font-weight:bold; line-height:24px; background-image:url(/web/20161110155026im_//wp-content/themes/chrein.com/images/list-icon-new.png); background-position: left center; background-repeat:no-repeat; padding-left:21px;font-family: 'texgyreadventorbold';min-height: auto}

.next-projects-wrapper{ background-color:#2e2e2e; position:relative; color:#FFF; text-align:center; padding-bottom:129px; padding-top:91px}
.next-projects-wrapper:after{ content:""; display:block; margin:0 auto; position:absolute; bottom:-26px; left:0; right:0;width: 0;height: 0;border-left: 35px solid transparent;border-right: 35px solid transparent;border-top: 26px solid #2e2e2e;}
.next-projects-wrapper img{ margin:0 auto; display:block}
.next-projects-wrapper h2{ font-size:60px; line-height:63px; padding-bottom:50px; padding-top:76px}
.next-projects-wrapper p{ font-size:26px; line-height:39px}

.contact-wrapper{ overflow:hidden}
.contact-wrapper section{ padding-top:87px; padding-bottom:72px}
.contact-wrapper section + section{ background-color:#FFF; padding-left:60px}
.contact-wrapper ul{ padding-left:216px}
.contact-wrapper ul li{ display:block; background-repeat:no-repeat; background-position:0 0; padding-left:129px; padding-bottom:95px}
.contact-wrapper ul li:nth-child(1){ background-image:url(/web/20161110155026im_//wp-content/themes/chrein.com/images/phone-icon.png)}
.contact-wrapper ul li:nth-child(2){ background-image:url(/web/20161110155026im_//wp-content/themes/chrein.com/images/email-icon.png)}
.contact-wrapper ul li h5{ font-size:40px; line-height:42px; color:#2e2e2e; padding-bottom:18px}
.contact-wrapper ul li a{ color:#333333; font-size:24px; line-height:26px}
.contact-wrapper ul li a:hover{ color:#660000}
.contact-wrapper input[type="text"],.contact-wrapper input[type="email"],.contact-wrapper input[type="tel"],.contact-wrapper textarea{ display:block; background-color:#FFF; outline:none; color:#666666; border:1px solid #666666; font-size:18px; line-height:20px; width:346px; height:42px; padding:0 12px; margin-bottom:25px;transition-delay: 0s;transition-duration: 0.6s;transition-property: all;transition-timing-function: ease;}
.contact-wrapper input::-webkit-input-placeholder,.contact-wrapper textarea::-webkit-input-placeholder{color:#666666;}
.contact-wrapper input::-moz-input-placeholder,.contact-wrapper textarea::-moz-input-placeholder{color:#666666;}
.contact-wrapper input::-ms-input-placeholder,.contact-wrapper textarea::-ms-input-placeholder{color:#666666;}
.contact-wrapper input::-o-input-placeholder,.contact-wrapper textarea::-o-input-placeholder{color:#666666;}
.contact-wrapper textarea{ width:570px; height:136px !important; padding:16px 12px; margin-bottom:22px}
.contact-wrapper input:focus,.contact-wrapper textarea:focus{ border-color:#979595; background-color:#dcdcdc}
.contact-wrapper input[type="Submit"]{ background-color:#660000; text-align:center; display:block; border:none; outline:none; color:#FFF; line-height:44px; width:571px; font-size:24px;font-family: 'texgyreadventorbold'; border:none; outline:none; cursor:pointer;transition-delay: 0s;transition-duration: 0.6s;transition-property: all;transition-timing-function: ease;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;}
.contact-wrapper input[type="Submit"]:hover{ background-color:#000}
.testimonial-wrapper{ text-align:center; padding-bottom:97px; padding-top:49px}
.testimonial-wrapper h2{ font-size:70px; line-height:72px; color:#660000; padding-bottom:49px}
.testimonial-wrapper blockquote{ width:773px; margin:0 auto; display:block; border:none; padding:0; font-size:inherit}
.testimonial-wrapper blockquote p,.works-gallery .works-gallery-slider p{ font-size:28px; line-height:40px}
.testimonial-wrapper blockquote p:before{ content:""; display:block; margin:0 auto; margin-bottom:43px; background-image:url(/web/20161110155026im_//wp-content/themes/chrein.com/images/blockquote-1.png); background-position: center 0; background-repeat:no-repeat; width:86px; height:69px}
.testimonial-wrapper blockquote p:after{ content:""; display:block; margin:50px auto; background-image:url(/web/20161110155026im_//wp-content/themes/chrein.com/images/blockquote-2.png); background-position: center 0; background-repeat:no-repeat; width:86px; height:69px; margin-bottom:0}

.inner-page-header.works-page-header{padding-bottom:80px;}
.works-gallery-cat {display: inline-block;width: 100%;vertical-align:middle; text-align:center; margin-bottom:35px; position:relative; z-index:60; }
.new-gal-pad {margin-bottom:0; margin-top:30px; }
.works-gallery-cat li {margin:0 1.5px;cursor: pointer;list-style-type: none; background-color:#231f20; text-align:center; line-height:29px; display:inline-block; font-size:12px; color:#FFF; padding:0 13px; font-weight:normal;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;}
.works-gallery-cat li.current-menu-item,.works-gallery-cat li:hover{background-color:#990000;}
.works-gallery-cat li a{ color:#FFF}
.works-gallery { padding-top:73px}
.works-gallery-slider p{ padding-top:20px; padding-left:25px; padding-right:25px}
.works-gallery .works-gallery-slider a{ display: block; width:222px; height:52px; text-align:center; line-height:40px; color:#2e2e2e; font-size:24px;font-family: 'texgyreadventorbold'; border:4px solid #660000; margin:25px auto;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px}
.works-gallery .works-gallery-slider a:hover{ background-color:#660000; color:#FFF}
.works-gallery .works-gallery-slider img{ width:100%; height:588px}
.works-gallery .works-gallery-slider{ position:relative; width:100%; max-width:799px; margin:0 auto; display:block}
.works-gallery .works-gallery-slider .owl-pagination{ display:none;position:absolute; right:0; bottom:72px; left:0; text-align:center}
.works-gallery .works-gallery-slider .owl-pagination .owl-page {display: inline-block;}
.works-gallery .works-gallery-slider .owl-pagination .owl-page span{ display: inline-block; width:10px; height:10px; background-color:#bfbfbf; cursor:pointer; border-radius:100%; margin:0 5px}
.works-gallery .works-gallery-slider .owl-pagination .owl-page.active span{  background-color:#151515; }
.works-gallery .works-gallery-slider .owl-buttons { font-size:0}
.works-gallery .works-gallery-slider .owl-buttons .owl-prev{ left:-41px}
.works-gallery .works-gallery-slider .owl-buttons .owl-next{ right:-41px}
.works-gallery .works-gallery-slider .owl-buttons .owl-prev:before{content:"\f104";font-size:26px;font-family:'FontAwesome';}
.works-gallery .works-gallery-slider .owl-buttons .owl-next:before{content:"\f105";font-size:26px;font-family:'FontAwesome'; }
.works-gallery .works-gallery-slider .owl-buttons .owl-prev,.works-gallery .works-gallery-slider .owl-buttons .owl-next{ position:absolute;top:35%; width:35px; height:40px; display:block; text-align:center; line-height:40px; background-color:#bfbfbf; font-size:0}

.archive.tax-categories-projects .inner-page-header{ padding-bottom:80px}

.blog-list-wrapper article{ display:block; border-bottom:1px solid #999999}
.blog-list-wrapper article header h2{ font-size:34px; line-height:36px;font-family: 'texgyreadventorbold'; padding-bottom:11px; display:block}
.blog-list-wrapper article header h4{font-family: 'texgyreadventorbold'; font-size:18px; line-height:20px; color:#660000; font-weight:bold; padding-bottom:11px; }
.blog-list-wrapper{ padding-top:15px}
.blog-list-wrapper article{ padding-bottom:65px; padding-top:62px;}
.blog-list-wrapper article header{ padding-bottom:34px}
.blog-list-wrapper article header h2 a{ color:#2e2e2e}
.blog-list-wrapper article p{ font-size:18px; line-height:30px; color:#333333}
.blog-list-wrapper article footer { padding-top:34px}
.blog-list-wrapper article footer span{ display:block; font-size:14px; line-height:18px}
.blog-list-wrapper article footer span a{ color:#2e2e2e}
.blog-list-wrapper article footer span a:hover,.blog-list-wrapper article header h2 a:hover{ color:#93063d}
.blog-list-wrapper .wp-pagenavi{ text-align:center; padding-top:32px; padding-bottom:40px}
.blog-list-wrapper .wp-pagenavi .pages{ display:none}
.blog-list-wrapper .wp-pagenavi a, .blog-list-wrapper .wp-pagenavi span{ text-align:center; display:inline-block; border-color:#FFF; font-size:16px; line-height:28px; width:30px; height:30px; padding:0; color:#333333}
.blog-list-wrapper .wp-pagenavi span.current{ border-color:#660000; font-weight:normal}
.blog-list-wrapper .wp-pagenavi a:hover, .blog-list-wrapper .wp-pagenavi span:hover{ border-color:#660000;}
.blog-list-wrapper .main_wrapper,.blog-detail-wrapper .main_wrapper{ padding-top:0; margin-bottom:19px}
/*.blog-list-wrapper .main_wrapper .request-proposal-wrapper,.blog-detail-wrapper .main_wrapper .request-proposal-wrapper{padding-top: 205px;}*/
.inner-page-header article h5{ font-size:22px; line-height:24px}
.single .inner-page-header{padding-bottom: 41px;}
.single .inner-page-header article h1{    padding-bottom: 34px;} 
.blog-detail-wrapper .entry-content p{ padding-bottom:40px}
.blog-list-wrapper.blog-detail-wrapper  article footer{ padding-top:0}
.post-navigation{ padding:28px 15px}
.post-navigation h2{ display:none}
.post-navigation .nav-links{ overflow:hidden}
.post-navigation .nav-links .nav-previous{ float:left}
.post-navigation .nav-links .nav-next{ float:right}
.post-navigation .nav-links a{ text-align:center; display:block; width:162px; height:42px; line-height:34px; color:#000; font-weight:bold; font-size:18px; border:4px solid #93063d; border-radius:4px}
.post-navigation .nav-links a:hover{ background-color:#93063d; border-color:#600227; color:#FFF}
.post-navigation .nav-links .nav-next a:after{content:"\f105";font-family:'FontAwesome'; padding-left:10px}
.post-navigation .nav-links .nav-previous a:before{content:"\f104";font-family:'FontAwesome'; padding-right:10px}
.request-proposal-wrapper.no-padd{ padding-top:74px}
.main_wrapper.main_wrapper-no-padd{ padding-top:0}
.related-projects-wrapper{ position:relative}
/****************29.06.2016**************/
.view-projects-inner-page{margin-top:30px;}
.sticky.header logo{padding-top:8px;}
div.wpcf7-mail-sent-ok{border:2px solid #660000 !important;}
.current-projects_slider-ancestor.current-menu-parent.current-projects_slider-parent{background-color:#990000;}
.tag-section {margin-top:20px;}
.tag-section li {margin-right:8px; background-color:#666666;}
.active_tag {background-color:#990000 !important;}
.g-recaptcha {margin-bottom:20px;}

.from-wrapper-request .wpcf7-form-control-wrap {width:346px; float:left; margin-bottom:30px;}
.from-wrapper-request .wpcf7-form-control-wrap.Message {width:100%;}
.preloader-wrapper{position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#660000; z-index:99; text-align:center;}
.preloader-wrapper img{position:absolute; top:0; left:0; right:0; bottom:0; display:block; margin: auto; font-size:50px; color:#fff;}
/*
     FILE ARCHIVED ON 15:50:26 Nov 10, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:17:46 May 18, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.613
  exclusion.robots: 0.084
  exclusion.robots.policy: 0.071
  esindex: 0.011
  cdx.remote: 149.542
  LoadShardBlock: 78.972 (3)
  PetaboxLoader3.datanode: 79.181 (4)
  PetaboxLoader3.resolve: 116.946 (2)
  load_resource: 153.965
*/