@charset "utf-8"; /* CSS Document */

a,a:hover,a:visited,a:focus,
button,button:hover,button:visited,button:focus{outline: 0 !important;}
img {max-width:100%; }
.page-banner-section-1 { padding: 177px 0px 15px 0px; }
.page-banner-content-1 { }
.page-banner-content-1 h1 { color: #ffffff; font-size: 40px; font-weight: bold; margin: 0 0 5px 0; }
.overlay-1 { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1 }
.overlay-1::before { background-color: #111f2a; bottom: 0; content: ""; left: 0; opacity: 0.85; position: absolute; right: 0; top: 0; z-index: -1; }
.overlay-dark-1::before { background-color: #000000; opacity: 0.9; }
.overlay-gradient-1::before { background: #2d3e50; background: -webkit-gradient(left top, left bottom, color-stop(0%, #2d3e50), color-stop(100%, #ed562d)); background: -webkit-gradient(left top, left bottom, color-stop(0%, #2d3e50), color-stop(100%, #ed562d)); background: -webkit-linear-gradient(top, #2d3e50 0%, #ed562d 100%); background: -o-linear-gradient(top, #2d3e50 0%, #ed562d 100%); background: -webkit-gradient(linear, left top, left bottom, from(#2d3e50), to(#ed562d)); background: linear-gradient(to bottom, #2d3e50 0%, #ed562d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3e50', endColorstr='#ed562d', GradientType=0 ); opacity: 0.9; }
.section-1 { float: left; position: relative; width: 100%; }
 /* breadcrumb css start */
ul.breadcrumb { padding: 10px 16px; list-style: none; font-size: 14px; background:none; text-align:center; color:#e46200; text-transform:uppercase; }
ul.breadcrumb li { display: inline; }
ul.breadcrumb li+li:before { padding: 8px; color: white; content: "/\00a0"; }
ul.breadcrumb li a { color: #ffffff; text-decoration: none; }
ul.breadcrumb li a:hover { color: #e46200; text-decoration: none; } 
/* breadcrumb css end */

/* menu css start */
.homer { color:#e42600;}

 
/*-- Home page css start --*/
.homepage-whitesection{background:#ffffff; padding:70px 0px 0 0; position:relative; }
.home-firstsection{text-align:center; color:#5b5b5b; font-size:18px; font-weight:300; margin-bottom:114px; }
.home-firstsection:after {content:""; background:url(../images/sep.png) no-repeat; width:16px; height:30px; position:absolute; left:50%; margin-left:-8px; margin-bottom:30px; }
.home-firstsection p{margin-bottom:45px; font-size:26px; font-weight:bold; line-height:normal }
.sec-titleblack {margin: 0 auto; position: relative; text-align: center; }
.sec-titleblack h2 {color: #373737; font-size: 40px; font-weight: bold !important; position: relative; text-transform: uppercase; margin-bottom:38px; }
.sec-titleblack h2:after {content:""; background:url(../images/goodwill-icon.png) no-repeat; width:159px; height:114px; position:absolute; left:50%; top:-28px; margin-left:-50px; }
.sec-titleblack h2 span {color:#a72219 }
@media only screen and (max-width: 767px) { .sec-titleblack h2 {color: #373737; font-size: 25px; font-weight: bold !important; position: relative; text-transform: uppercase; margin-bottom:38px; }}
.sec-titlewht {margin: 0 auto; position: relative; text-align: center; }
.sec-titlewht h2 {color: #ffffff; font-size: 40px; font-weight: bold !important; position: relative; text-transform: uppercase; margin-bottom:38px; }
.sec-titlewht h2:after {content:""; background:url(../images/goodwill-icon.png) no-repeat; width:159px; height:114px; position:absolute; left:50%; top:-28px; margin-left:-50px; }
.sec-titlewht h2 span {color:#a72219 }
.home-threeboxes{position:relative; }
.home-threeboxes .boxstyle{font-size:14px; text-align:center; font-weight:300; }
.home-threeboxes .boxstyle img{text-align:center; margin-bottom:30px; }
.home-threeboxes .boxstyle h3{color: #373737; font-size: 18px; font-weight:300!important; position: relative; text-transform: uppercase; margin-bottom:30px; }
.home-threeboxes .boxstyle p{text-align:center; line-height:24px; margin-bottom:30px; }
.home-threeboxes .boxstyle:after {content:""; background:url(../images/sep-1.png) no-repeat; width:30px; height:5px; position:absolute; left:50%; margin-left:-8px; margin-bottom:30px; }
.home-port{background:#ffffff; }
.overlay {background:url(../images/home-port-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; }
.home-firstsection-two{text-align:center; color:#fff; font-size:18px; font-weight:300; padding:125px 0px 114px 0px; }
.home-firstsection-two p{ margin-bottom:78px; }
.homeportslider{ position:relative; display:inline-block; width:100%; margin-top:-125px; padding-bottom:60px; }
.project-item { position: relative; width: 100%; height: 100%; background:#ffffff; border:1px solid #f3f3f3; }
.project-item .project-hover-mask { position: absolute; background-color: #e77912; left: 0; top: 0; right: 0; bottom: 0; padding: 30px; opacity: 0; transition: opacity .5s; }
.project-item .project-hover-mask .mask-container { position: relative; width: 100%; height: 100%; z-index: 1; padding: 30px 14px; transition: all .5s; }
.project-item .project-hover-mask .mask-container:before { content: ''; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transform: scale(0, 1); transition: transform .5s; }
.project-item .project-hover-mask .mask-container:after { content: ''; border-right: 1px dashed #fff; border-left: 1px dashed #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transform: scale(1, 0); transition: transform .5s; }
.project-item .project-hover-mask .mask-container h4 { margin: 0; color: #fff; transform: translateY(-10px); transition: all .5s; }
.project-item .project-hover-mask .mask-container .divider-border { border-bottom: 1px solid #fff; width: 60%; margin: 15px auto 11px; }
.project-item .project-hover-mask .mask-container p { margin: 0; color: #fff; transform: translateY(10px); transition: all .5s; }
.project-item .project-hover-mask .mask-container .image-link { width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #fff; color: #e77912; border-radius: 50%; display: inline-block; font-size: 20px; font-size: 2rem; margin-top: 12px; transform: translateY(20px); transition: all .5s; text-decoration: none; }
.project-item .project-hover-mask .mask-container .image-link:focus { outline: none; outline-offset: 0; }
.project-item:hover .project-hover-mask { opacity: 1; }
.project-item:hover .project-hover-mask .mask-container:before { transform: scale(1, 1); }
.project-item:hover .project-hover-mask .mask-container:after { transform: scale(1, 1); }
.project-item:hover .project-hover-mask .mask-container h4 { transform: translateY(0); }
.project-item:hover .project-hover-mask .mask-container p { transform: translateY(0); }
.project-item:hover .project-hover-mask .mask-container .image-link { transform: translateY(0); }

.homepage-test-client{ position:relative; width:100%; background:#efefef; padding:75px 0 50px 0px; }
.home-client-section { height: auto; min-height: 100%; padding: 70px 50px; position: absolute; right: 0; top: 0; }
@media only screen and (max-width: 991px) { .home-client-section { height: auto; min-height: 100%; padding: 70px 50px; position: relative; right: 0; top: 0; }}
.client-wrapper { display: inline-block; max-width: 530px; width: 100%; }
.single-client { border-bottom: 1px dashed #aaa; border-right: 1px dashed #aaa; float: left; padding: 25px 15px; text-align: center; width: 33.33%; }
.single-client:nth-child(1) { border-bottom-color: #aaa; border-right-color: #aaa; }
.single-client:nth-child(2) { border-bottom-color: #aaa; border-right-color: #aaa; }
.single-client:nth-child(3) { border-bottom-color: #aaa; border-right-color: transparent; }
.single-client:nth-child(4) { border-bottom-color: #aaa; border-right-color: #aaa; }
.single-client:nth-child(5) { border-bottom-color: #aaa; border-right-color: #aaa; }
.single-client:nth-child(6) { border-bottom-color: #aaa; border-right-color: transparent; }
.single-client:nth-child(7) { border-bottom-color: transparent; border-right-color: #aaa; }
.single-client:nth-child(8) { border-bottom-color: transparent; border-right-color: #aaa; }
.single-client:nth-child(9), .single-client:last-child { border-bottom-color: transparent; border-right-color: transparent; }
.home-overlay-client {background:url(../images/home-client-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; text-align:center; }
.testimonial-wrap { border: 1px solid #e0e0e0; padding: 30px 40px; text-align: center; margin: 18px 0; background:#ffffff; }
.testimonial-wrap .tst-body { font-style: italic; line-height: 22px; }
.testimonial-wrap .tst-author { color: #f05907; font-size: 16px; font-size: 1.6rem; font-weight: 700; margin-bottom: 0; }
.testimonial-wrap .tst-division { font-size: 12px; font-size: 1.2rem; color: #767676; }
.testimonial-wrap.top-quote-box { position: relative; }
.testimonial-wrap.top-quote-box:before { content: "\f10d"; font-family:fontawesome; font-size: 18px; font-style: normal; width: 36px; height: 36px; line-height: 36px; text-align: center; background-color: #f05907; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-clip: padding-box; position: absolute; left: 30px; top: -18px; }
.testimonial-wrap.bottom-quote-box { position: relative; }
.testimonial-wrap.bottom-quote-box:after { content: "\f10e"; font-family: fontawesome; font-size: 18px; font-style: normal; width: 36px; height: 36px; line-height: 36px; text-align: center; background-color: #f05907; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-clip: padding-box; position: absolute; right: 30px; bottom: -18px; }
/*-- Home page css end --*/

/*-- testimonials page css start --*/
.testimonialswrapper{ background:#ffffff; padding:48px 0px; float:left; width:100%; position:relative; }
/*-- testimonials page css end --*/
/*-- about page css start --*/
.aboutwrapper{ background:#ffffff; padding:48px 0px; float:left; width:100%; position:relative; }
.aboutwrapper ul{margin:0; padding:0; }
.aboutwrapper ul li {display: block; float: left; list-style-type: none; margin-bottom: 15px; overflow: hidden; padding-left: 20px; position: relative; width: 100%; text-align:left; color: #0b0b0b; font-weight:bold; }
.aboutwrapper ul li::before {color: #0b0b0b; content: "\f105"; font-family: FontAwesome; font-size: 18px; left: 0; padding-right: 0.8em; position: absolute; }
.companyprofilepane{ background:#e46200; color:#fff; position:relative; width:100%; margin-bottom:30px; }
.companyprofilepane .leftside{height:612px; width:50%; position:relative; float:left; background: rgba(0, 0, 0, 0) url("../images/companyprofile.jpg") no-repeat scroll right center / cover; }
	.companyprofilepane .left_side_opacity { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; height: 612px; position: absolute; right: 0; top: 0; width: 100%; }
@media only screen and (max-width: 1199px) { .companyprofilepane .leftside{width:100%; } }
.companyprofilepane .leftside h4 { background: rgba(228, 98, 0) none repeat scroll 0 0; color: #fff; display: inline; font-weight: bold!important; padding: 12px 39px; position: absolute; right: 0px; top: 40px; font-size:18px; text-align:center; }
.companyprofilepane .rightside{ background-color:#e46200; padding:20px; float:right; position:relative; width:50%; }
@media only screen and (max-width: 1199px) { .companyprofilepane .rightside{ width:100%; display:block; } }
.companyprofilepane .rightside .content{ background-color:#ef6904; padding:10px; border:1px solid #fff; color:#ffffff; }
.companyprofilepane .rightside .content p{ line-height:24px; text-align:justify; margin-bottom:15px; }
.aboutwrapper .history{ background:#ffffff; padding:25px 0px; font-size:18px; font-weight:300; text-align:center; }
.aboutwrapper .aboutboxes{ width:100%; position:relative; color:#fff; font-weight:300; font-size:16px; margin-bottom:30px; }
.aboutwrapper .aboutboxes .first{ background:#ef6904; float:left; width:33.3333%; padding:30px 15px; text-align:center; }
.aboutwrapper .aboutboxes .first img{ margin-bottom:35px; }
.aboutwrapper .aboutboxes .first h3{color: #fff; font-size: 18px; font-weight:600!important; position: relative; text-transform: uppercase; margin-bottom:20px; }
.aboutwrapper .aboutboxes .second{ background:#333333; float:left; width:33.3333%; padding:30px 15px; text-align:center; }
.aboutwrapper .aboutboxes .second img{ margin-bottom:35px; }
.aboutwrapper .aboutboxes .second h3{color: #fff; font-size: 18px; font-weight:600!important; position: relative; text-transform: uppercase; margin-bottom:20px; }
.aboutwrapper .aboutboxes .third{ background:#9b231a; float:left; width:33.3333%; padding:30px 15px; text-align:center; }
.aboutwrapper .aboutboxes .third img{ margin-bottom:35px; }
.aboutwrapper .aboutboxes .third h3{color: #fff; font-size: 18px; font-weight:600!important; position: relative; text-transform: uppercase; margin-bottom:20px; }
@media only screen and (max-width: 767px) { .aboutwrapper .aboutboxes .first{ width:100%; display:block}
	.aboutwrapper .aboutboxes .second{width:100%; display:block}
	.aboutwrapper .aboutboxes .third{width:100%; display:block} }
/*-- about page css end --*/

/*-- services page css start --*/
.serviceswrapper{ background:#ffffff; padding:48px 0px; float:left; width:100%; position:relative; }
.serviceswrapper .servicepane{ position:relative; margin-bottom:30px; }
.serviceswrapper .servicepane img{ margin-bottom:25px; padding:20px; border:1px solid #ebebeb}
.serviceswrapper .servicepane h3{color: #373737; font-size: 18px; font-weight:600!important; position: relative; text-transform: uppercase; margin-bottom:20px; }
.serviceswrapper .servicepane p{ line-height:24px; font-weight:300!important; margin-bottom:10px; }
/*-- services page css end --*/
/*-- clientele page css start --*/
.clientelewrapper{ background:#ffffff; padding:48px 0px; float:left; width:100%; position:relative; }
.clientlogopane{ border:1px solid #e9e9e9; text-align:center; background-color:#ffffff; margin-bottom:20px}
img.grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */}

img.grayscale:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
/*-- clientele page css end --*/
/*-- career page css start --*/
.careerwrapper{ background:#ffffff; padding:48px 0px; float:left; width:100%; position:relative; }
.careerwrapper h3{color: #373737; font-size: 18px; font-weight:600!important; position: relative; text-transform: uppercase; margin:20px 0px; }
.careerwrapper a{ color:#e77813; text-decoration:none; }
.careerwrapper p{ line-height:24px; font-weight:300!important; margin-bottom:10px; }
/*-- career page css end --*/
/*-- portfolio page css start --*/
.portfoliowrapper{ background:#ffffff; padding:48px 0px; float:left; width:100%; position:relative; }
.portfoliopane{ border:1px solid #e9e9e9; text-align:center; background-color:#ffffff; margin-bottom:20px; position:relative}
.image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; }
.middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%)}
.portfoliopane:hover .image { opacity: 0.1; background:#000000; }
.portfoliopane:hover .middle { opacity: 1; }
.middle i.fa { background-color: #fd5b08; color: white; font-size: 18px; border-radius:50%; height:50px; width:50px; line-height:48px; }

.filter-nav{display: inline-block; width: 100%; margin-bottom: 20px;}
.filter-button
{
    font-size: 18px;
    border: 1px solid #e46200;
    border-radius: 5px;
    text-align: center;
    color: #e46200;
    margin-bottom:5px;

}
.filter-button:hover
{
   
    border: 1px solid #e46200;
    text-align: center;
    color: #ffffff;
    background-color: #e46200;

}
.btn-default:active .filter-button:active
{
    background-color: #e46200;
    color: white;
}

.port-image
{
    width: 100%;
}
.portfoliowrapper .btn{ padding:6px 10px;}



/*-- portfolio page css end --*/
/*-- contact page css start --*/
.contactwrapper{ background:#ffffff; padding:48px 0px; float:left; width:100%; position:relative; }
.contactpane { position:relative}
.contactpane h3{color: #373737; font-size: 18px; font-weight:600!important; position: relative; text-transform: uppercase; margin-bottom:20px; }
.contactpane ul{ margin:0; padding:0; }
.contactpane ul li{ list-style-type:none; display:inline-block; margin-right:30px; margin-bottom:30px; width:100% }
.contactpane ul li span{ overflow:hidden; }
.contactpane ul li i.fa { background-color: #fd5b08; border-radius: 50px; color: #ffffff; display: inline-block; font-size: 18px; height: 40px; line-height: 38px; margin-right: 20px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 40px; margin-right:10px; float:left }
.contactpane ul li a{color:#5b5b5b; text-decoration:none; }
.contactpane ul li a:hover{color:#fd5b08; text-decoration:none; }
/*-- contact page css end --*/
/*-- enquiry page css start --*/
.enquirywrapper{ background:#ffffff; padding:48px 0px; float:left; width:100%; position:relative; }
/*-- enquiry page css end --*/
/*-- Button --*/
.btn { background-color: transparent; border-radius: 0; color: inherit; font-size: 12px; font-weight: 700; /*height: 43px*/; letter-spacing: 0.4px; line-height: 23px; overflow: hidden; padding: 9px 50px; position: relative; text-transform: uppercase; z-index: 1;  }
.btn::before { -webkit-animation: 0.3s linear 0s normal forwards 1 running btnAnimationOut; animation: 0.3s linear 0s normal forwards 1 running btnAnimationOut; background-color: inherit; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: scaleY(0.02); -ms-transform: scaleY(0.02); transform: scaleY(0.02); width: 21px; z-index: -1; }
@-webkit-keyframes btnAnimationOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); width: 100%; }
  50% { -webkit-transform: scaleY(0.02); transform: scaleY(0.02); width: 100%; }
  100% { -webkit-transform: scaleY(0.02); transform: scaleY(0.02); }}
@keyframes btnAnimationOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); width: 100%; }
  50% { -webkit-transform: scaleY(0.02); transform: scaleY(0.02); width: 100%; }
  100% { -webkit-transform: scaleY(0.02); transform: scaleY(0.02); }}
.btn:hover { -webkit-transition: all 0.3s ease 0.3s; -o-transition: all 0.3s ease 0.3s; transition: all 0.3s ease 0.3s; }
.btn:hover::before { -webkit-animation: 0.5s linear 0s normal forwards 1 running btnAnimationIn; animation: 0.5s linear 0s normal forwards 1 running btnAnimationIn; }
@-webkit-keyframes btnAnimationIn { 0% { -webkit-transform: scaleY(0.02); transform: scaleY(0.02); }
  50% { -webkit-transform: scaleY(0.02); transform: scaleY(0.02); width: 100%; }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1); width: 100%; }}
@keyframes btnAnimationIn { 0% { -webkit-transform: scaleY(0.02); transform: scaleY(0.02); }
  50% { -webkit-transform: scaleY(0.02); transform: scaleY(0.02); width: 100%; }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1); width: 100%; }}
.btn.white { border: 1px solid #fff; color: #fff; }
.btn.white:hover { color: #ed552d; }
.btn.white::before { background-color: #fff; }
.btn.orange { border: 1px solid #fd5b08; color: #fd5b08; }
.btn.orange:hover { color: #fff; }
.btn.orange::before { background-color: #fd5b08; }
.btnstyle{ text-align:center; margin:15px 0; }
/*-- footer --*/
.footersection{ background:#202021; float:left; width:100%; position:relative; }
.footerpane{ color:#a1a19e; font-size:14px; padding:72px 0 15px 0; }
.footerpane h3{font-size: 18px; font-weight:600!important; position: relative; text-transform: uppercase; margin-bottom:15px; color:#a1a19e; border-bottom:1px solid #2b2b2b; padding-bottom:10px; }
.footsocial{ margin-bottom:20px; }
.footsocial ul { list-style: outside none none; margin: 0; padding: 0; text-align:left; }
.footsocial ul li { display: inline-block; border:none!important; margin-right:15px; }
.footsocial ul li a { background-image: none; text-decoration: none; }
.footsocial ul li .fb { color: #a1a19e; display: block; font-size: 18px; height: 40px; line-height: 38px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 40px; background-color:#2b2b2b; border-radius:50px; }
.footsocial ul li .fb:hover { background-color: #3b5998; border: medium none; color: #ffffff; transition:all 0.5s ease; }
.footsocial ul li .in { color: #a1a19e; display: block; font-size: 18px; height: 40px; line-height: 38px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 40px; background-color:#2b2b2b; border-radius:50px; }
.footsocial ul li .in:hover { background-color: #007bb6; border: medium none; color: #ffffff; transition:all 0.5s ease; }
.footsocial ul li .twitt { color: #a1a19e; display: block; font-size: 18px; height: 40px; line-height: 38px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 40px; background-color:#2b2b2b; border-radius:50px; }
.footsocial ul li .twitt:hover { background-color: #00aced; border: medium none; color: #ffffff; transition:all 0.5s ease; }
.footer-contactinfo{ color:#a1a19e; font-size:14px; }
.footer-contactinfo ul{ margin:0; padding:0; }
.footer-contactinfo ul li{ list-style-type:none; display:inline-block; margin-right:30px; margin-bottom:10px; }
.footer-contactinfo ul li span{ overflow:hidden; }
.footer-contactinfo ul li i.fa { background-color: #2b2b2b; border-radius: 50px; color: #a1a19e; display: inline-block; font-size: 18px; height: 40px; line-height: 38px; margin-right: 20px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 40px; margin-right:10px; float:left }
.footer-contactinfo ul li a{color:#a1a19e; text-decoration:none; }
.footer-contactinfo ul li a:hover{color:#cbcbcb; text-decoration:none; }
.copyrightpane{ background:#1a1a1a; border-top:1px solid #2b2b2b; padding:15px 0px; color:#a1a19e; font-size:12px; }
.copyrightpane ul{ margin:0; padding:0; }
.copyrightpane ul li{ list-style-type:none; display:inline; float:left; border-right:1px solid #2b2b2b; padding-right:8px; margin-right:8px; line-height:14px; }
.copyrightpane ul li:last-child{ border-right:none; }
.copyrightpane a{color:#a1a19e; text-decoration:none; }
.copyrightpane a:hover{ color:#cbcbcb;}

/* ========== FLIPBOOK ============= */
.flipbook-wrapp{display:inline-block; position: relative; left: 50%; transform: translateX(-50%); padding: 0 15px;}
.flipbook-wrapp .btn{ float: left; background: #0a5ab6; padding:5px; position: absolute; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; display: flex; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);  color: #fff; left: 0; z-index: 20;}
.flipbook-wrapp #flipbook{ margin: 0 auto 40px !important; } 
.flipbook-wrapp .btn-next{left: auto; right: 0;}

@media only screen and (max-width: 1199px){
  .item{display: inline-block; width: 100%; border: 1px solid #dddddd; margin-bottom: 10px;}
  .flipbook-wrapp{padding: 0;}
  .flipbook-wrapp .btn{display: none;}
}  

.awards-wrapp{float: left; width: 100%; padding: 40px 0;}