@font-face {
    font-family: 'opineheavyregular';
    src: url('../fonts/opinehe-webfont.eot');
    src: url('../fonts/opinehe-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opinehe-webfont.woff2') format('woff2'),
         url('../fonts/opinehe-webfont.woff') format('woff'),
         url('../fonts/opinehe-webfont.ttf') format('truetype'),
         url('../fonts/opinehe-webfont.svg#opineheavyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sansitalic';
    src: url('../fonts/pts56f-webfont.eot');
    src: url('../fonts/pts56f-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/pts56f-webfont.woff') format('woff'),
         url('../fonts/pts56f-webfont.ttf') format('truetype'),
         url('../fonts/pts56f-webfont.svg#pt_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/pts55f-webfont.eot');
    src: url('../fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pts55f-webfont.woff') format('woff'),
         url('../fonts/pts55f-webfont.ttf') format('truetype'),
         url('../fonts/pts55f-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sansbold';
    src: url('../fonts/pts75f-webfont.eot');
    src: url('../fonts/pts75f-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pts75f-webfont.woff2') format('woff2'),
         url('../fonts/pts75f-webfont.woff') format('woff'),
         url('../fonts/pts75f-webfont.ttf') format('truetype'),
         url('../fonts/pts75f-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

}

*, *:after, *:before {margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
 a {text-decoration:none; outline:none;} a:hover {text-decoration:none !important;}
 img {border:none; outline:none; max-width:100%; }
 input, textarea {border:none; outline:none; background:none; margin:0; padding:0;}
 ul,ol{ margin:0; padding:0; }
 h1, h2, h3, h4, h5, h6 {margin:0; font-weight:normal; padding:0;}
 p {padding:0; margin:0; }
 body {float:left; width:100%; height:100%; padding:0; overflow-x:hidden; background:#fff;}
 
.header-bck{ float:left; width:100%; background:url(../images/header-bck.png) 0 0 repeat; position:relative;}
.header-bck .socials{ float:left; width:57px; list-style:none; position:absolute; top:40%; left:0; right:auto; bottom:auto;}
.header-bck .socials li{background:#3b5998; float:left;}
.header-bck .socials li:nth-child(2){background:#00abf1; float:left;}
.header-bck .socials li:nth-child(3){background:#0083be; float:left;}
.header-bck .socials li:hover{padding-left:10px;}


.header-bck .socials li a{ float:left;}
.header{ float:left; width:100%; }
.header .header-left{ float:left; width:100%; padding-top:7px; position:relative; min-height:667px;}
.header .header-left .logo{ float:left; width:100%; margin-left:45px; }

.header .header-left .image{ float:left; width:100%; padding-top:6px; position:absolute; bottom:0; left:0;}

.header .header-middle{ float:left; width:100%; padding:30px 25px 38px 35px; background:#000;}
.header .header-middle h1{  font-family: 'opineheavyregular'; color:#fff; font-size:33px; margin:0; font-weight:bold;}
.header .header-middle h3{  font-family: 'opineheavyregular'; color:#ff0000; font-size:22px; margin:0; font-weight:bold; text-transform:uppercase; line-height:30px; margin-bottom:6px;}
.header .header-middle h4{ font-family: 'pt_sansitalic'; font-size:24px;  color:#ff0000; margin:0; padding-top:30px;  font-weight:bold; line-height:normal; position:relative; }
.header .header-middle p{ padding:20px 0 0 0; margin:0; font-family: 'pt_sansitalic'; font-size:16px; color:#fff; line-height:29px;  }
.header .header-middle .arrow-left { width: 0; height: 0; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-right:40px solid #000; position:absolute; top:45%; left:-23px; right:auto; bottom:auto;}

.header .header-right{ float:left; width:100%; padding:30px 10px 0 10px; }
.header .header-right h2{ float:left; width:100%;  font-family: 'opineheavyregular'; color:#fff; font-size:33px; margin:0; }
.header .header-right h3{  font-family: 'opineheavyregular'; color:#fffc02; font-size:22px; margin:0;  text-transform:uppercase; line-height:30px; margin-bottom:20px; }


.header-bck .info{  position:absolute; top:0; right:0; left:auto;}
.header-bck .info-01{ float:left; width:100%; list-style:none;} 
.header-bck .info-01 li{ float:left; background:#740101;} 
.header-bck .info-01 li a{ color:#fff; line-height:37px; font-family: 'opineheavyregular'; font-size:16px; padding:0 20px;  }
.header-bck .info-01 li a:hover{ color:#fefd02;}
.header-bck .info-01 li+li{ margin-left:13px;}
.content-bck{ float:left; width:100%; position:relative;}
.content{ float:left; width:100%; margin:90px 0 94px 0; border:1px solid #e5e5e5; padding:131px 0 40px 0;}
.heading{ float:left; font-family: 'opineheavyregular'; background:#fff; padding:0 21px 0 33px; position:absolute; top:90px; left:45%; line-height:normal; text-transform:uppercase; text-align:center; border-left:1px solid #e5e5e5;  border-right:1px solid #e5e5e5;  border-bottom:1px solid #e5e5e5; height:60px; }
.heading h2{ margin-top:-30px;  font-family: 'opineheavyregular';  color:#ff0000; font-size:47px; }
.heading h2 span{  color:#000; font-size:32px; text-align:center;}
.content .content-lst{ float:left; width:100%; list-style:none;}
.content .content-lst li{ float:left; width:100%;}
.content .content-lst li  h4{ float:left; width:100%; color:#000; font-family: 'opineheavyregular'; font-size:23px; text-align:center; text-transform:uppercase;  margin:0;}
.content .content-lst li+li{ margin-top:57px;}
.content .content-lst li p{ text-align:center;  font-family: 'pt_sansbold'; font-size:16px; color:#424242; font-weight:bold; text-transform:uppercase;}

.blog-bck{ float:left; width:100%; background:url(../images/blog-bck.jpg) center top no-repeat; padding:29px 0 58px 0; background-size:cover;}
.blog{ float:left; width:100%;}
.blog h2{ float:left; width:100%;  font-family: 'opineheavyregular'; color:#fff; font-size:47px; text-align:center; margin:0;}
.blog h3{ color:#fefd02; font-size:32px; float:left; width:100%;  font-family: 'opineheavyregular'; text-align:center; margin:0; text-transform:uppercase;}
.blog .news{ float:left; width:100%; margin-top:51px;}
.blog .news .right-side{ float:left; width:80%;}
.blog .news .left-side{ float:left; width:15%;  margin-right:18px}
.blog .news .left-side h3{ color:#fff; font-size:24px; font-family: 'opineheavyregular'; border-bottom:1px solid #fff; text-align:left; line-height:35px;}
.blog .news .right-side h5{ color:#fff; font-size:24px; font-family: 'opineheavyregular'; }
.blog .news .right-side p{  font-family: 'pt_sansregular'; color:#fff; font-size:16px; text-align:justify;}
.blog .news .right-side h6{ color:#ffff00; font-size:18px; font-family: 'opineheavyregular'; }

.contact{ float:left; width:100%; padding:40px 0 60px 0;}
.contact h2{ font-family: 'opineheavyregular'; font-size:47px; color:#ff0000; margin:0; text-align:center;}
.contact h3{  font-family: 'opineheavyregular'; font-size:32px; color:#484848; margin:0; text-align:center; text-transform:uppercase;}

.contact .content-left{ float:left; width:100%; padding-top:52px;}
.contact .content-left h3{  float:left; width:100%; color:#343434; font-size:22px; font-family: 'opineheavyregular';  text-align:left;   margin-bottom:38px; }
.contact .content-left h3 span{ float:left;   font-family: 'pt_sansbold'; font-size:16px; text-transform:none; text-align:left; font-weight:bold;  }
.contact .content-left p{  font-family: 'pt_sansbold';  font-size:16px; color:#000;  font-weight:bold; }
.contact .content-left p a{ color:#000;}
.contact .content-left p a:hover{ color:#ff0000;}
.contact .content-left p a:hover{ text-decoration:underline !important;}
.contact .content-right{ float:left; width:100%;  padding-top:52px;}
.contact .content-right .cnt_form{ float:left; width:105%; list-style:none; margin-left:-5%;}
.contact .content-right .cnt_form li{ float:left; width:45%; margin-left:5%;}
.contact .content-right .cnt_form li input[type=text]{ float:left; width:100%; line-height:38px; font-family: 'pt_sansbold'; font-size:16px; color:#000; color:#999999; font-weight:bold; border:1px solid #e5e5e5; padding:0 10px; height:38px;}
.contact .content-right .cnt_form li+li+li{ margin-top:23px;}
.contact .content-right .cnt_form li:nth-child(5){ width:95%;}
.contact .content-right .cnt_form li textarea{ float:left; width:100%; height:74px;  font-family: 'pt_sansbold'; font-size:16px; color:#000; color:#999999; font-weight:bold; border:1px solid #e5e5e5; padding:10px; resize:none; overflow:auto;}
.contact .content-right .cnt_form li input[type="submit"]{ float:left; width:100%; color:#fff; background:#ff0000; line-height:37px; font-family: 'pt_sansbold'; font-size:16px; font-weight:bold; }
.contact .content-right .cnt_form li:hover input[type="submit"]{color:#fefd02; }
.footer-bck{ float:left; width:100%; background:url(../images/header-bck.png) 0 0 repeat;}
.footer{  float:left; width:100%; line-height:68px;}
.footer .footer-left{  float:left; width:100%; }
.footer .footer-right{  float:left; width:100%; }
.footer .footer-left p{  float:left; width:100%; font-family: 'pt_sansregular'; color:#fff; font-size:14px; margin:0;}
.footer .footer-right p{  float:right; font-family: 'pt_sansbold'; color:#fff; font-size:16px; margin:0;}
.footer .footer-right p a.btn-img{ float:right; margin:11px 0 11px 13px;}
.footer .footer-right p:hover{ color:#fefd02;}


/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { margin: 0; padding: 0; position:relative;}
.flexslider .slides { float:left; width:100%;}
.flexslider .slides li img{ display:block;}
.flexslider .slides li{ display:none; margin-top:-1px; position:relative; }
.flex-direction-nav a { width:48px; height:48px;  margin:0; background:url(images/slideicon.png) no-repeat 0 0;  position: absolute; top:48%; z-index: 10; cursor: pointer; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {  background:url(../images/rightslider.png) 0 0 no-repeat; background-position: 100% 0; left:auto; right:1%; font-size:0;  height:48px;}
.flex-direction-nav .flex-prev {background:url(../images/leftslider.png) 0 0 no-repeat; left:1%; font-size:0; height:48px;}
.flexslider:hover .flex-next {opacity: 0.8; right:4%;}
.flexslider:hover .flex-prev {opacity: 0.8; left:4%;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav { position: absolute;  bottom: -51px; left:37px;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {  display: block; background:url(images/slideicon.png) 0 0 no-repeat; cursor: pointer; text-indent:-9999px; font-family: 'HelveticaNeueLTStd-Lt'; font-weight:bold; font-size:18px;  padding:0px 16px 5px 9px; width:30px; text-align:center; float:left;}
.flex-control-paging li a:hover{ background:url(../images/hover-paging.png) 0 0 no-repeat; width:28px ; height:29px; color:#bebebe; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-paging li a.flex-active{ background:url(../images/hover-paging.png) 0 0 no-repeat; width:28px ; height:29px; color:#bebebe; }


/*--------------------------------------slider---------------------------------------*/
.flexslider { width:100%; float:left; border-right:8px solid #5f0000; }
.flexslider .slides{ padding-right:20px !important; float:left; width:100% !important;}

.flexslider .project .images-01{ float:left;  margin:0 0 10px 0; width:100%;} 
.flexslider .project p{ margin-top:0px;   font-family: 'pt_sansregular'; color:#fff; font-size:15px; margin:0;}
.flexslider .project p.date{ margin:0 0 10px 0; padding:0;}
.flexslider .slides li+li{ margin-top:35px;}

.flexslider  .description{ width:100%;  display:block; font-family: 'TrajanPro-Bold'; font-size:20px; color:#fff; text-transform:uppercase; padding-top:0px;}
.flexslider  .flex-viewport{ height:500px !important; }

.flexslider .flex-direction-nav .flex-next{ background:url(../images/111.png) 0 0 no-repeat; width:20px; height:20px; top:81%; right:11%;}
.flexslider .flex-direction-nav .flex-prev{ background:url(../images/aaa.png) 0 0 no-repeat;  width:20px; height:20px; left:auto; top:81%; right:7%; }
.flex-direction-nav {  display: none;}
.flex-control-nav{ width:30px; top:30px !important; right:-19px !important;  bottom:auto !important; left:auto !important; text-align:center;}
.flex-control-nav li { background:#5f0000; border-radius:50%; font-size:0; height:16px; width:16px; }
.flex-control-nav li+li{ margin-top:5px;}
.flex-control-nav li a.flex-active{ background:rgba(255,255,255,0.8); border-radius:50%; font-size:0; height:16px; width:16px; padding:0 7px 5px 9px ;}
.flex-control-paging li a{ width:16px;}


@media ( min-width:1800px ) and ( max-width:2500px ){
	.header .header-left{ min-height:655px;}
}

@media ( min-width:1024px ) and ( max-width:1199px ){
.header .header-left{ min-height:783px;}
}

@media ( min-width:992px ) and ( max-width:1023px ){
.header .header-left{ min-height:783px;}
.header .info-01 li a{ font-size:14px;}
	
}
@media ( min-width:768px ) and ( max-width:991px ){
	.header .header-left .logo{ text-align:center; margin-left:0;}
	.header .header-left{min-height:inherit;}
	.header .header-left .image{ position:static; text-align:center;}
	.header .header-left .image img{ height:400px;}
	.header-bck{ padding:0 0 30px 0;}
	.heading h2 { font-size:42px; margin-top:-24px;}
	.heading h2 span { font-size:30px;}
	.content .content-lst li p{ font-size:14px;}
	.content .content-lst li h4{ font-size:21px;}
	.footer .footer-left p{ text-align:center; line-height: normal;  margin:30px 0 0 0;}
	.contact .content-left{ text-align:center;}
	.contact .content-left h3{ text-align:center;}
	.contact .content-left h3 span{ text-align:center; width:100%;}
	.header-bck .socials{ top:15%;}
	.header .header-middle .arrow-left{ display:none;}
	.flexslider .slides li{ margin-top:-2px;}
	
}
@media ( max-width:767px ){
	
	.header .header-left .logo{ text-align:center; margin-left:0;}
	.header .header-left{min-height:inherit;}
	.header .header-left .image{ position:static; text-align:center;}
	.header .header-left .image img{ height:400px;}
	.header-bck{ padding:0 0 30px 0;}
	.header .header-middle .arrow-left{ display:none;}
	.heading{ left:35%;}
	.heading h2 { font-size:42px; margin-top:-24px;}
	.heading h2 span { font-size:30px;}
	.content .content-lst li p{ font-size:14px;}
	.content .content-lst li h4{ font-size:21px;}
	.header .header-left .logo{ margin-top:30px;}
    .footer .footer-left p{ text-align:center;}
	.contact .content-left{ text-align:center;}
	.contact .content-left h3{ text-align:center;}
	.contact .content-left h3 span{ text-align:center; width:100%;}
	.header-bck .socials{ top:15%;}
	.flexslider .slides li{ margin-top:-2px;}
	
}
@media ( max-width:640px ){
		.header .header-middle{ padding:30px 20px 38px;}
	.header .header-middle h4{ font-size:22px;}
	.header .header-right{ padding:30px 0 0 0;}
	.header .header-left .image img{ height:300px;}

		.heading{ position:static; text-align:center; float:left; width:100%; border:none; height:auto; margin:60px 0 0 0;}
	.heading  h1{ margin:0; }
	.heading  h2 br{ display:none;}
	.content{ margin-top:15px; padding-top:60px;}
	.content .content-lst li h4{ font-size:18px;}
	.content .content-lst li p{ font-size:13px;}
	.blog .news .left-side h3{ font-size:20px;}
	.blog h2{ font-size:42px;}
	.blog h3{ font-size:30px;}
	.contact h2{  font-size:42px;}
	.contact h3{ font-size:25px;}
	.footer .footer-left p{ line-height:normal; margin:30px 0 0 0;}

	
}
@media ( max-width:480px ){
		.logo img{ width:80%;}
		.header .header-left .logo{ margin-top:50px;}
	.blog .news .left-side{ width:100%;}
	.blog .news .left-side h3 br{ display:none;}
	.blog .news .right-side { width:100%;}
	.blog .news .right-side h5{ font-size:22px;}
	.contact .content-right .cnt_form{ width:100%; margin:0;}
	.contact .content-right .cnt_form li{ width:100%; margin-left:0;}
	.contact .content-right .cnt_form li:nth-child(5){ width:100%;}
	.contact .content-right .cnt_form li + li { margin-top: 23px;}

	
}
@media ( max-width:360px ){

	.logo img{ width:100%;}
	.footer .footer-left p{ font-size:12px;}
	.footer .footer-right p{ font-size:14px;}

	
	
}