body{ margin:0px; font-family: 'pf_beausans_prolight'; font-size:14px; background:#fffff ; color:#4d4d4d; }
a{text-decoration:none; color:#666}
a:hover{text-decoration:none; color:#a6ce39}

h1 { font-size:32px; color:#333333; text-align:left;  padding:20px 0px;  margin:60px 0px 30px 0px; font-family: 'pf_beausans_probold'; border-bottom: 1px solid rgba(0, 0, 0, 0.08); position:relative; text-transform:uppercase}
h1::after {position: absolute;
content: "";
background-color: #00a651;
height: 3px;
width: 11%;
bottom: -1px;
left: 2%; }

h2 { font-family: 'pf_beausans_prosemibold'; margin:0px; font-size:21px; color:#fff; margin:0px 0px;  padding:0px 6px}
h2 i { color:#00a651; font-size:18px !important}

h3 { font-size:24px; color:#333333; text-align:left;  padding:0px 0px;  margin:60px 0px 10px 0px; font-family: 'pf_beausans_prosemibold'; }


p { color:#888; font-size:19px}

.inner {  /*editted bg by fajis*/
  background: #d8d7d5;
   background: url(../images/slides/1.png) right ;
background: -moz-linear-gradient(top, #d8d7d5 0%, #d8d7d5 4%, #dad9d7 6%, #dbd9da 6%, #dbd9da 11%, #dbdad6 12%, #dbd9da 13%, #dbdad8 18%, #dbd9dc 18%, #dbdad6 18%, #dbd9da 18%, #dad9d7 19%, #dbd9da 19%, #dbd9da 23%, #dad9d7 23%, #dbd9da 23%, #dcdadb 26%, #dbdad8 36%, #dbd9dc 37%, #d8d6d7 46%, #d9d7d8 48%, #d7d5d6 49%, #d7d5d8 55%, #d5d3d4 58%, #cfcdd0 60%, #cbc9ce 65%, #cbc9ce 68%, #cfcdd0 69%, #cccacd 70%, #ceccd1 71%, #cdcbce 71%, #cbc9ce 73%, #ceccd1 73%, #cccacd 74%, #ceccd1 76%, #cccacd 77%, #cecccf 81%, #cdcbd0 82%, #cccacd 82%, #cdcbd0 84%, #cdcbce 88%, #cbcad0 88%, #cccacd 89%, #cdcbd0 93%, #cccacd 94%, #cdcbd0 96%, #cccacd 98%, #cdcbd0 98%, #cdcbce 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d7d5), color-stop(4%,#d8d7d5), color-stop(6%,#dad9d7), color-stop(6%,#dbd9da), color-stop(11%,#dbd9da), color-stop(12%,#dbdad6), color-stop(13%,#dbd9da), color-stop(18%,#dbdad8), color-stop(18%,#dbd9dc), color-stop(18%,#dbdad6), color-stop(18%,#dbd9da), color-stop(19%,#dad9d7), color-stop(19%,#dbd9da), color-stop(23%,#dbd9da), color-stop(23%,#dad9d7), color-stop(23%,#dbd9da), color-stop(26%,#dcdadb), color-stop(36%,#dbdad8), color-stop(37%,#dbd9dc), color-stop(46%,#d8d6d7), color-stop(48%,#d9d7d8), color-stop(49%,#d7d5d6), color-stop(55%,#d7d5d8), color-stop(58%,#d5d3d4), color-stop(60%,#cfcdd0), color-stop(65%,#cbc9ce), color-stop(68%,#cbc9ce), color-stop(69%,#cfcdd0), color-stop(70%,#cccacd), color-stop(71%,#ceccd1), color-stop(71%,#cdcbce), color-stop(73%,#cbc9ce), color-stop(73%,#ceccd1), color-stop(74%,#cccacd), color-stop(76%,#ceccd1), color-stop(77%,#cccacd), color-stop(81%,#cecccf), color-stop(82%,#cdcbd0), color-stop(82%,#cccacd), color-stop(84%,#cdcbd0), color-stop(88%,#cdcbce), color-stop(88%,#cbcad0), color-stop(89%,#cccacd), color-stop(93%,#cdcbd0), color-stop(94%,#cccacd), color-stop(96%,#cdcbd0), color-stop(98%,#cccacd), color-stop(98%,#cdcbd0), color-stop(100%,#cdcbce));
background: -webkit-linear-gradient(top, #d8d7d5 0%,#d8d7d5 4%,#dad9d7 6%,#dbd9da 6%,#dbd9da 11%,#dbdad6 12%,#dbd9da 13%,#dbdad8 18%,#dbd9dc 18%,#dbdad6 18%,#dbd9da 18%,#dad9d7 19%,#dbd9da 19%,#dbd9da 23%,#dad9d7 23%,#dbd9da 23%,#dcdadb 26%,#dbdad8 36%,#dbd9dc 37%,#d8d6d7 46%,#d9d7d8 48%,#d7d5d6 49%,#d7d5d8 55%,#d5d3d4 58%,#cfcdd0 60%,#cbc9ce 65%,#cbc9ce 68%,#cfcdd0 69%,#cccacd 70%,#ceccd1 71%,#cdcbce 71%,#cbc9ce 73%,#ceccd1 73%,#cccacd 74%,#ceccd1 76%,#cccacd 77%,#cecccf 81%,#cdcbd0 82%,#cccacd 82%,#cdcbd0 84%,#cdcbce 88%,#cbcad0 88%,#cccacd 89%,#cdcbd0 93%,#cccacd 94%,#cdcbd0 96%,#cccacd 98%,#cdcbd0 98%,#cdcbce 100%);
background: -o-linear-gradient(top, #d8d7d5 0%,#d8d7d5 4%,#dad9d7 6%,#dbd9da 6%,#dbd9da 11%,#dbdad6 12%,#dbd9da 13%,#dbdad8 18%,#dbd9dc 18%,#dbdad6 18%,#dbd9da 18%,#dad9d7 19%,#dbd9da 19%,#dbd9da 23%,#dad9d7 23%,#dbd9da 23%,#dcdadb 26%,#dbdad8 36%,#dbd9dc 37%,#d8d6d7 46%,#d9d7d8 48%,#d7d5d6 49%,#d7d5d8 55%,#d5d3d4 58%,#cfcdd0 60%,#cbc9ce 65%,#cbc9ce 68%,#cfcdd0 69%,#cccacd 70%,#ceccd1 71%,#cdcbce 71%,#cbc9ce 73%,#ceccd1 73%,#cccacd 74%,#ceccd1 76%,#cccacd 77%,#cecccf 81%,#cdcbd0 82%,#cccacd 82%,#cdcbd0 84%,#cdcbce 88%,#cbcad0 88%,#cccacd 89%,#cdcbd0 93%,#cccacd 94%,#cdcbd0 96%,#cccacd 98%,#cdcbd0 98%,#cdcbce 100%);
background: -ms-linear-gradient(top, #d8d7d5 0%,#d8d7d5 4%,#dad9d7 6%,#dbd9da 6%,#dbd9da 11%,#dbdad6 12%,#dbd9da 13%,#dbdad8 18%,#dbd9dc 18%,#dbdad6 18%,#dbd9da 18%,#dad9d7 19%,#dbd9da 19%,#dbd9da 23%,#dad9d7 23%,#dbd9da 23%,#dcdadb 26%,#dbdad8 36%,#dbd9dc 37%,#d8d6d7 46%,#d9d7d8 48%,#d7d5d6 49%,#d7d5d8 55%,#d5d3d4 58%,#cfcdd0 60%,#cbc9ce 65%,#cbc9ce 68%,#cfcdd0 69%,#cccacd 70%,#ceccd1 71%,#cdcbce 71%,#cbc9ce 73%,#ceccd1 73%,#cccacd 74%,#ceccd1 76%,#cccacd 77%,#cecccf 81%,#cdcbd0 82%,#cccacd 82%,#cdcbd0 84%,#cdcbce 88%,#cbcad0 88%,#cccacd 89%,#cdcbd0 93%,#cccacd 94%,#cdcbd0 96%,#cccacd 98%,#cdcbd0 98%,#cdcbce 100%);
background: linear-gradient(to bottom, #d8d7d5 0%,#d8d7d5 4%,#dad9d7 6%,#dbd9da 6%,#dbd9da 11%,#dbdad6 12%,#dbd9da 13%,#dbdad8 18%,#dbd9dc 18%,#dbdad6 18%,#dbd9da 18%,#dad9d7 19%,#dbd9da 19%,#dbd9da 23%,#dad9d7 23%,#dbd9da 23%,#dcdadb 26%,#dbdad8 36%,#dbd9dc 37%,#d8d6d7 46%,#d9d7d8 48%,#d7d5d6 49%,#d7d5d8 55%,#d5d3d4 58%,#cfcdd0 60%,#cbc9ce 65%,#cbc9ce 68%,#cfcdd0 69%,#cccacd 70%,#ceccd1 71%,#cdcbce 71%,#cbc9ce 73%,#ceccd1 73%,#cccacd 74%,#ceccd1 76%,#cccacd 77%,#cecccf 81%,#cdcbd0 82%,#cccacd 82%,#cdcbd0 84%,#cdcbce 88%,#cbcad0 88%,#cccacd 89%,#cdcbd0 93%,#cccacd 94%,#cdcbd0 96%,#cccacd 98%,#cdcbd0 98%,#cdcbce 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d7d5', endColorstr='#cdcbce',GradientType=0 );

position: relative;
  background-size: cover;
  background-position: 0 0; float:left; width:100%}
   
.breadcrumb { display:inline-block; float:right; margin-top:80px; position:relative; z-index:9}
.breadcrumb > .active { color:#a6ce39}

/*header area starts here*/

header { color:#c0c0c0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
header .top-area { background:#4d4d4d; padding:6px 0px; float:left; width:100%; height:auto;  }
header .top-area a { margin-right:30px; color:#c0c0c0}
header .top-area a:hover { color:#a6ce39}

header .social-media {  float:right; letter-spacing:5px; }
header .social-media .fa-2x { font-size:24px}
header .social-media a { margin-right:0px; color:#999 }
header .social-media a:hover .facebook { color:#3B5998; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
header .social-media a:hover .google { color:#E14107; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
header .social-media a:hover .twitter { color:#00ACED; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
header .social-media a:hover .linkedin { color:#2ba3e1; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
header .social-media a:hover .youtube { color:#eb4723; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}


header .bottom-area { float:left; width:100%; }


/*header area ends here*/


/*nav starts here*/
.nav-header {  }
.nav-header-border { background:#57ba47; }
.navbar-default{  border:none; padding:0;  }
.navbar-default .navbar-nav>li>a{ font-size:16px; color:#999;padding:55px 20px 45px 20px;  font-family: 'pf_beausans_proregular'; text-transform:uppercase }
.navbar-default .navbar-nav > li a:after {
background: inherit;
bottom: 0;
content: "";
height: 20px;
left: 0;
position: absolute;
transform: skew(9deg) rotate(9deg);
-ms-transform: skew(9deg) rotate(9deg);
-moz-transform: skew(9deg) rotate(9deg);
-webkit-transform: skew(9deg) rotate(9deg);
-o-transform: skew(9deg) rotate(9deg);
transform-origin: left bottom 0;
-ms-transform-origin: left bottom 0;
-moz-transform-origin: left bottom 0;
-webkit-transform-origin: left bottom 0;
-o-transform-origin: left bottom 0;
width: 98.6%;
z-index: 1;
}

.no-margin { margin-right:0px !important; }

.navbar-nav > li { text-align:center }
.navbar-collapse, .collapse{   padding:0px }
.navbar { position:relative; z-index:999; height:auto; margin-bottom:-10px}
.navbar-default{ background:none; }
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:#a6ce39;  color:#fff ; 
}
.border-bot {  border-bottom:solid 10px #076b38;  position: relative; 	
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg); left:-2px}
.navbar-default .navbar-nav > li > a:hover{ color:#a6ce39; transition:ease-out 0.3s; }
.navbar-default .navbar-brand{color:#fff; }
.navbar-collapse{border:none;}
.navbar-header{ background:#4d4d4d;  }
.navbar-default .navbar-nav{ margin:0px }

@media(max-width:1199px) and (min-width: 991px) {
.no-margin { margin-right:0px !important; padding-right:0px !important }
}
@media(max-width:991px) and (min-width: 768px) {
.navbar-default .navbar-nav>li>a{ font-size:16px; color:#999;padding:35px 20px 35px 20px;  font-family: 'pf_beausans_proregular'; text-transform:uppercase; margin-bottom:10px }
}


@media(max-width:1199px) {
.logo { margin:0 auto !important}

}

@media(max-width:768px)  {

.navbar-default .navbar-nav > li a:after { display:none}

.navbar-default .navbar-nav>li>a{ font-size:14px; padding:16px 13px; border-bottom:solid 1px #fafafa; text-align:left}
.navbar-default .navbar-nav { border:solid 1px rgba(146,154,155,0.2)}
header .bottom-area .pull-right { float:none !important}
.navbar { margin-bottom:0px}


}

/*Content starts here*/
.work-box { width: 100%;
position: relative;
padding: 20px 15px 40px;
text-align: center;
color: #fff; background:#154e9f; min-height:333px; margin:60px 0px 0px 0px }
.work-box h2 { font-family: 'pf_beausans_prosemibold'; margin:0px; font-size:21px; color:#fff; margin:15px 0px; background:rgba(255,255,255,0.2); padding:6px 6px; text-transform:uppercase}
.work-box:hover { background:#a6ce39; transition:ease-in-out 1s}
.work-box:after {
background: #fff;
bottom: -55px;
content: "";
height: 55px;
left: 0;
position: absolute;
transform: skew(4deg) rotate(4deg);
-ms-transform: skew(4deg) rotate(4deg);
-moz-transform: skew(4deg) rotate(4deg);
-webkit-transform: skew(4deg) rotate(4deg);
-o-transform: skew(4deg) rotate(4deg);
transform-origin: right bottom 0;
-ms-transform-origin: right bottom 0;
-moz-transform-origin: right bottom 0;
-webkit-transform-origin: right bottom 0;
-o-transform-origin: right bottom 0;
width: 100%;
z-index: 1;}
.work-box p { color:#fff; text-align:center; font-size:16px}
.work-box a { color:#fff}
.work-box a:hover { color:#4d4d4d}
.content-img { overflow:hidden}
.content-img img { }
.content-img:after {
background: #fff;
bottom: -20px;
content: "";
height: 20px;
left: 0;
position: absolute;
transform: skew(4deg) rotate(4deg);
-ms-transform: skew(4deg) rotate(4deg);
-moz-transform: skew(4deg) rotate(4deg);
-webkit-transform: skew(4deg) rotate(4deg);
-o-transform: skew(4deg) rotate(4deg);
transform-origin: right bottom 0;
-ms-transform-origin: right bottom 0;
-moz-transform-origin: right bottom 0;
-webkit-transform-origin: right bottom 0;
-o-transform-origin: right bottom 0;
width: 100%;
z-index: 1;}

/*footer starts here*/
footer { background:#1d1d1d repeat; font-size:14px; color:#888; padding:0px; margin:40px 0px 0px}
footer h3 { color:#a6ce39; font-size:19px; text-transform:uppercase; margin:60px 0px 20px}
footer address i { line-height:24px !important}
footer address p { margin:0px 0px 0px 25px}

footer li {color:#888; line-height:26px}
footer li:hover {color:#a6ce39}
footer .thumb-footer { float:left}
footer address {  color:#888; line-height:26px}
footer .thumb-footer img{ float:left; }
footer .thumb-footer img:hover { opacity:0.7; cursor:pointer; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}

footer .social-media {  float:right; margin:145px 0px 10px }
footer .social-media a { margin-right:0px; color:#999 }
footer .social-media .facebook { color:#3B5998; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
footer .social-media .google { color:#E14107; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
footer .social-media .twitter { color:#00ACED; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
footer .social-media .linkedin { color:#2ba3e1; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
footer .social-media .youtube { color:#eb4723; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}
footer .social-media a:hover  { opacity:0.7; transition:cubic-bezier(x1,y1,x2,y2) 0.2s}

.footer-bottom { background:rgba(77,77,77,0.3); font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; height:1px; margin-bottom:20px}
.footer-bottom p { color:#333}
.footer-bottom p a{ color:#111}
.footer-bottom p a:hover{ color:#fff}

.about { margin:50px 0px 0px}
.about .img-thumbnail { padding:0px}
.mar-foot { margin-bottom:-40px}
.services .thumbnail { padding:0px; border-radius:0px} 
@media(max-width:768px)  { 
.content-img img {  margin:0 auto}
.content-para { margin-top:20px}
footer .social-media {  float:right; margin:15px 0px 10px }
}


.about .panel-heading { background:#444; color:#fff; font-size:21px; text-transform:uppercase; padding:13px 16px}
.about .panel-title {  font-size:19px; text-transform:uppercase; font-weight:normal}
.about .panel-title span { float:right; font-size:13px}
.about .panel-body h2 { font-size:19px}


.tariff{border:solid 1px #e2e2e2;width:100%;border-bottom:none;border-right:none;margin-bottom:20px}
.tariff th,.tariff tr.bg td{background:#a6ce39;padding:10px 0;color:#fff;font-size:18px;font-weight:normal;border-right:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2; font-family: 'pf_beausans_probold'; text-transform:uppercase}
.tariff td{color:#616161;font-size:14px;padding:10px 16px !important;border-right:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2}
.tariff tr.bg1 td{background:#5cb85c;padding:10px 0;color:#fff;font-size:30px;font-weight:normal;border-right:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2; transition:ease-in 0.2s}

.tariff tr.bg1 td:hover, .tariff tr.bg1 td:hover span { background:#fbfbfb; color:#3489d7; transition:ease-in 0.2s}
.tariff tr.bg1 td a , .tariff tr.bg1 td:hover span { margin:0px auto; text-align:center; opacity:0; display:none}
.tariff tr.bg1 td:hover a {  opacity:100; z-index:999; display:inline-block ; vertical-align:middle; margin:22px 0px }
.tariff tr.bg1 td hr { visibility:hidden; height:0px !important; display:none}
.tariff tr.bg1 td:hover hr { /*visibility:visible; display:block*/}

@media(max-width:767px) {
	.tariff tr.bg1 td{font-size:19px; padding:5px 20px}
	.tariff tr.bg1 td:hover a {   margin:12px 0px }
}

.tariff tr{background:#f6f6f6;}
.tariff tr:hover{background:#fcfcfc}
.about .panel-default { margin:0 0 80px}

.about .panel-default > .panel-heading h2 {color:#fff !important;    font-size:30px; margin:0px 0px 0px; line-height:42px; }
.about .panel-default > .panel-heading h2 small { margin:0px; padding:0px; background:none; font-size:21px; text-indent:7.5%; text-transform:uppercase}
.about .panel-default > .panel-heading h2 i { color:#fff; font-size:36px}
.bg-2 { font-family: 'pf_beausans_probold'; text-transform:uppercase}
.about .panel-default > .panel-heading h2 img { margin-top:10px}

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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}

.gallery { padding:0px 0px 0px 0px;}
.gallery .thumbnail { margin:0 auto; text-align:center; margin-bottom:30px; padding:0px; border-radius:0px; border:solid 5px #003666; }
.gallery .thumbnail i { margin:0 auto; text-align:center; position:absolute; opacity:0}
.gallery .thumbnail .caption { padding:6px; background:#003666}
.gallery .thumbnail .dscrptn { margin:0px; font-size:16px; color:#fff; font-weight:300; text-align:center; line-height:18px; min-height:20px; overflow:hidden}
.gallery .thumbnail:hover { border:solid 5px #0066ff;  }
.gallery .thumbnail:hover i {  top:35%;  opacity:100; z-index:999; color:#0066ff; transition:ease-in-out 0.5s !important; text-align:center; margin:0 auto; margin-left:-12px}
.gallery .thumbnail:hover img { opacity:0.4}


@media (min-width: 768px) {.gallery .thumbnail img { height:200px;  }}
@media (max-width: 768px) {.cnt223{width: 100%; min-width:100%; margin:6% auto}}
@media (min-width: 992px) {.gallery .thumbnail img { height:150px; }}
@media (min-width: 1200px) {.gallery .thumbnail img  { min-height:200px  }}