/************************************************************************************
RESET
*************************************************************************************/
@font-face {font-family:BankGothic; src:url('bankgothic.ttf'); font-weight:normal;
src: local('BankGothic'),local('BankGothic-Regular'),
     url('bankgothic.ttf') format('truetype'),
}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
margin:0;
padding:0;
}

img, fieldset {
border: 0;
}

/* set image max width to 100% */
img.spl {
max-width:100%;
height:auto;
width:auto\9; /* ie8 */
}
img.spl1 {
max-width:100%;
height:400px;
width:auto\9; /* ie8 */
}
img.spl2 {
max-width:100%;
height:100px;
width:auto\9; /* ie8 */
}
img.spl3 {
max-width:100%;
height:120px;
width:auto\9; /* ie8 */
}
.spl-gl {
height:180px;
 /* ie8 */
}
img.normal {
width:120px;
height:90px;
}
img.normal1 {
width:500px;
height:360px;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
background:#000000;
font:Century Gothic, Helvetica, sans-serif;
color:#666;
}
a {
color:#026acb;
text-decoration:none;
outline:none;
}
a:hover {
text-decoration:underline;
}
p {
margin:0 0 0;
padding:0;
}

/* list */
ul {
margin:0;
padding:0;
line-height:150%; list-style:inside;
}
ol {
margin:0;
padding:0;
line-height:150%; list-style:decimal inside;
}
li {
margin:0 0 0 0;
padding:0;
}
ul.clients {
margin:0;
padding:0;
line-height:100%; list-style:none;
}
ul.dots li {
margin:0 0 0 1em;
list-style:outside;
list-style-position:outside; padding:0 0 10px 0.5em;
}
ul.dotsf li {
margin:0 0 15px 1em;
list-style:outside;
list-style-position:outside; padding:0 0 15px 0.1em; border-bottom:solid #dae274 1px;
}
ul.dotsp li {
margin:0 1% 15px 1%; background:url(../images/arrow-pts.png) no-repeat left top 5px;
list-style:none;
list-style-position:inside; padding:0 0 15px 25px; border-bottom:solid #dddddd 1px; float:left; width:48%;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
ul.dotsp1 li {
margin:0 0 15px 1em; background:url(../images/arrow-pts.png) no-repeat left top 5px; color:#000000;
list-style:none;
list-style-position:inside; padding:0 0 15px 25px; border-bottom:solid #dddddd 1px;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
line-height:1.0em;
color:#000;
}
h1 {
font-size:2em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 1em;
}

/* reset webkit search input styles  */
input[type=search] {-webkit-appearance:none; outline:none;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {display:none;}

/************************************************************************************
STRUCTURE
*************************************************************************************/
.pageall {float:left; width:100%;}
.pagewrap {width:1100px; margin:0 auto;}

/************************************************************************************
HEADER
*************************************************************************************/
.header {float:left; width:100%; background:#ffffff; padding:0 0 0 0; position:relative;}

.alldiv {float:left; width:100%; padding:0 10px;}
.alldiv1 {float:left; width:100%; background:#ffffff; -webkit-box-shadow:0 0px 10px rgba(88,88,88,.75); -moz-box-shadow:0 0px 10px rgba(88,88,88,.75); box-shadow:0 0px 10px rgba(88,88,88,.75);}
.alldiv2 {float:left; width:100%; padding:20px;}

.hdiv {float:left; width:100%; /*position:absolute; z-index:2; top:20px;*/ padding:10px 0; background:rgba(255,255,255,1); -webkit-box-shadow:0 0px 3px rgba(0,0,0,.2); -moz-box-shadow:0 0px 3px rgba(0,0,0,.2); box-shadow:0 0px 3px rgba(0,0,0,.2);}
.hdiv-i {float:left; width:100%; padding:10px 0; -webkit-box-shadow:0 0px 3px rgba(0,0,0,.2); -moz-box-shadow:0 0px 3px rgba(0,0,0,.2); box-shadow:0 0px 3px rgba(0,0,0,.2);}
.hdiva {float:left; width:100%;}

.hdiv1 {float:left; width:18%; padding:0; margin:0 2% 0 0;}
.hdiv2 {float:left; width:80%; padding:10px 0 0 0;}
.hdiv21 {float:left; width:62%; padding:30px 3% 0 0;}
.hdiv22 {float:left; width:35%;}
.hdiv23 {float:left; width:22%;}

.mdiv-i {float:left; width:100%;}
.mdiv {float:left; width:100%; background:url(../images/grad-m.jpg) no-repeat; background-size:100% 100%;}
.mdiv1 {float:left; width:88%; margin:0 2% 0 0;}
.mdiv2 {float:left; width:10%; padding:5px 0;}
.mdiv21 {float:left; width:80%;}
.mdiv22 {float:left; width:20%;}

.bdiv {float:left; width:100%; background:#000000; /*position:relative; z-index:1;*/}
.bdivi {float:left; width:100%; background:#000000; padding:5px; margin:10px 0 0 0; -webkit-box-shadow:0 3px 3px rgba(0,0,0,.3); -moz-box-shadow:0 3px 3px rgba(0,0,0,.3); box-shadow:0 3px 3px rgba(0,0,0,.3);}
.tgdiv {float:left; width:100%; padding:10px 0; background:#ed1e24;}
.bkdiv {float:left; width:100%; padding:30px 0; background:#e5e5e5; border-bottom:solid #02e701 0; -webkit-box-shadow:0 0px 3px rgba(0,0,0,.3); -moz-box-shadow:0 0px 3px rgba(0,0,0,.3); box-shadow:0 0px 3px rgba(0,0,0,.3);}
.bkdiv1 {float:left; width:100%; padding:0 80px;}
.bkdiv11 {float:left; width:86%; padding:0 2% 0 0;}
.bkdiv12 {float:left; width:12%; padding:30px 0 0 0;}
.bkdiv11-1 {float:left; width:24%; padding:0 2% 0 0;}
.bkdiv11-1-lst {float:left; width:22%;}

.urhdiv {float:left; width:100%; padding:6px 10px; background:#f2f2f2; -webkit-box-shadow:0 0px 3px rgba(0,0,0,.2); -moz-box-shadow:0 0px 3px rgba(0,0,0,.2); box-shadow:0 0px 3px rgba(0,0,0,.2);}

.dbdiv {float:left; width:100%; padding:50px 0; background:#000000;}
.dbdiv1 {float:left; width:22%; padding:0 3% 0 0;}
.dbdiv2 {float:left; width:50%; padding:20px 3% 0 0;}
.dbdiv3 {float:left; width:22%; padding:20px 0 0 0;}

.qcdiv {float:left; width:100%; padding:50px 0; background:url(../images/bg-map.png) no-repeat center #ffffff; background-size:cover;}
.qcdiva {width:80%; margin:0 auto;}
.qcdiv1 {float:left; width:35%; padding:0 5% 0 0;}
.qcdiv11 {float:left; width:100%; padding:0 0 0 0;}
.qcdiv11-lst {float:left; width:100%;}

.wudiv {float:left; width:100%; background:#ff6e0d;}
.wudiv1 {float:left; width:80%; background:url(../images/whyus.png) no-repeat top right; padding:30px 20% 30px 0;}

.ndiv {float:left; width:100%; background:#dfc27e;}
.ndiv1 {float:left; width:16%; padding:10px 8px; background:#bf812e;}
.ndiv2 {float:left; width:84%; padding:8px 20px; background:url(../images/arrow1r.png) no-repeat left center;}

.cdiv1 {float:left; width:64%; padding:0 2% 0 0;}
.cdiv1-sr {float:left; width:100%; padding:15px; background:#35414d;}
.cdiv11-sr {float:left; width:100%; padding:10px; background:#454e55; border:solid #525b62 1px; border-radius:5px;}
.cdiv11-1-sr {float:left; width:38%; padding:0 3% 0 0; }
.cdiv11-2-sr {float:left; width:38%; padding:0 3% 0 0; }
.cdiv11-3-sr {float:left; width:18%;}

.cdiv1-wc {float:left; width:100%; padding:20px; border:solid #cccccc 1px;}

.cdiv1-sv {float:left; width:100%; padding:20px; background:#f1f0f9; border:solid #dddcdc 1px;}

.cdiv11 {float:left; width:100%; padding:20px;}

.cdiv2 {float:left; width:34%;}
.cdiv2-jb {float:left; width:100%; padding:20px 30px; background:#f1f0f8; border:solid #375176 1px;}

.cdiv1-i {float:left; width:28%; padding:0 0 0 0;}
.cdiv11-i {float:left; width:100%; padding:0; border:solid #ffffff 0px;}

.cdiv2-i {float:left; width:72%;}
.cdiv21-i {float:left; width:100%; padding:15px 15px 17px 15px; background:#f7f7f7; border-radius:8px; -webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);}

.cdiv21 {float:left; width:100%; background:#ffffff; border:solid #cccccc 1px; border-radius:0; /*-webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);*/}


.wdiv {float:left; width:100%; background:#e5e5e4;}
.wdiv1 {float:left; width:55%; padding:20px 30px;}
.wdiv2 {float:left; width:45%;}

.abdiv {float:left; width:100%; padding:50px 0; /*background:url(../images/bg-abt.jpg) no-repeat; background-size:cover; -webkit-box-shadow:0 0 3px rgba(0,0,0,.1); -moz-box-shadow:0 0 3px rgba(0,0,0,.1); box-shadow:0 0 3px rgba(0,0,0,.1);*/}
.abdiv1 {float:left; width:70%; padding:0 15%;}
.abdiv11 {float:left; width:65%; padding:10px 5% 0 0;}
.abdiv12 {float:left; width:30%; padding:0 0 0 0;}
/*.abdiv1 {float:left; width:32%; padding:0 2% 0 0; margin:0 2% 0 0; border-right:solid #cccccc 1px;}
.abdiv11 {float:left; width:100%; padding:0 30px 0 0;}
.abdiv2 {float:left; width:66%;}*/

.galdiv {float:left; width:100%; padding:50px 0; }
.galdiv0 {float:left; width:100%; padding:0 40px;}


/*.nlpdiv {float:left; width:100%; padding:50px 0; background:url(../images/rounds-bg1.png) repeat center #a5f2a4; -webkit-box-shadow:0 0 3px rgba(0,0,0,.1); -moz-box-shadow:0 0 3px rgba(0,0,0,.1); box-shadow:0 0 3px rgba(0,0,0,.1);}*/

.nlpdiv {float:left; width:100%; background:#f5f5f5; background-size:cover; background-attachment:fixed; -webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);}
.nlpdiv0 {float:left; width:100%; padding:40px 0;}
.nlpdiv1 {float:left; width:52%; padding:0 4% 0 0;}
.nlpdiv2 {float:left; width:44%; padding:20px 0;}


.prdiv {float:left; width:32%; padding:0 2% 0 0;}
.prdiv-lst {float:left; width:32%;}

.cndiv1 {float:left; width:45%; padding:0 10% 0 0;}
.cndiv11 {float:left; width:32%; padding:0 3% 0 0;}
.cndiv12 {float:left; width:65%;}

.cndiv2 {float:left; width:45%;}
.cndiv21 {float:left; width:17%; padding:0 3% 0 0;}
.cndiv22 {float:left; width:80%;}

.gldiv {float:left; width:100%; padding:30px 0; background:#d9d9d9; background-size:cover;}

.h-gldiv {float:left; width:46%; padding:0 8% 0 0;}
.h-gldiv-lst {float:left; width:46%;}
.h-gldivi {float:left; width:100%; padding:2px;}

.gldiv1 {float:left; width:48%; padding:0 2% 0 1%;}
.gldiv1-lst {float:left; width:48%; padding:0 1% 0 0;}

.gtdiv {float:left; width:100%; padding:0 0 30px 0;}
.gldivs {float:left; width:66%; padding:0 4% 0 0;}

.tsdiv {float:left; width:100%; padding:50px 0; background:url(../images/bg-ts.jpg) no-repeat center #000000; background-size:cover;}
.tsdiv1 {float:left; width:60%; padding:30px 20% 0 20%;}
.tsdiv11 {float:left; width:30%; margin:0 4% 0 0;}
.tsdiv12 {float:left; width:66%; padding:20px 0 0 0;}

.nsdiv1 {float:left; width:30%; padding:0 4% 0 0;}
.nsdiv2 {float:left; width:66%;}

/*for fleets*/
.ftdiv {float:left; width:33.3%; padding:5px;}
.ftdiv1 {float:left; width:100%; padding:5px; border:solid #ebebeb 3px;}


/*for categories home page*/
.ctdiv {float:left; width:32%; padding:0 2% 0 0;}
.ctdiv-lst {float:left; width:32%;}
.ctdiv1 {float:left; width:100%; padding:20px; background:#ff0000; border-bottom:solid #ea0000 3px; border-top:solid #ea0000 3px;}

/*for ongoing projects home page*/
.opdiv {float:left; width:100%;}
.opdiv1 {float:left; width:96%; padding:2%; background:#d0d0d0;}
.opdiv1-1 {float:left; width:30%; padding:0 5% 0 0;}
.opdiv1-1all {float:left; width:30%;}
.opdiv1-11 {float:left; width:100%; padding:15px 15px 0 15px; border:1px solid #c9c9c9; -webkit-box-shadow:0 0px 3px rgba(102,102,102,.3); -moz-box-shadow:0 0px 3px rgba(102,102,102,.3); box-shadow:0 0px 3px rgba(102,102,102,.3); background:#ffffff;}
.opdiv1-11all {float:left; width:100%;}
.opdiv1-11-1 {float:left; width:100%; padding:4px; border:1px solid #ebebeb; background:#f7f7f7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.cldiv {float:left; width:100%; padding:20px; background:#ffffff; -webkit-box-shadow:0 0px 3px rgba(0,0,0,.3); -moz-box-shadow:0 0px 3px rgba(0,0,0,.3); box-shadow:0 0px 3px rgba(0,0,0,.3);}
.cldiv1 {float:left; width:25%; padding:5px;}
.cldiv1-lst {float:left; width:15%;}
.cldiv11 {float:left; width:100%; padding:4px; background:#ffffff; border:solid #e8e8e8 1px; height:110px;}
.cldiv11:after {content:""; height:100%; display:inline-block; vertical-align:middle;}

/*for gallery imgs*/
.gdiv {float:left; width:32%; margin:0 2% 10px 0;}
.gdiv-lst {float:left; width:32%;}

.hgdiv {float:left; width:22%; margin:0 4% 8px 0;}
.hgdiv-lst {float:left; width:22%; margin:0 0 8px 0;}

.hgdiv1 {float:left; width:40%; margin:0 4% 8px 0;}
.hgdiv1-lst {float:left; width:40%; margin:0 0 8px 0;}

/*for clients logos*/
.cldivdp {float:left; width:48%; padding:0 4% 0 0;}
.cldivdp-lst {float:left; width:48%;}

/*for comp projects*/
.cmpdiv {float:left; width:40%; padding:0 4% 0 0;}
.cmpdiv-lst {float:left; width:56%;}

.pjdiv {float:left; width:100%; padding:50px 0; background:url(../images/bg-pj.jpg) no-repeat; background-size:cover; background-attachment:fixed;}
.pjdiv1 {float:left; width:100%;}
.pjdiv2 {float:left; width:100%; padding:15px 15px;}
.pjdiv21 {float:left; width:100%; padding:10px;}

.ftsdiv {float:left; width:100%; padding:30px 0;}
.ftsdiv1 {float:left; width:48%; padding:0 4% 0 0;}
.ftsdiv2 {float:left; width:48%;}
.ftsdiv11 {float:left; width:100%; padding:15px; border:solid #e7e7e7 1px;}

.ftsdivd {float:left; width:100%; padding:30px 0;}
.ftsdivd0 {float:left; width:100%; border:solid #e7e7e7 1px; -webkit-box-shadow:0 0 3px rgba(0,0,0,.1); -moz-box-shadow:0 0 3px rgba(0,0,0,.1); box-shadow:0 0 3px rgba(0,0,0,.1);}
.ftsdivd1 {float:left; width:50%;}
.ftsdivd2 {float:left; width:50%; padding:30px;}

.bcdiv {float:left; width:100%; padding:30px 0; background:url(../images/board-of-committee.jpg) no-repeat #000000; background-size:cover; background-attachment:fixed; -webkit-box-shadow:0 0 3px rgba(0,0,0,.1); -moz-box-shadow:0 0 3px rgba(0,0,0,.1); box-shadow:0 0 3px rgba(0,0,0,.1);}
.bcdiv0 {float:left; width:100%;}

.srdiv {float:left; width:100%; padding:30px 0; background:url(../images/bg-pr.jpg) no-repeat #000000; background-size:cover; background-attachment:fixed; -webkit-box-shadow:0 0 3px rgba(0,0,0,.1); -moz-box-shadow:0 0 3px rgba(0,0,0,.1); box-shadow:0 0 3px rgba(0,0,0,.1);}
.srdiv0 {float:left; width:100%; padding:30px 0;}

/*.srdiv1 {float:left; width:32%; padding:5px; margin:0 2% 0 0;}*/
.srdiv1 {float:left; width:100%; padding:5px;}
.srdiv1-lst {float:left; width:32%; padding:5px;}
.srdiv11 {float:left; width:100%; color:#666666; background:#ffffff; padding:20px; border:solid #666666 0px; position:relative; -webkit-box-shadow:0 2px 7px rgba(166,166,166,.75); -moz-box-shadow:0 2px 7px rgba(166,166,166,.75); box-shadow:0 2px 7px rgba(166,166,166,.75); transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s;}
.srdiv11:hover { background:#e9e9e9; color:#000000;}
.srdiv11:hover h2 { color:#000000;}
.srdiv11:hover p { color:#1d629d;}

.srdiv11 figure {width:100%; display:block; margin:0 auto 20px auto;/* -webkit-box-shadow:0 3px 3px rgba(0,0,0,.4); -moz-box-shadow:0 3px 3px rgba(0,0,0,.4); box-shadow:0 5px 3px rgba(0,0,0,.2);*/ transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s;}
.srdiv11:hover figure {color:#9f005d; /*-moz-transform: scale(1.1) rotate(360deg); -webkit-transform: scale(1.1) rotate(360deg); -o-transform: scale(1.1) rotate(360deg); -ms-transform: scale(1.1) rotate(360deg); transform: scale(1.1) rotate(360deg);*/}

.srdiv11-1 {float:left; width:100%; padding:20px;}
.srdiv12 {float:left; width:100%; position:absolute; bottom:-20px;}

.fcdiv {float:left; width:100%; padding:30px 0;}
.fcdiv1 {float:left; width:30%; padding:30px 10px; background:#ededed; border-radius:15px; margin:0 5% 0 0; -webkit-box-shadow:0 0 3px rgba(166,166,166,.75); -moz-box-shadow:0 0 3px rgba(166,166,166,.75); box-shadow:0 0 3px rgba(166,166,166,.75); transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s;}
.fcdiv1-lst {float:left; width:30%; padding:30px 10px; background:#ededed; border-radius:15px; -webkit-box-shadow:0 0 3px rgba(166,166,166,.75); -moz-box-shadow:0 0 3px rgba(166,166,166,.75); box-shadow:0 0 3px rgba(166,166,166,.75); transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s;}

.apjdiv {float:left; width:100%;}
.apjdiv1 {float:left; width:22%; padding:0 4% 0 0;}
.apjdiv1-lst {float:left; width:22%; padding:0 0 0 0;}
.apjdiv11 {float:left; width:100%; border:solid #cccccc 1px;}

.vcdiv {float:left; width:28%; padding:0 2% 0 0;}
.vcdiv1 {float:left; width:100%; padding:10px; border:solid #cfcfcf 1px;}
.aldiv {float:left; width:70%;}
.aldiv1 {float:left; width:100%; padding:10px; background:#f1f3f0; border:solid #cfcfcf 1px;}
.aldiv11 {float:left; width:15%; padding:0 2% 0 0;}
.aldiv11-lst {float:left; width:15%;}

.ssdiv {float:left; width:100%; padding:30px 0;}
.ssdiv1 {float:left; width:30%; padding:0 0 0 0;}
.ssdiv2 {float:left; width:70%;}
.ssdiv21 {float:left; width:50%; padding:0 5% 0 0;}
.ssdiv22 {float:left; width:45%;}

.parent {
    display: table;
    width:100%;
    position: relative;
    border:0px solid #d6d6d6;
}
.left {
    width:74%; padding:0 40px 0 0;
}
.right {
    width:26%; padding:15px;
}
.center {
    width: 20%; padding:20px;
}
.one {
    background-color:;
}
.two { background:url(../images/grad-hz.jpg) no-repeat left; background-size:100% 100%; border:solid #dbdbdb 0px; -webkit-box-shadow:0px 0 5px 0px rgba(0,0,0,.2); -moz-box-shadow:0 0 5px 0px rgba(0,0,0,.2); box-shadow:0 0 5px 0px rgba(0,0,0,.2);
}
.three {
    background-color:;
}
.one, .two, .three {
    display:table-cell; vertical-align:top;
}

.fdiv {float:left; width:100%; background:#444444; padding:30px 0;}
.fdiv1 {float:left; width:20%; padding:0 4% 0 0;}
.fdiv11 {float:left; width:46%; padding:0 8% 0 0;}
.fdiv12 {float:left; width:46%;}
.fdiv2 {float:left; width:32%; padding:0 4% 0 0;}
.fdiv3 {float:left; width:40%; padding:0 0 0 0;}
.fdiv4 {float:left; width:24%; padding:30px 0 0 0;}

.cpdiv {float:left; width:100%; padding:15px 20px; background:#000000;}
.cpdiv1 {float:left; width:50%;}
.cpdiv2 {float:left; width:50%;}

.ediv {float:left; width:100%; background:#666666; border-bottom:solid #cccccc 1px;}
.ediv1 {float:left; width:25%;}

.adiv { width:40%; margin:0 auto;}
.adivall {float:left; width:90%; padding:10% 5%; background:#ffffff;}

.adiv1 { width:90%; margin:0 auto;}
.adiv1all {float:left; width:96%; padding:2%; background:#ffffff;}

/*feedback*/
.fbdiv {float:left; width:100%;}
.fbdiv1 {float:left; width:30%;}
.fbdiv2 {float:left; width:5%;}
.fbdiv3 {float:left; width:65%;}

/*jobs*/
.jbdiv1 {float:left; width:100%; padding:5px; background:#ff6e0d; border-radius:8px; border:solid #ebebeb 2px;}

.jbdiv11 {float:left; width:50%; padding:0 0 0 10px;}
.jbdiv12 {float:left; width:50%;}
.jbdiv13 {float:left; width:100%; padding:10px; border:solid #ebebeb 1px; background:#ffffff;}
.jbdiv13-1 {float:left; width:50%; padding:0 5% 0 0; border-right:solid #cccccc 1px; margin:0 5% 0 0;}
.jbdiv13-2 {float:left; width:45%;}

.jbdiv2 {float:left; width:100%; padding:10px; background:#ff6e0d; border-bottom:groove #CCCCCC 2px;}
.jbdiv2-1 {float:left; width:15%;}
.jbdiv2-2 {float:left; width:25%;}
.jbdiv2-3 {float:left; width:20%;}
.jbdiv2-4 {float:left; width:20%;}
.jbdiv2-5 {float:left; width:20%;}

.jobs {font-family:Century Gothic; font-size:13px; color:#574F7A; font-weight:normal; text-decoration:none; background:#fbfbfb; padding:5px; border:solid #CCCCCC 2px; border-radius:5px;}
.jobs:hover {color:#000000; text-decoration:underline; border-color:#333333;}

/* site logo */
.logo-text a {font:bold 75px/100% Times New Roman; color:#8eb509; text-decoration:none;}
.logo-text span {font:bold 75px/100% Times New Roman; color:#465418; text-decoration:none;}

.logo-text1 {font:bold 22px/100% Century Gothic;color:#465418; text-decoration:none;}

/* site description */
#site-description {font:italic 100%/130% "Times New Roman", Times, serif; color:#fff; position:absolute; top:55px;}

/* searchform */
#searchform {position:absolute;right:10px; bottom:6px;z-index:100; width:160px;}
#searchform #s {width:140px; float:right; background:#fff; border:none;padding:6px 10px;/* border radius */ -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; /* box shadow */ -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);box-shadow: inset 0 1px 2px rgba(0,0,0,.2);/* transition */ -webkit-transition: width .7s;-moz-transition: width .7s;transition: width .7s;}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav {
width: 100%;
background: #ccc;
margin: 0;
padding: 0;
position: absolute;
left: 0;
bottom: 0;
z-index: 100;
/* gradient */
background: #6a6a6a url(images/nav-bar-bg.png) repeat-x;
background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a));
background: -moz-linear-gradient(top,  #b9b9b9,  #6a6a6a);
background: linear-gradient(-90deg, #b9b9b9, #6a6a6a);
/* rounded corner */
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
/* box shadow */
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
}
#main-nav li {
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;
}
#main-nav li:first-child {
margin-left: 10px;
}
#main-nav a {
line-height: 100%;
font-weight: bold;
color: #fff;
display: block;
padding: 14px 15px;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
#main-nav a:hover {
color: #fff;
background: #474747;
/* gradient */
background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));
background: -moz-linear-gradient(top,  #282828,  #4f4f4f);
background: linear-gradient(-90deg, #282828, #4f4f4f);
}

/************************************************************************************
CONTENT
*************************************************************************************/
#contentall {
background:url(../images/shad2.gif) repeat-x top,url(../images/shad3.gif) repeat-x bottom,url(../images/bg.gif) repeat;
float:left;
width:100%; padding:6px 0;
/* rounded corner 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;*/
/* box shadow 
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
box-shadow: 0 1px 3px rgba(0,0,0,.4);*/
}
#content {
background:url(../images/bg.gif) repeat;
float:left;
width:600px;
/* rounded corner 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;*/
/* box shadow 
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
box-shadow: 0 1px 3px rgba(0,0,0,.4);*/
}

/* post */
.post {
margin-bottom: 40px;
}
.post-title {
margin: 0 0 5px;
padding: 0;
font: bold 26px/120% Century Gothic, Helvetica, sans-serif;
}
.post-title a {
text-decoration: none;
color: #000;
}
.post-meta {
margin: 0 0 10px;
font-size: 90%;
}

/* post image */
.post-image {
margin: 0 0 15px;
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
width: 280px;
float: right;
margin: 30px 0 30px;
}
.widget {
background: #fff;
margin: 0 0 30px;
padding: 10px 20px;
/* rounded corner */
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
/* box shadow */
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.widgettitle {
margin: 0 0 5px;
padding: 0;
}
.widget ul {
margin: 0;
padding: 0;
}
.widget li {
margin: 0;
padding: 6px 0;
list-style: none;
clear: both;
border-top: solid 1px #eee;
}

/* flickr widget */
.widget .flickr_badge_image {
margin-top: 10px;
}
.widget .flickr_badge_image img {
width: 48px;
height: 48px;
margin-right: 12px;
margin-bottom: 12px;
float: left;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
clear: both;
color: #ccc;
font-size: 85%;
}
#footer a {
color: #fff;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content:" "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }


.aleft {text-align:left;}
.aryt {text-align:right;}
.actr {text-align:center;}
.ajst {text-align:justify;}

.paddingpg {padding:20px 30px 20px 20px;}

.padding1p {padding:1%;}
.padding2p {padding:2%;}
.padding3p {padding:3%;}
.padding2pr {padding-right:2%;}
.padding4pr {padding-right:4%;}

.padding2btm {padding-bottom:2px;}
.padding50 {padding:50px;}
.padding50top {padding-top:50px;}
.padding50btm {padding-bottom:50px;}
.padding50left {padding-left:50px;}
.padding50ryt {padding-right:50px;}
.padding100top {padding-top:100px;}
.padding100btm {padding-bottom:100px;}
.padding100left {padding-left:100px;}
.padding100ryt {padding-right:100px;}

.padding2top {padding-top:2px;}
.padding3top {padding-top:3px;}

.padding5 {padding:5px;}
.padding5btm {padding-bottom:5px;}
.padding5top {padding-top:5px;}
.padding5left {padding-left:5px;}
.padding5ryt {padding-right:5px;}

.padding2 {padding:2px;}
.padding3 {padding:3px;}
.padding8 {padding:8px;}
.padding9 {padding:9px;}
.padding10 {padding:10px;}
.padding10btm {padding-bottom:10px;}
.padding10top {padding-top:10px;}
.padding10left {padding-left:10px;}
.padding10ryt {padding-right:10px;}

.padding20 {padding:20px;}
.padding20btm {padding-bottom:20px;}
.padding20top {padding-top:20px;}
.padding20left {padding-left:20px;}
.padding20ryt {padding-right:20px;}

.padding30 {padding:30px;}
.padding30btm {padding-bottom:30px;}
.padding30top {padding-top:30px;}
.padding30left {padding-left:30px;}
.padding30ryt {padding-right:30px;}

.margin5 {margin:5px;}
.margin5btm {margin-bottom:5px;}
.margin5top {margin-top:5px;}
.margin5left {margin-left:5px;}
.margin5ryt {margin-right:5px;}

.margin2 {margin:2px;}
.margin9 {margin:9px;}
.margin10 {margin:10px;}
.margin10btm {margin-bottom:10px;}
.margin10top {margin-top:10px;}
.margin10left {margin-left:10px;}
.margin10ryt {margin-right:10px;}

.margin20 {margin:20px;}
.margin20btm {margin-bottom:20px;}
.margin20top {margin-top:20px;}
.margin20left {margin-left:20px;}
.margin20ryt {margin-right:20px;}

.margin30 {margin:30px;}
.margin30btm {margin-bottom:30px;}
.margin30top {margin-top:30px;}
.margin30left {margin-left:30px;}
.margin30ryt {margin-right:30px;}

.margin50 {margin:50px;}
.margin50btm {margin-bottom:50px;}
.margin50top {margin-top:50px;}
.margin50left {margin-left:50px;}
.margin50ryt {margin-right:50px;}

.dottedbtm {border-bottom:dotted #cccccc 1px;}
.dashedbtm {border-bottom:dashed #cccccc 1px;}
.solidall {border:solid #cccccc 1px;}
.solidall1 {border:solid #ebebeb 3px;}
.solidall2 {border:solid #ffffff 3px;}
.solidtop {border-top:solid #cccccc 1px;}
.solidtop1 {border-top:solid #999999 1px;}
.solidbtm {border-bottom:solid #cccccc 1px;}
.solidbtm1 {border-bottom:solid #444444 1px;}
.solidbtm2 {border-bottom:solid #464433 1px;}
.solidbtm3 {border-bottom:solid #dddddd 1px;}
.solidbtm4 {border-bottom:solid #303540 1px;}
.solidryt {border-right:solid #cccccc 1px;}
.solidryt1 {border-right:solid #ffffff 1px;}
.solidryt2 {border-right:solid #02e701 2px;}
.solidrytimg {background:url(../images/sep.gif) no-repeat right top;}


.bgdotsbtm {background:url(../images/hdots.gif) repeat-x bottom;}

.fleft {float:left;}
.fryt {float:right;}
.wd100 {width:100%;}

/*heads*/
.logotext {font-family:Century Gothic; font-size:20px; color:#828186; font-weight:normal; text-decoration:none; line-height:95%;}
.logotext1 {font-family:Century Gothic; font-size:22px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:85%;}
.logotext11 {font-family:Century Gothic; font-size:17px; color:#ebebeb; font-weight:bold; text-decoration:none; line-height:100%;}

.wel {font-family:Century Gothic; font-size:28px; color:#0a52a6; font-weight:normal; text-decoration:none; line-height:100%;}
.wel-b {font-family:Century Gothic; font-size:28px; color:#000000; font-weight:normal; text-decoration:none; line-height:100%;}
.wel-s {font-family:Century Gothic; font-size:26px; color:#000000; font-weight:normal; text-decoration:none; line-height:100%;}
.wel-w {font-family:Century Gothic; font-size:36px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:100%; padding:5px 0;}
.wel1 {font-family:Century Gothic; font-size:28px; color:#000000; font-weight:normal; text-decoration:none; line-height:100%; text-transform:;}
.wel2 {font-family:Century Gothic; font-size:26px; color:#939192; font-weight:bold; text-decoration:none; line-height:100%;}

.ghead {font-family:Century Gothic; font-size:22px; color:#ffffff; font-weight:normal; text-decoration:none; background:#337701; padding:10px; /*border-radius:5px 5px 0 0; -webkit-box-shadow:0 2px 3px rgba(0,0,0,.5); -moz-box-shadow:0 2px 3px rgba(0,0,0,.5); box-shadow:0 2px 3px rgba(0,0,0,.5);*/}
.ghead1 {font-family:Century Gothic; font-size:30px; color:#0a52a6; font-weight:normal; text-decoration:none; padding:10px 15px 25px 15px; margin:0 0 0 10px; line-height:100%; background:url(../images/hline1-c.jpg) no-repeat bottom left,url(../images/hline1-c.jpg) no-repeat bottom 5px left,url(../images/hline1-c.jpg) no-repeat bottom 10px left; background-size:40px 1px,70px 1px,100px 1px;}
.ghead2 {font-family:Century Gothic; font-size:20px; color:#000000; font-weight:bold; text-decoration:none; line-height:100%; background:#e5c497; padding:10px 20px;}
.ghead3 {font-family:Century Gothic; font-size:26px; color:#ffffff; font-weight:normal; text-decoration:none; margin:0 0 10px 0; line-height:100%; border:solid #f25a2b 1px;}
.ghead31 {font-family:Century Gothic; font-size:26px; color:#ffffff; font-weight:normal; text-decoration:none; padding:10px 20px; line-height:100%; background:#f25a2b;}

.ehead {font-family:Century Gothic; font-size:30px; color:#ffffff; font-weight:bold; text-decoration:none; line-height:100%; padding:30px 0 25px 2%; background:url(../images/icon1.png) no-repeat left 28% center; text-transform:uppercase;}
.ehead-1 {font-family:Century Gothic; font-size:40px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead-11 {font-family:Century Gothic; font-size:40px; color:#000000; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead-11-w {font-family:Century Gothic; font-size:44px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead-2 {font-family:Century Gothic; font-size:20px; color:#000000; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead-2-b {font-family:Century Gothic; font-size:24px; color:#000000; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead-2-w {font-family:Century Gothic; font-size:24px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead-2-y {font-family:Century Gothic; font-size:24px; color:#ffff00; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead-21 {font-family:Century Gothic; font-size:24px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead-3 {font-family:Century Gothic; font-size:28px; color:#fe96d5; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead-4 {font-family:Century Gothic; font-size:26px; color:#384f78; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead1 {font-family:Century Gothic; font-size:30px; color:#84c231; font-weight:bold; text-decoration:none; line-height:150%;}
.ehead2 {font-family:Century Gothic; font-size:20px; color:#214d01; font-weight:normal; text-decoration:none; line-height:150%;}
.ehead2-ftr {font-family:Century Gothic; font-size:20px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead2-ftr1 {font-family:Century Gothic; font-size:20px; color:#000000; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead-2-sr {font-family:Century Gothic; font-size:24px; color:#000000; font-weight:normal; text-decoration:none; line-height:100%; background:#dedede; padding:8px 15px; }
.ehead3 {font-family:Century Gothic; font-size:17px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:100%; background:#006140; padding:8px 20px;}
.ehead4 {font-family:Century Gothic; font-size:17px; color:#000000; font-weight:normal; text-decoration:none; line-height:100%;}
.ehead-nb {font-family:Century Gothic; font-size:20px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:100%; background:#289efc; padding:8px 20px;}
.ehead-ts {font-family:Century Gothic; font-size:20px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:100%; background:#007236; padding:8px 20px;}

.bghead1 {font-family:Century Gothic; font-size:30px; color:#000000; font-weight:normal; text-decoration:none; line-height:100%; background:#cccccc; padding:12px 20px;}
.bghead2 {font-family:Century Gothic; font-size:30px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:100%; background:#08a000; padding:12px 20px;}
.bghead3 {font-family:Century Gothic; font-size:24px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:100%; background:#0043b4; padding:8px 10px;}
.bghead4 {font-family:Century Gothic; font-size:24px; color:#000000; font-weight:normal; text-decoration:none; line-height:100%; padding:8px 15px; border-radius:0; background:#d7d7d7;}

.subhead-g {font-family:Century Gothic; font-size:18px; color:#a4c840; font-weight:bold; text-decoration:none;}
.subhead-p {font-family:Century Gothic; font-size:18px; color:#fec02e; font-weight:normal; text-decoration:none;}
.subhead-r {font-family:Century Gothic; font-size:18px; color:#fe3a2e; font-weight:bold; text-decoration:none;}
.subhead-r1 {font-family:Century Gothic; font-size:24px; color:#fe3a2e; font-weight:bold; text-decoration:none;}
.subhead-b {font-family:Century Gothic; font-size:24px; color:#104593; font-weight:bold; text-decoration:none;}
.subhead-bk {font-family:Century Gothic; font-size:24px; color:#333333; font-weight:bold; text-decoration:none;}

.subhead {font-family:Century Gothic; font-size:17px; color:#000000; font-weight:bold; text-decoration:none;}

.subhead1 {font-family:Century Gothic; font-size:14px; color:#003366; font-weight:bold; text-decoration:none;}

.subhead2 {font-family:Century Gothic; font-size:17px; color:#ffffff; font-weight:bold; text-decoration:none;}

.bluehead {font-family:Century Gothic; font-size:18px; color:#012a5e; font-weight:normal; text-decoration:none;}

.lbluehead {font-family:Century Gothic; font-size:18px; color:#14d6ff; font-weight:normal; text-decoration:none;}

.greenhead {font-family:Century Gothic; font-size:18px; color:#336600; font-weight:normal; text-decoration:none;}

.pinkhead {font-family:Century Gothic; font-size:18px; color:#8C0001; font-weight:normal; text-decoration:none;}

.pinkhead1 {font-family:Century Gothic; font-size:18px; color:#8C0001; font-weight:normal; text-decoration:none;}

.phead {font-family:Century Gothic; font-size:17px; color:#000000; font-weight:bold; text-decoration:none;}


/*links*/
.icon {float:left; opacity:1; -webkit-box-shadow:0 2px 2px rgba(0,0,0,.5); -moz-box-shadow:0 2px 2px rgba(0,0,0,.5); box-shadow:0 2px 2px rgba(0,0,0,.5); background:none; border-radius:50%;}
.icon:hover {opacity:1; margin-top:-3px;}
.icon1 {float:left; opacity:1;}
.icon1:hover {opacity:1; margin-top:-3px;}
.icon-fb {float:left; opacity:1; width:25px; height:25px; background:url(../images/fbicon.png) no-repeat;}
.icon-fb:hover {opacity:1; background:url(../images/fbiconh.png) no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon-tw {float:left; opacity:1; width:25px; height:25px; background:url(../images/twicon.png) no-repeat;}
.icon-tw:hover {opacity:1; background:url(../images/twiconh.png) no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon-gp {float:left; opacity:1; width:25px; height:25px; background:url(../images/gpicon.png) no-repeat;}
.icon-gp:hover {opacity:1; background:url(../images/gpiconh.png) no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon-in {float:left; opacity:1; width:25px; height:25px; background:url(../images/inicon.png) no-repeat;}
.icon-in:hover {opacity:1; background:url(../images/iniconh.png) no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.icon1-fb {float:left; opacity:1; padding:8px 10px 8px 35px; height:17px; background:url(../images/fbicon1.png) no-repeat left 5px center #666;}
.icon1-fb:hover {opacity:1; background:url(../images/fbicon1.png) no-repeat left 5px center #444; color:#fff; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon1-tw {float:left; opacity:1; padding:8px 10px 8px 35px; height:17px; background:url(../images/twicon1.png) no-repeat left 5px center #666;}
.icon1-tw:hover {opacity:1; background:url(../images/twicon1.png) no-repeat left 5px center #444; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon1-gp {float:left; opacity:1; width:25px; height:25px; background:url(../images/gpicon1.png) no-repeat #ccc;}
.icon1-gp:hover {opacity:1; background:url(../images/gpicon1.png) no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon1-in {float:left; opacity:1; width:25px; height:25px; background:url(../images/inicon1.png) no-repeat #ccc;}
.icon1-in:hover {opacity:1; background:url(../images/inicon1.png) no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon1-yt {float:left; opacity:1; width:25px; height:25px; background:url(../images/yticon1.png) no-repeat #ccc;}
.icon1-yt:hover {opacity:1; background:url(../images/yticon1.png) no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.icon3-fb {float:left; opacity:1; padding:15px; border:solid #34b243 0; border-radius:0; background:url(../images/fbicon3.png) no-repeat center #6081c4;}
.icon3-fb:hover {opacity:1; border:solid #18288c 0; background:url(../images/fbicon3.png) no-repeat center #18288c; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon3-tw {float:left; opacity:1; padding:15px; border:solid #34b243 0; border-radius:0; background:url(../images/twicon3.png) no-repeat center #43bdf0;}
.icon3-tw:hover {opacity:1; border:solid #00cbcd 0; background:url(../images/twicon3.png) no-repeat center #00cbcd; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon3-in {float:left; opacity:1; padding:15px; border:solid #34b243 0; border-radius:0; background:url(../images/inicon3.png) no-repeat center #0274b3;}
.icon3-in:hover {opacity:1; border:solid #ee0d11 0; background:url(../images/inicon3.png) no-repeat center #005c8f; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon3-ig {float:left; opacity:1; padding:15px 15px; border:solid #cccccc 0px; border-radius:; background:url(../images/igicon3.png) no-repeat center #d92d7c;}
.icon3-ig:hover {opacity:1; border:solid #cccccc 0px; background:url(../images/igicon3.png) no-repeat center #b430ad; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon3-yt {float:left; opacity:1; padding:15px; border:solid #34b243 0; border-radius:0; background:url(../images/yticon3.png) no-repeat center #ee0d11;}
.icon3-yt:hover {opacity:1; border:solid #ee0d11 0; background:url(../images/yticon3.png) no-repeat center #ca0b10; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon3-wa {float:left; opacity:1; padding:15px; border:solid #34b243 0; border-radius:0; background:url(../images/waicon3.png) no-repeat center #119f58;}
.icon3-wa:hover {opacity:1; border:solid #ee0d11 0; background:url(../images/waicon3.png) no-repeat center #008140; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.icon4-wa {float:left; opacity:1; padding:15px; border:solid #119f58 0px; border-radius:50%; background:url(../images/waicon3hg.png) no-repeat center #ffffff;}
.icon4-wa:hover {opacity:1; border:solid #ffffff 0px; background:url(../images/waicon3.png) no-repeat center #119f58; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon4-fb {float:left; opacity:1; padding:15px; border:solid #6081c4 0px; border-radius:50%; background:url(../images/fbicon3hb.png) no-repeat center #ffffff;}
.icon4-fb:hover {opacity:1; border:solid #ffffff 0px; background:url(../images/fbicon3.png) no-repeat center #6081c4; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon4-tw {float:left; opacity:1; padding:15px; border:solid #43bdf0 0px; border-radius:50%; background:url(../images/twicon3hb.png) no-repeat center #ffffff;}
.icon4-tw:hover {opacity:1; border:solid #ffffff 0px; background:url(../images/twicon3.png) no-repeat center #43bdf0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon4-in {float:left; opacity:1; padding:15px; border:solid #34b243 0; border-radius:0; background:url(../images/inicon3.png) no-repeat center #0274b3;}
.icon4-in:hover {opacity:1; border:solid #ee0d11 0; background:url(../images/inicon3.png) no-repeat center #005c8f; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon4-ig {float:left; opacity:1; padding:15px 15px; border:solid #cccccc 0px; border-radius:; background:url(../images/igicon3.png) no-repeat center #d92d7c;}
.icon4-ig:hover {opacity:1; border:solid #cccccc 0px; background:url(../images/igicon3.png) no-repeat center #b430ad; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.icon4-yt {float:left; opacity:1; padding:15px; border:solid #ee0d11 0px; border-radius:50%; background:url(../images/yticon3hr.png) no-repeat center #ffffff;}
.icon4-yt:hover {opacity:1; border:solid #ffffff 0px; background:url(../images/yticon3.png) no-repeat center #ee0d11; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.vgimg {transform:scale(1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-box-shadow:0 0 3px rgba(0,0,0,.8); -moz-box-shadow:0 0 3px rgba(0,0,0,.8); box-shadow:0 0 3px rgba(0,0,0,.8);}
.vgimg:hover {transform:scale(0.95);}
.vgimg1 {transform:scale(1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.vgimg1:hover {transform:scale(0.95);}
.vgimg2 {transform:scale(1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);}
.vgimg2:hover {transform:scale(1.1);}

.newslink {font-family:Century Gothic; font-size:15px; color:#092447; font-weight:normal; text-decoration:none; line-height:130%; background:url(../images/apicon.png) no-repeat left top 6px; float:left; padding:0 0 0 22px;}
.newslink:hover {text-decoration:none; background:url(../images/apicon.png) no-repeat left 5px top 6px; padding:0 0 0 27px;}

.elink {font-family:Century Gothic; font-size:15px; color:#333333; font-weight:normal; text-decoration:none; padding:7px 7px 7px 28px; background:url(../images/iconrm.png) no-repeat left top 7px; display:block;}
.elink:hover {text-decoration:underline;}

.elink1 {font-family:Century Gothic; font-size:15px; color:#ffffff; font-weight:normal; text-decoration:none; padding:7px 7px 7px 28px; background:url(../images/iconrm.png) no-repeat left top 7px; display:block;}
.elink1:hover {text-decoration:underline;}

.elink2 {font-family:Century Gothic; font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none; padding:6px 10px; background:url(../images/grad1.jpg) repeat-x #818689; border:solid #ffffff 1px; display:inline-block;}
.elink2:hover {background:#444444; color:#ffcc00; border:solid #000000 1px;}

.elink3 {font-family:Century Gothic; font-size:14px; color:#333333; font-weight:bold; text-decoration:none; padding:10px; float:left; border-radius:8px;}
.elink3:hover {background:#ebebeb; color:#000000; border:solid #cccccc 2px; padding:8px;}

.prod1 {font-family:Century Gothic; font-size:20px; color:#ffff00; font-weight:bold; text-decoration:none;}
.prod1:hover {color:#ffff00;}

.tabs {font-family:Century Gothic; font-size:13px; color:#666666; font-weight:bold; text-decoration:none; float:left; padding:7px 20px 7px 20px; background:#ececed; margin:0 3px 0 0;}
.tabs:hover {color:#ffffff; background:url(../images/grad2.gif) repeat-x #222c3c;}
.tabssel {font-family:Century Gothic; font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none; float:left; padding:7px 20px 7px 20px; background:url(../images/grad2.gif) repeat-x #222c3c; margin:0 3px 0 0;}

.tabs1 {font-family:Century Gothic; font-size:13px; color:#454545; font-weight:bold; text-decoration:none; float:left; padding:8px 15px; background:#efe7c6; margin:0 5px; border:solid #dbcb8a 1px; border-radius:8px;}
.tabs1:hover {color:#000000; background:url(../images/grad3.jpg) repeat-x #f1e4b0; border:solid #d5c37c 1px;}
.tabs1sel {font-family:Century Gothic; font-size:13px; color:#000000; font-weight:bold; text-decoration:none; float:left; padding:8px 15px; background:url(../images/grad3.jpg) repeat-x #f1e4b0; margin:0 5px; border-radius:8px; border:solid #d5c37c 1px;}

.tabs2 {font-family:Century Gothic; font-size:14px; color:#333333; font-weight:normal; text-decoration:none; padding:10px 10px; float:left; width:auto; margin:3px; border:solid #ebebeb 1px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.tabs2:hover {color:#000000; background:#ebebeb; border-radius:0; text-decoration:none;}
.tabs2sel {font-family:Century Gothic; font-size:14px; color:#000000; font-weight:normal; text-decoration:none; padding:10px 10px; background:#ebebeb; float:left; margin:3px; border:solid #cccccc 1px;}

.topmenu {font-family:Century Gothic; font-size:12px; color:#ffffff; font-weight:normal; text-decoration:none;}
.topmenu:hover {color:#ffffff; text-decoration:underline;}

.email {font-family:Century Gothic; font-size:17px; color:#ffffff; font-weight:normal; text-decoration:none;}
.email:hover {color:#ffffff; text-decoration:underline;}
.email1 {font-family:Century Gothic; font-size:17px; color:#000000; font-weight:normal; text-decoration:none;}
.email1:hover {color:#000000; text-decoration:underline;}

.ctlink {font-family:Century Gothic; font-size:13px; color:#ffffff; font-weight:normal; text-decoration:none; padding:20px; display:block;}
.ctlink:hover {color:#ffffff; background:url(../images/tpbg.jpg) repeat; text-decoration:none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.prlink1 {font-family:Century Gothic; font-size:13px; color:#ffffff; font-weight:normal; text-decoration:none; padding:20px; background:url(../images/bgw1.jpg) repeat-x bottom 3px center #04adff; display:block;}
.prlink1:hover {color:#ffffff; background:url(../images/bgw1.jpg) repeat-x bottom 3px center #00608f; text-decoration:none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.prlink2 {font-family:Century Gothic; font-size:13px; color:#333333; font-weight:normal; text-decoration:none; padding:20px; background:url(../images/bgw1.jpg) repeat-x bottom 3px center #ededed; display:block;}
.prlink2:hover {color:#000000; background:url(../images/bgw1.jpg) repeat-x bottom 3px center #cccccc; text-decoration:none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.link-jb {font-family:Century Gothic; font-size:14px; color:#ff6e0d; font-weight:bold; text-decoration:none; padding:5px 15px; background:url(../images/arrow5.png) no-repeat center left; float:left;}
.link-jb:hover {color:#ff6e0d; background:url(../images/arrow5.png) no-repeat center left 5px; text-decoration:underline; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.catmenu {font-family:Century Gothic; font-size:18px; color:#ffffff; font-weight:bold; text-decoration:none; display:block; padding:10px 10px; background:#800d0d; line-height:100%; margin:0 0 5px 0;}
.catmenu:hover {color:#ffffff; background:#800d0d; text-decoration:none; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.catmenusel {font-family:Century Gothic; font-size:18px; color:#ffffff; font-weight:bold; text-decoration:none; display:block; padding:10px 10px; background:#800d0d;  line-height:100%; margin:0 0 5px 0;}

.scatmenu {font-family:Century Gothic; font-size:17px; color:#666666; font-weight:normal; text-decoration:none; display:block; padding:12px 10px; line-height:100%;}
.scatmenu:hover {color:#000000; background:#ebebeb; text-decoration:none; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.scatmenusel {font-family:Century Gothic; font-size:17px; color:#000000; font-weight:normal; text-decoration:none; display:block; padding:12px 10px; background:#ebebeb; line-height:100%;}

.menuh {float:left; padding:10px 30px; margin:17px 0; line-height:100%; background:url(../images/icon-hme.png) no-repeat center top; background-size:auto; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.menuh:hover {background:url(../images/icon-hme.png) no-repeat center bottom; background-size:auto;}
.menuhsel {float:left; padding:10px 30px; margin:17px 0; background:url(../images/icon-hme.png) no-repeat center bottom; background-size:auto; line-height:100%;}

.menu {font-family:Calibri; font-size:17px; color:#333333; font-weight:normal; text-decoration:none; float:left; padding:12px 28px; line-height:100%; background:url(../images/menuh.jpg) no-repeat center left; background-size:0 100%; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.menu:hover {font-weight:normal; color:#000000; background:url(../images/menuh.jpg) no-repeat center left; background-size:100% 100%; border-radius:8px; text-decoration:none; -webkit-box-shadow:0 0px 3px rgba(0,0,0,.3); -moz-box-shadow:0 0px 3px rgba(0,0,0,.3); box-shadow:0 0px 3px rgba(0,0,0,.3);}
.menusel {font-family:Calibri; font-size:17px; color:#000000; font-weight:normal; text-decoration:none; float:left; padding:12px 28px; border-radius:8px; background:url(../images/menuh.jpg) no-repeat center; background-size:100% 100%; line-height:100%; -webkit-box-shadow:0 0px 3px rgba(0,0,0,.3); -moz-box-shadow:0 0px 3px rgba(0,0,0,.3); box-shadow:0 0px 3px rgba(0,0,0,.3);}

.lgmenu {font-family:Century Gothic; font-size:17px; color:#ffffff; font-weight:normal; text-decoration:none; float:left; padding:15px 27px 15px 35px; line-height:100%; text-transform:uppercase; background:url(../images/menusep.jpg) repeat-y center right,url(../images/icon-li.png) no-repeat center left 10px;}
.lgmenu:hover {color:#ffffff; background:url(../images/menusep.jpg) repeat-y center right,url(../images/icon-li.png) no-repeat center left 10px #ff6e0d; text-decoration:none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-box-shadow:0 0px 3px rgba(0,0,0,.3); -moz-box-shadow:0 0px 3px rgba(0,0,0,.3); box-shadow:0 0px 3px rgba(0,0,0,.3);}
.lgmenusel {font-family:Century Gothic; font-size:17px; color:#ffffff; font-weight:normal; text-decoration:none; float:left; padding:15px 27px 15px 35px; background:url(../images/menusep.jpg) repeat-y center right,url(../images/icon-li.png) no-repeat center left 10px #ff6e0d; line-height:100%; -webkit-box-shadow:0 0px 3px rgba(0,0,0,.3); -moz-box-shadow:0 0px 3px rgba(0,0,0,.3); box-shadow:0 0px 3px rgba(0,0,0,.3); text-transform:uppercase;}

.rgmenu {font-family:Century Gothic; font-size:17px; color:#ffffff; font-weight:normal; text-decoration:none; float:left; padding:15px 27px 15px 35px; line-height:100%; text-transform:uppercase; background:url(../images/icon-rg.png) no-repeat center left 12px;}
.rgmenu:hover {color:#ffffff; background:url(../images/icon-rg.png) no-repeat center left 12px #ff6e0d; text-decoration:none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-box-shadow:0 0px 3px rgba(0,0,0,.3); -moz-box-shadow:0 0px 3px rgba(0,0,0,.3); box-shadow:0 0px 3px rgba(0,0,0,.3);}
.rgmenusel {font-family:Century Gothic; font-size:17px; color:#ffffff; font-weight:normal; text-decoration:none; float:left; padding:15px 27px 15px 35px; background:url(../images/icon-rg.png) no-repeat center left 12px #ff6e0d; line-height:100%; -webkit-box-shadow:0 0px 3px rgba(0,0,0,.3); -moz-box-shadow:0 0px 3px rgba(0,0,0,.3); box-shadow:0 0px 3px rgba(0,0,0,.3); text-transform:uppercase;}

.epmenu {font-family:Century Gothic; font-size:17px; color:#ffffff; font-weight:normal; text-decoration:none; float:right; padding:10px 25px; margin:5px 0; line-height:100%; text-transform:uppercase; background:#ff6e0d; border-radius:10px;}
.epmenu:hover {color:#ffffff; background:#000000; text-decoration:none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-box-shadow:0 0px 3px rgba(0,0,0,.3); -moz-box-shadow:0 0px 3px rgba(0,0,0,.3); box-shadow:0 0px 3px rgba(0,0,0,.3);}
.epmenusel {font-family:Century Gothic; font-size:17px; color:#ffffff; font-weight:normal; text-decoration:none; float:right; padding:10px 25px; margin:5px 0; background:#000000; line-height:100%; -webkit-box-shadow:0 0px 3px rgba(0,0,0,.3); -moz-box-shadow:0 0px 3px rgba(0,0,0,.3); box-shadow:0 0px 3px rgba(0,0,0,.3); text-transform:uppercase; border-radius:10px;}

.obmenu {font-family:Century Gothic; font-size:16px; color:#333333; font-weight:normal; text-decoration:none; padding:12px 12px 12px 20px; background:url(../images/arw4.png) no-repeat left center; display:block; margin:0 0 5px 0;}
.obmenu:hover {background:url(../images/arw4.png) no-repeat left 6px center #ffffff; border-radius:8px; color:#000000; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);}
.obmenusel {font-family:Century Gothic; font-size:16px; color:#000000; font-weight:normal; text-decoration:none; padding:12px 12px 12px 20px; background:url(../images/arw4.png) no-repeat left 6px center #ffffff; display:block; margin:0 0 5px 0; border-radius:8px; -webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);}

.obmenu1 {font-family:Century Gothic; font-size:15px; color:#000000; font-weight:normal; text-decoration:none; padding:9px 12px 9px 28px; background:url(../images/arrow2-mh.png) no-repeat left 2px center,url(../images/arrow2-m.png) no-repeat left 5px center; background-size:0 0,auto; display:block; margin:0 0 5px 0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; border-radius:0px 0px;}
.obmenu1:hover {background:url(../images/arrow2-mh.png) no-repeat left 10px center,url(../images/arrow2-m.png) no-repeat left 5px center #ffffff; background-size:auto,0 0; color:#f25a2b; text-decoration:none; font-weight:bold; padding:9px 12px 9px 32px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);}
.obmenu1sel {font-family:Century Gothic; font-size:15px; color:#f25a2b; font-weight:bold; text-decoration:none; padding:9px 12px 9px 32px; background:url(../images/arrow2-ms.png) no-repeat left 10px center #ffffff	; border-radius:0px 0px; display:block; margin:0 0 5px 0; -webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);}

.arbbtn {font-family:"Arabic Typesetting"; font-size:30px; color:#ffffff; font-weight:normal; text-decoration:none; padding:6px 18px 4px 18px; line-height:100%; background:url(../images/grad-arb.jpg) no-repeat top center #ffffff; background-size:100% 100%; -webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3); float:left;}
.arbbtn:hover {color:#000000; text-decoration:none; background:url(../images/grad-arb.jpg) no-repeat top 40px center #ffffff; background-size:100% 100%; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);}

.more {font-family:Century Gothic; font-size:13px; color:#666666; font-weight:bold; text-decoration:underline;}
.more:hover {text-decoration:none;}

.more-pd {font-family:Century Gothic; font-size:18px; color:#08a000; font-weight:normal; text-decoration:none; float:left; padding:12px 25px; background:#ffffff; border:solid #08a000 1px; -webkit-box-shadow:0 0 5px rgba(255,255,255,.5); -moz-box-shadow:0 0 5px rgba(255,255,255,.5); box-shadow:0 0 5px rgba(255,255,255,.5);}
.more-pd:hover {color:#ffffff; text-decoration:none; background:#08a000; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.more1 {font-family:Century Gothic; font-size:13px; color:#333333; font-weight:bold; text-decoration:none; padding:6px 20px; background:#cccccc; -webkit-box-shadow:0 0 5px rgba(0,0,0,.5); -moz-box-shadow:0 0 5px rgba(0,0,0,.5); box-shadow:0 0 5px rgba(0,0,0,.5); float:left; border:solid #ebebeb 0px;}
.more1:hover {color:#ffc720; text-decoration:none; background:#000000; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.more2 {font-family:Century Gothic; font-size:17px; color:#ffffff; font-weight:normal; text-decoration:none; padding:12px 18px; background:url(../images/grad-mr.jpg) no-repeat #000000; background-size:100% 100%; -webkit-box-shadow:0 3px 5px rgba(0,0,0,.3); -moz-box-shadow:0 3px 5px rgba(0,0,0,.3); box-shadow:0 3px 5px rgba(0,0,0,.3); float:left; border:solid #ffffff 2px;}
.more2:hover {color:#000000; text-decoration:none; background:#ebebeb; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); box-shadow:0 0 3px rgba(0,0,0,.3);}
.more21 {font-family:Century Gothic; font-size:15px; color:#ed2127; font-weight:bold; text-decoration:none; padding:10px 20px 10px 32px; border-radius:0px; background:url(../images/arrow6.png) no-repeat left 12px center #ffffff; border:solid #444547 3px; /*-webkit-box-shadow:0 0 5px rgba(0,0,0,.5); -moz-box-shadow:0 0 5px rgba(0,0,0,.5); box-shadow:0 0 5px rgba(0,0,0,.5);*/ float:left;}
.more21:hover {color:#ffffff; border:solid #444547 3px; text-decoration:none; background:url(../images/arrow6h.png) no-repeat left 15px center #ed2127; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.more3 {font-family:Century Gothic; font-size:20px; color:#000000; font-weight:normal; text-decoration:none; padding:12px 20px 12px 20px; background:/*url(../images/arrow5.png) no-repeat center right 14px,*/url(../images/grad1.jpg) repeat center #cccccc; display:block;}
.more3:hover {color:#000000; text-decoration:none; background:/*url(../images/arrow5.png) no-repeat center right 8px,*/url(../images/grad1.jpg) repeat center top -40px #cccccc; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.more4 {font-family:Century Gothic; font-size:15px; color:#1d629d; font-weight:bold; text-decoration:none; padding:6px 20px; background:#e9e9e9; float:left; border:solid #c9c9c9 1px; border-radius:0; -webkit-box-shadow:0 0 3px rgba(0,0,0,.2); -moz-box-shadow:0 0 3px rgba(0,0,0,.2); box-shadow:0 0 3px rgba(0,0,0,.2);}
.more4:hover {color:#ffffff; text-decoration:none; border:solid #c9c9c9 1px; background:#666666; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.more5 {font-family:Century Gothic; font-size:13px; color:#005fff; font-weight:bold; text-decoration:none; padding:5px 0 5px 22px; background:url(../images/arrowbm1.png) no-repeat center left; display:block;}
.more5:hover {color:#005fff; text-decoration:none; padding:5px 0 5px 26px; background:url(../images/arrowbm1.png) no-repeat center left 4px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.more6 {font-family:Century Gothic; font-size:13px; color:#333333; font-weight:bold; text-decoration:none; float:left; background:url(../images/hline1-b.jpg) no-repeat bottom left; background-size:0 0;}
.more6:hover {color:#000000; text-decoration:none; padding:0 6px; background:url(../images/hline1-b.jpg) no-repeat bottom left; background-size:100% 1px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.more6-w {font-family:Century Gothic; font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none; float:left; background:url(../images/hline1-w.jpg) no-repeat bottom left; background-size:0 0;}
.more6-w:hover {color:#ffff00; text-decoration:none; padding:0 6px; background:url(../images/hline1-w.jpg) no-repeat bottom left; background-size:100% 1px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.nlink {font-family:Century Gothic; font-size:13px; color:#666666; font-weight:normal; text-decoration:none; padding:4px 0 4px 20px; background:url(../images/arrow1.gif) no-repeat left 6px; display:block;}
.nlink:hover {background:url(../images/arrow1.gif) no-repeat 2px 6px; color:#000000; text-decoration:underline;}

.clink {font-family:Century Gothic; font-size:15px; color:#666666; font-weight:normal; text-decoration:none;}
.clink:hover {color:#000000; text-decoration:underline;}

.femail {font-family:Century Gothic; font-size:16px; color:#3a0631; font-weight:normal; text-decoration:none;}
.femail:hover {color:#000000; text-decoration:underline;}

.btmmenu {font-family:Century Gothic; font-size:12px; color:#ffffff; font-weight:normal; text-decoration:none; float:left; padding:5px 10px;}
.btmmenu:hover {color:#ffffff; text-decoration:none;}

.btmmenu1 {font-family:Century Gothic; font-size:14px; color:#9b9b9b; font-weight:normal; text-decoration:none; display:block; padding:0 0 5px 15px; text-align:left;-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.btmmenu1:hover {color:#9b9b9b; text-decoration:underline; padding:0 0 5px 18px;}
.btmmenu11 {font-family:Century Gothic; font-size:14px; color:#ffffff; font-weight:normal; text-decoration:none; display:block; padding:5px 15px; text-align:left;}
.btmmenu11:hover {color:#ffffff; text-decoration:none;-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.sidemenu {font-family:Century Gothic; font-size:13px; color:#666666; font-weight:normal; text-decoration:none; border-bottom:dotted #cccccc 1px; display:block; padding:5px 15px;}
.sidemenu:hover {color:#333333; font-weight:bold;}

.sidemenusel {font-family:Century Gothic; font-size:13px; color:#000000; font-weight:bold; text-decoration:none; border-bottom:dotted #cccccc 1px; display:block; padding:5px 15px;}

.sidemenusel1 {font-family:Century Gothic; font-size:13px; color:#000000; font-weight:bold; text-decoration:none; border:solid #cccccc 1px; display:block; padding:5px 15px; background:url(../images/tboxbg.gif) repeat-x #ffffff;}

.link-scl { font-family:Century Gothic; font-size:13px; color:#ccc; text-decoration:none;}
.link-scl:hover {text-decoration:none; color:#ffffff;}

.link {font-family:Century Gothic; font-size:11px; color:#2357A0; font-weight:normal; text-decoration:none; line-height:150%;}
.link:hover {text-decoration:underline;}

.link1 {font-family:Century Gothic; font-size:11px; color:#cccccc; font-weight:normal; text-decoration:none; line-height:150%;}
.link1:hover {text-decoration:underline; color:#FFFFFF;}

.link2 {font-family:Century Gothic; font-size:13px; color:#cccccc; font-weight:normal; text-decoration:none; padding:5px 0 5px 5px; display:block;}
.link2:hover {text-decoration:none; color:#ffffff; font-weight:bold}
.link2sel {font-family:Century Gothic; font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none; padding:5px 0 5px 5px; display:block;}

.link3 {font-family:Century Gothic; font-size:14px; color:#465418; font-weight:bold; text-decoration:none;}
.link3:hover {text-decoration:underline;}

.link4 {font-family:Century Gothic; font-size:11px; color:#999999; font-weight:bold; text-decoration:none; padding:0 0 5px 0; display:block;}
.link4:hover {text-decoration:underline; color:#666666;}
.link4sel {font-family:Century Gothic; font-size:11px; color:#666666; font-weight:bold; text-decoration:underline; padding:0 0 5px 0; display:block;}

.link5 {font-family:Century Gothic; font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none; padding:15px 20px; display:inline-block; margin:0 5px 0 0;}
.link5:hover {background:#0075d6; color:#ffffff; text-decoration:none;}
.link5sel {font-family:Century Gothic; font-size:14px; background:#0075d6; color:#ffffff; font-weight:bold; text-decoration:none; padding:15px 20px; display:inline-block; margin:0 5px 0 0;}

.link6 {font-family:Century Gothic; font-size:13px; color:#ffffff; font-weight:normal; text-decoration:none; padding:0 0 5px 0; float:left; margin:0 10px 0 0;}
.link6:hover {text-decoration:underline; color:#ffffff; font-weight:bold;}
.link6sel {font-family:Century Gothic; font-size:13px; color:#ffffff; font-weight:bold; text-decoration:underline; padding:0 0 5px 0; float:left; margin:0 10px 0 0;}

.link7 {font-family:Century Gothic; font-size:13px; color:#2357A0; font-weight:normal; text-decoration:none; padding:5px; display:block;}
.link7:hover {text-decoration:underline; color:#000000; background:#ebebeb;}
.link7sel {font-family:Century Gothic; font-size:13px; color:#000000; font-weight:normal; text-decoration:underline; padding:5px; background:#ebebeb;}

.urh {font-family:Century Gothic; font-size:12px; color:#cc0000; font-weight:bold; text-decoration:underline;}

.urh1 {font-family:Century Gothic; font-size:11px; color:#031E4A; font-weight:bold; text-decoration:none;}
.urh1:hover {color:#000000;  text-decoration:underline;}

.urh2 {font-family:Century Gothic; font-size:10px; color:#666666; font-weight:normal; text-decoration:none;}

/*texts*/
.slogan {font-family:"Brush Script MT"; font-size:30px; color:#ed1e24; font-weight:normal; text-decoration:none; letter-spacing:;}
.no {font-family:Century Gothic; font-size:18px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:130%;}
.no1 {font-family:Century Gothic; font-size:18px; color:#000000; font-weight:normal; text-decoration:none; line-height:100%;}
.call {font-family:Century Gothic; font-size:14px; color:#ffff00; font-weight:bold; text-decoration:none;}
.date {font-family:Century Gothic; font-size:12px; color:#2f2f2f; font-weight:normal; text-decoration:none;}

.sftr ul {margin:0;  padding:5px 5px 5px 25px;}
.sftr li {list-style:url(../images/iconrm.png) inside ;}

.bodytext-popover {font-family:Century Gothic; font-size:14px; color:#ffffff; font-weight:normal; text-decoration:none;}
.bodytext-ftr {font-family:Century Gothic; font-size:14px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:150%;}
.bodytext {font-family:Century Gothic; font-size:14px; color:#292929; font-weight:normal; text-decoration:none; line-height:150%;}
.bodytext1 {font-family:Century Gothic; font-size:17px; color:#000000; font-weight:normal; text-decoration:none; line-height:150%;}
.bodytext2 {font-family:Century Gothic; font-size:15px; color:#888787; font-weight:normal; text-decoration:none; line-height:130%;}
.bodytextw {font-family:Century Gothic; font-size:14px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:150%;}
.bodytextw1 {font-family:Century Gothic; font-size:15px; color:#ffffff; font-weight:normal; text-decoration:none; line-height:150%;}
.bodytextg {font-family:Century Gothic; font-size:17px; color:#aba6a6; font-weight:normal; text-decoration:none;}
.bodytextg1 {font-family:Century Gothic; font-size:15px; color:#aba6a6; font-weight:normal; text-decoration:none;}
.bodytextb {font-family:Century Gothic; font-size:14px; color:#00aeff; font-weight:normal; text-decoration:none;}
.bodytextr {font-family:Century Gothic; font-size:14px; color:#cb0000; font-weight:normal; text-decoration:none;}

.points {font-family:Century Gothic; font-size:15px; color:#333333; font-weight:normal; text-decoration:none; padding:7px 7px 7px 28px; background:url(../images/iconrm.png) no-repeat left top 7px;}
.points1 {font-family:Century Gothic; font-size:15px; color:#333333; font-weight:normal; text-decoration:none; padding:7px 7px 7px 28px; background:url(../images/arrow3r.png) no-repeat left top 7px;}

.white {font-family:Century Gothic; font-size:13px; color:#ffffff; font-weight:normal; text-decoration:none;}

.whitetext {font-family:Century Gothic; font-size:14px; color:#FFFFFF; font-weight:normal; text-decoration:none;}

.colortext-h {font-family:Century Gothic; font-size:12px; color:#f00d12; font-weight:bold; text-decoration:none;}
.colortext-h1 {font-family:Century Gothic; font-size:15px; color:#f00d12; font-weight:bold; text-decoration:none;}
.colortext {font-family:Century Gothic; font-size:13px; color:#A50101; font-weight:bold; text-decoration:none;}
.colortext1 {font-family:Century Gothic; font-size:15px; color:#A50101; font-weight:bold; text-decoration:none;}
.colortext2 {font-family:Century Gothic; font-size:15px; color:#ffffff; font-weight:bold; text-decoration:none;}
.colortext3 {font-family:Century Gothic; font-size:15px; color:#006e40; font-weight:bold; text-decoration:none;}
.colortext4 {font-family:Century Gothic; font-size:15px; color:#00aeed; font-weight:normal; text-decoration:none;}

.posted {font-family:Century Gothic; font-size:13px; color:#A50101; font-weight:normal; text-decoration:none;}

.ftext {font-family:Century Gothic; font-size:14px; color:#ffffff; font-weight:normal; text-decoration:none;}

.copy {font-family:Century Gothic; font-size:13px; color:#c8e2e7; font-weight:normal; text-decoration:none;}
.copy1 {font-family:Century Gothic; font-size:13px; color:#c8e2e7; font-weight:bold; text-decoration:none;}

/*page view*/
.pgdiv0 {float:left; width:72%;}
.pgdiv {float:left; width:96%; padding:0 2% 0 2%;}
.pgdivall {float:left; width:100%;}
.pgbimgdiv {float:left; width:92%; padding:3%; background:#333333; border:solid #cccccc 1%;}
.pgdiv2 {float:left; width:100%;}
.pgdiv2all {float:left; width:100%;}
.pgdiv21 {float:left; width:96%; padding:2%;}
.pgdiv21all {float:left; width:100%;}

.pgdiv21-1 {float:left; width:18%; padding:0 2% 0 0;}
.pgdiv21-11 {float:left; width:94%; padding:3%; background:#cccccc;}
.pgdiv21-12 {float:left; width:96%; padding:2%; background:#ffffff;}
.pgdiv21-12all {float:left; width:100%;}

.pgdiv21-2 {float:left; width:80%;}
.pgdiv21-2all {float:left; width:100%;}

.ts-cimg1 {float:right; width:28%; padding:0 0 0 2%;}
.ts-cimg1-1 {float:left; width:96%; padding:1%; background:#cccccc;}
.ts-cimg1-2 {float:left; width:96%; padding:1%; background:#ffffff;}

/*.cimg1 {float:right; width:40%; padding:0 0 0 4%;}*/
.cimg1 {float:left; width:100%; padding:0 0 20px 0;}
.cimg1-1 {float:left; width:100%; padding:10px;}
.cimg1-2 {float:left; width:100%; padding:10px; -webkit-box-shadow:-10px 0 10px 0 3px rgba(0,0,0,.4); -moz-box-shadow:-10px 0 10px rgba(0,0,0,.4); box-shadow:-10px 0 10px 1px rgba(0,0,0,.2); background:#ebebeb;}
.cimg1-2all {float:left; width:100%;}

.cimg2 {float:left; width:96%; padding:2%; background:#cccccc;}
.cimg2-1 {float:left; width:96%; padding:2%; background:#ffffff;}
.cimg2-1all {float:left; width:100%;}

.cimg3 {margin:0 auto; width:80%;}
.cimg3-1 {float:left; width:96%; padding:2%; background:#cccccc;}
.cimg3-1all {float:left; width:100%;}

.cimg4 {margin:0 auto; width:133px;}
.cimg4-1 {float:left; width:124px; padding:2px; background:#cccccc; margin:0 5px 5px 0;}
.cimg4-1all {float:left; width:120px; padding:2px; background:#ffffff;}

.cimg5 {float:right; width:25%; padding:0 0 0 2%;}

.cimg6 {float:left; width:20%; padding:0 2% 0 0;}

.pgdiv-ryt0 {float:left; width:28%;}
.pgdiv-ryt {float:left; width:92%; background:#cccccc; padding:4%;}
.pgdiv-rytall {float:left; width:100%;}
.pgdiv-ryt1 {float:left; width:94%; padding:3%;}

.wd1 {width:200px;}
.wd2 {width:350px;}
.wd3 {width:210px;}
.wd4 {width:190px;}
.wd5 {width:34px;}
.wd6 {width:200px;}
.wd7 {width:558px;}
.wd8 {width:548px;}

.wdp {width:100%;}
.wdp1 {width:98%; padding:1%;}

/*iframe*/
.ifc-mapv {position:relative; width:100%; height:0; padding-bottom:200%;}
.ifc {position:relative; width:100%; height:0; padding-bottom:80%;}
.ifc1 {position:relative; width:100%; height:0; padding-bottom:29%;}
.if {position:absolute; top:0; left:0;}

/*input,textarea submit*/
.esrchbox {font-family:Century Gothic; font-size:12px; color:#ffffff; font-weight:normal; text-decoration:none; border:solid #515151 1px; width:100%; height:35px; background:#3f3f3f; padding:4px 10px; border-right:none;}
.esrchbox:hover {border:solid #3f3f3f 1px; background:#3f3f3f;}
.esrchbox:active {border:solid #3f3f3f 1px; background:#3f3f3f;}
.esrchbox:focus {border:solid #3f3f3f 1px; background:#3f3f3f;}

.esrchsubmit {font-family:Century Gothic; font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none; background:url(../images/srchicon.png) no-repeat center #333333; float:left; width:100%; border:solid #666666 1px; border-left:none; cursor:pointer; height:35px; border-radius:5px;}
.esrchsubmit:hover {background:url(../images/srchicon.png) no-repeat center #ed1e24;}

.etextbox {font-family:Century Gothic; font-size:12px; color:#333333; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:100%; background:#ffffff; padding:7px 10px;}
.etextbox:hover {border:solid #666666 1px;}
.etextbox:active {border:solid #666666 1px;}
.etextbox:focus {border:solid #666666 1px;}

.etextarea {font-family:Century Gothic; font-size:12px; color:#333333; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:100%; height:75px; background:#ffffff; padding:7px 10px;}
.etextarea:hover {border:solid #666666 1px;}
.etextarea:active {border:solid #666666 1px;}
.etextarea:focus {border:solid #666666 1px;}

.eselectbox {font-family:Century Gothic; font-size:12px; color:#333333; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:94%; height:30px; background:#ffffff; padding:2%;}
.eselectbox:hover {border:solid #666666 1px;}
.eselectbox:active {border:solid #666666 1px;}
.eselectbox:focus {border:solid #666666 1px;}

.esubmit {font-family:Century Gothic; font-size:17px; color:#ffffff; font-weight:bold; text-decoration:none; padding:12px 30px; background:#f25a2b; float:left; display:block; border:solid #f25a2b 2px; cursor:pointer; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.esubmit:hover {background:#e13500; color:#ffffff;}
.ereset {font-family:Century Gothic; font-size:17px; color:#000000; font-weight:bold; text-decoration:none; padding:12px 30px; background:#ffc509; float:left; display:block; border:solid #ffc509 2px; cursor:pointer; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.ereset:hover {background:#ffd754; color:#000000;}

.etextbox1 {font-family:Century Gothic; font-size:13px; color:#ffffff; font-weight:normal; text-decoration:none; border:solid #434142 2px; width:100%;  background:#525252; padding:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.etextbox1:hover {border:solid #666666 2px;}
.etextbox1:active {border:solid #666666 2px;}
.etextbox1:focus {border:solid #666666 2px;}

.etextarea1 {font-family:Century Gothic; font-size:13px; color:#ffffff; font-weight:normal; text-decoration:none; border:solid #434142 2px; width:100%;  background:#525252; height:60px; padding:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.etextarea1:hover {border:solid #666666 2px;}
.etextarea1:active {border:solid #666666 2px;}
.etextarea1:focus {border:solid #666666 2px;}

.eselectbox1 {font-family:Century Gothic; font-size:12px; color:#333333; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:94%; height:30px; background:#ffffff; padding:2%;}
.eselectbox1:hover {border:solid #666666 1px;}
.eselectbox1:active {border:solid #666666 1px;}
.eselectbox1:focus {border:solid #666666 1px;}

.esubmit1 {font-family:Century Gothic; font-size:17px; color:#ffffff; font-weight:normal; text-decoration:none; padding:8px 20px; background:/*url(../images/grad2.jpg) repeat-x*/ #0043b4; float:left; cursor:pointer; border:none; border-radius:5px;}
.esubmit1:hover {background:#005fff; color:#ffffff;}

.etextbox2 {font-family:Century Gothic; font-size:13px; color:#8b243b; font-weight:normal; text-decoration:none; border:solid #f1ba79 1px; width:100%;  background:#f7c280; padding:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.etextbox2:hover {border:solid #e3a965 1px;}
.etextbox2:active {border:solid #e3a965 1px;}
.etextbox2:focus {border:solid #e3a965 1px;}

.etextarea2 {font-family:Century Gothic; font-size:13px; color:#8b243b; font-weight:normal; text-decoration:none; border:solid #f1ba79 1px; width:100%;  background:#f7c280; height:60px; padding:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.etextarea2:hover {border:solid #e3a965 1px;}
.etextarea2:active {border:solid #e3a965 1px;}
.etextarea2:focus {border:solid #e3a965 1px;}

.esubmit2 {font-family:Century Gothic; font-size:15px; color:#ffffff; font-weight:bold; text-decoration:none; padding:6px 20px; background:#78211a; float:left; cursor:pointer; border:none; -webkit-box-shadow:0 0 5px rgba(0,0,0,.7); -moz-box-shadow:0 0 5px rgba(0,0,0,.7); box-shadow:0 0 5px rgba(0,0,0,.7)}
.esubmit2:hover {background:#000000; color:#ffffff;}

.wtextbox {font-family:Century Gothic; font-size:11px; color:#ffffff; font-weight:normal; text-decoration:none; width:120px; height:22px; background:none; border:none;}
.ttextbox {font-family:Century Gothic; font-size:11px; color:#ffffff; font-weight:normal; text-decoration:none; width:120px; height:22px; background:none; border:none;}

.atextbox {font-family:Century Gothic; font-size:13px; color:#333333; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:100%; height:35px; margin-bottom:5px; background:#ebebeb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.textbox {font-family:Century Gothic; font-size:11px; color:#000000; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:200px; height:22px; margin-bottom:5px; background:url(../images/tboxbg.gif) top repeat-x #ffffff;}

.textbox1 {font-family:Century Gothic; font-size:11px; color:#000000; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:400px; height:100px; margin-bottom:5px; background:url(../images/tboxbg.gif) top repeat-x #ffffff;}

.textbox11 {font-family:Century Gothic; font-size:11px; color:#000000; font-weight:normal; text-decoration:none; border:solid #cccccc 1px; width:200px; height:22px; margin-bottom:5px; background:url(../images/tboxbg.gif) top repeat-x #ffffff;}

.submit {font-family:Century Gothic; font-size:13px; color:#000000; font-weight:normal; text-decoration:none; border:solid #999999 1px; padding:5px 10px; background:#cccccc;}

.select-style {
  padding: 0;
  margin: 0 0 0 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden;
  background-color:none;
  background: #ffffff url("../images/arrow1s.png") no-repeat 90% 50%;
}

.select-style select {
  padding: 6px 8px;
  width: 100%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-style select:focus {
  outline: none;
}
.select-style input {
  padding:8px 8px;
  width: 100%;
  border: none;
  box-shadow: none;
  background-color: /*transparent*/;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-style textarea {
color:#000000; font-family:Century Gothic; font-size:14px;
  padding: 5px 8px;
  width: 100%; height:70px;
  border: none;
  box-shadow:none;
  background-color:/*transparent*/;
  background-image:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

.select-style1 {
  padding: 0;
  margin: 0;
  border: 0px solid #cccccc;
  border-radius: 3px;
  overflow: hidden;
  background-color: #434d65;
  background: #434d65 url("../images/arrow1b-b.png") no-repeat 90% 50%;
}

.select-style1 select {
color:#000000; font-family:Century Gothic; font-size:14px;
  padding: 5px 8px;
  width: 100%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-style1 select:focus {
  outline: none;
}
.select-style1 input {
color:#ffffff; font-family:Century Gothic; font-size:14px;
  padding:10px 8px;
  width: 100%;
  border: none;
  box-shadow:none;
  background-color:#434d65/*transparent*/;
  background-image:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.select-style1 textarea {
color:#ffffff; font-family:Century Gothic; font-size:14px;
  padding: 5px 8px;
  width: 100%;
  border: none;
  box-shadow:none;
  background-color:#434d65/*transparent*/;
  background-image:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

/*shadows*/
.shad1 {background:url(../images/shad1.png) repeat-x bottom;}
.shad2 {background:url(../images/shad2.png) repeat-x bottom; z-index:2; position:absolute; height:7px; float:left; width:100%;}
.shadrd1 {background:url(../images/shadrd1.png) no-repeat center;}

/*extras*/
.pos-abs {position:absolute; z-index:2; top:-25px;}
.pos-abs1 {position:absolute; z-index:2; bottom:54px;}
.pos-rel {position:relative; z-index:1;}
.hlines {background:url(../images/hlines.png) no-repeat top 6px left; padding:0 0 0 75px;}
.vline-g {background:url(../images/vline-g.jpg) repeat-y center; height:50px;}
.vline-b {background:url(../images/vline-b.jpg) repeat-y center; height:50px;}
.txtshad {text-shadow:0px 3px 0 rgba(0,0,0,.8);}
.txtshad1 {text-shadow:3px 5px 0 rgba(0,0,0,.8);}
.menusep {background:/*url(../images/menusep.jpg) repeat-y center right*/; padding:0 0 0 0; margin:5px 5px 5px 0;}
.menusep-lst {padding:0 0 0 0; margin:5px 0 5px 0;}
.ht1 {height:75px;}
.ucase {text-transform:uppercase;}
.lcase {text-transform:lowercase;}
.ncase {text-transform:none;}
.ccase {text-transform:capitalize;}
.i-round2 {width:80%; border-radius:50%; display:block; margin:0 auto;}
.i-round3 {width:50%; border-radius:; display:block; margin:0 auto;}
.ht150 {height:150px;}
.ht120 {height:120px;}
.ht50 {height:50px;}
.ht40 {height:40px;}
.wauto {margin:0 auto; width:;}
.bg-hd {background:url(../images/hdbg.jpg) no-repeat;}
.bg-hd1 {background:url(../images/callnow.png) no-repeat top right,url(../images/grad1.jpg) repeat-x bottom;}
.bg-bbtm {background:url(../images/bbtmbg.jpg) repeat-x bottom;}
.bg-pg {background:#e5e5e7;}
.bg-pg1 {background:#f8f8f8;}
.bg-dots {background:url(../images/bggr.jpg) no-repeat center,url(../images/dots1.png) repeat-x center; background-size:18% 100%,auto;}
.bg-abt {background:url(../images/ebg1.png) no-repeat bottom;}
.gs-bg1 {background-color:#b6a6c3;}
.gs-bg2 {background-color:#bcddc8;}
.gs-bg3 {background-color:#9fc1e4;}
.gs-bg4 {background-color:#fdc47d;}
.ts-bg {background-color:#d7eafb;}
.bg-so {background:#343233;}
.bgft {background:#36474f;}
.bgft1 {background:#273238;}
.bg1 {background:#f5f5f5;}
.bg2 {background:#ebebeb;}
.bggr {background:#f0f0f0;}
.bggr1 {background:#dfe2d1;}
.bglb {background:#dbf3ff;}
.bgbl {background:#000000;}
.bgbl1 {background:#35424d;}
.bgrd {background:#ff2d2e;}
.bggn {background:#e2f5fc;}
.bgbu {background:#0c497c;}
.bgbu1 {background:#0075d6;}
.bgbu2 {background:#c4c4dc;}
.bgyl {background:#ffff01;}
.bgwt {background:#ffffff;}
.bgwt1 {background:url(../images/shad1.png) repeat-x top,url(../images/shad2.png) repeat-x bottom #ffffff;}
.bgshp1 {background:url(../images/shp1.png) no-repeat top right;}
.grad2 {background:url(../images/grad2.jpg) repeat-x #ffffff;}
.pgbg {background:url(../images/pgbg.jpg) repeat;}
.hdash {background:url(../images/hdash.png) no-repeat bottom left;}
.hline1 {background:url(../images/hline1.jpg) repeat-x bottom;}
.hline1b {background:url(../images/hline1-b.jpg) no-repeat bottom left; background-size:30px 1px;}
.hline1b-c {background:url(../images/hline1-b.jpg) no-repeat bottom center; background-size:30px 3px;}
.hline1br {background:url(../images/hline1-br.jpg) no-repeat bottom left; background-size:30px 3px;}
.hline1w {background:url(../images/hline1-w.jpg) no-repeat bottom left; background-size:30px 1px;}
.hline1w-c {background:url(../images/hline1-w.jpg) no-repeat bottom center; background-size:30px 1px;}
.hline1c {background:url(../images/hline1-c.jpg) no-repeat center left,url(../images/hline1-c1.jpg) no-repeat center left; background-size:10px 100%,100% 100%;}
.hline1-c {background:url(../images/hline1-c.jpg) no-repeat bottom left,url(../images/hline1-c.jpg) no-repeat bottom 5px left,url(../images/hline1-c.jpg) no-repeat bottom 10px left; background-size:100px 1px,70px 1px,40px 1px;}
.hline1y {background:url(../images/hline1-y.jpg) no-repeat bottom left; background-size:30px 1px;}
.hline1-y {background:url(../images/hline1-y.jpg) no-repeat bottom left,url(../images/hline1-y.jpg) no-repeat bottom 3px left; background-size:100% 1px,100% 1px;}
.hline1r {background:url(../images/hline1-r.jpg) no-repeat bottom left; background-size:30px 1px;}
.hline1g {background:url(../images/hline1-g.jpg) no-repeat bottom left; background-size:30px 1px;}
.hline1-g {background:url(../images/hline1-g.jpg) no-repeat bottom left,url(../images/hline1-g.jpg) no-repeat bottom 3px left; background-size:100% 1px,100% 1px;}
.hline1-w {background:url(../images/hline1-w.jpg) no-repeat center left,url(../images/hline1-w.jpg) no-repeat center right; background-size:40px 1px,40px 1px; padding:0 50px;}
.hline2 {background:url(../images/hline2.jpg) repeat-x bottom;}
.hline3 {background:url(../images/hline3.jpg) repeat-x bottom;}
.hline31 {background:url(../images/hline3.jpg) repeat-x top,url(../images/hline3.jpg) repeat-x center top 4px;}
.hline32 {background:url(../images/hline3.jpg) no-repeat bottom left; background-size:50px 3px;}
.hline32-c {background:url(../images/hline3.jpg) no-repeat bottom center; background-size:40px 3px;}
.hline4 {background:url(../images/hline4.jpg) no-repeat bottom center; background-size:40px 1px;}
.hline5 {background:url(../images/hline5.jpg) no-repeat bottom center; background-size:50px 1px;}
.hline6-5 {background:url(../images/hline6.jpg) no-repeat bottom left,url(../images/hline5.jpg) no-repeat bottom left; background-size:50px 2px,100px 2px;}
.hline6 {background:url(../images/hline6.jpg) no-repeat bottom left; background-size:40px 1px;}
.hline61 {background:url(../images/hline6.png) repeat-x bottom center;}
.hlines1 {background:url(../images/hlines.jpg) no-repeat center left,url(../images/hlinesr.jpg) no-repeat center right;}
.shp1 {background:url(../images/shp1.jpg) no-repeat center left,url(../images/shp1.jpg) no-repeat center right;}
.vline1 {background:url(../images/vline1.jpg) repeat-y right;}
.bold {font-weight:bold;}
.bbox {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.dib {display:inline-block;}
.dib1 {display:inline-block;}
.dib-vam {display:inline-block; vertical-align:middle;}
.brad1 {border-radius:25px;}
.brad2 {border-radius:50%;}
.brad3 {border-radius:5px;}
.brad4 {border-radius:8px;}
.bshad {-webkit-box-shadow:0 0 7px rgba(0,0,0,.7); -moz-box-shadow:0 0 7px rgba(0,0,0,.7); box-shadow:0 0 7px rgba(0,0,0,.7);}
.bshad1 {-webkit-box-shadow:0 0 3px rgba(0,0,0,.5); -moz-box-shadow:0 0 3px rgba(0,0,0,.5); box-shadow:0 0 3px rgba(0,0,0,.5);}
.bshad2 {-webkit-box-shadow:0 0 2px rgba(0,0,0,.3); -moz-box-shadow:0 0 2px rgba(0,0,0,.3); box-shadow:0 0 2px rgba(0,0,0,.3);}
.bshad3 {-webkit-box-shadow:0 3px 3px rgba(0,0,0,.5); -moz-box-shadow:0 3px 3px rgba(0,0,0,.5); box-shadow:0 3px 3px rgba(0,0,0,.5);}
.hoverimg{ opacity:1; filter:alpha(opacity=100); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.hoverimg:hover{ opacity:0.8; filter:alpha(opacity=80);}
.bgi1 {background:url(../images/bg1.png) no-repeat bottom center; background-size:100% auto;}
.bgi1-t {background:url(../images/bg1.png) no-repeat top center; background-size:100% auto;}
.tmicon {background:url(../images/tm-icon.png) no-repeat left center; padding:5px 0 5px 30px;}
.spicon {background:url(../images/spicon.png) no-repeat left top 5px; padding:10px 0 10px 45px;}
.ecsicon {background:url(../images/ecsicon.png) no-repeat left top 5px; padding:10px 0 10px 45px;}
.vmicon {background:url(../images/vmicon.png) no-repeat left top 5px; padding:10px 0 10px 45px;}
.ppicon {background:url(../images/ppicon.png) no-repeat left top 5px; padding:10px 0 10px 45px;}
.cdicon {background:url(../images/cdicon.png) no-repeat left top 5px; padding:10px 0 10px 45px;}
.oticon {background:url(../images/oticon.png) no-repeat left top 5px; padding:10px 0 10px 45px;}
.tsicon {background:url(../images/tsicon.png) no-repeat left top 5px; padding:10px 0 10px 45px;}
.fxicon {background:url(../images/fxicon.png) no-repeat left center; padding:5px 0 5px 30px;}
.fxiconb {background:url(../images/fxiconb.png) no-repeat left center; padding:5px 0 5px 30px;}
.cticon5b {background:url(../images/cticon5-b.png) no-repeat left center; padding:5px 0 5px 25px;}
.cticon5 {background:url(../images/cticon5.png) no-repeat left center; padding:5px 0 5px 25px;}
.cticon4 {background:url(../images/cticon4.png) no-repeat left top 5px; padding:10px 0 10px 45px;}
.cticon3 {background:url(../images/cticon3.png) no-repeat left center; padding:5px 0 5px 30px;}
.cticon2 {background:url(../images/cticon2.png) no-repeat left center; padding:3px 0 3px 28px;}
.cticon2b {background:url(../images/cticon2b.png) no-repeat left center; padding:3px 0 3px 28px;}
.cticon1 {background:url(../images/cticon1.png) no-repeat left top 5px; padding:0 0 0 32px;}
.cticon1-b {background:url(../images/cticon1-b.png) no-repeat top center; padding:32px 0 0 0;}
.cticon {background:url(../images/cticon.png) no-repeat left top; padding:4px 0 4px 35px;}
.adicon {background:url(../images/adicon.png) no-repeat left top 10px; padding:4px 0 4px 25px;}
.adicon1 {background:url(../images/adicon1.png) no-repeat left top 10px; padding:4px 0 4px 32px;}
.emicon {background:url(../images/emicon.png) no-repeat left center; padding:0 0 0 32px;}
.emicon1 {background:url(../images/emicon1.png) no-repeat left top 5px; padding:0 0 0 32px;}
.emicon1-b {background:url(../images/emicon1-b.png) no-repeat left top 5px; padding:0 0 0 32px;}
.emicon2 {background:url(../images/emicon2.png) no-repeat left center; padding:0 0 0 32px;}
.roundbm {background:url(../images/roundbm-h.png) no-repeat top 5px left 3px;}
.roundbm:hover {background:url(../images/roundbm-h.png) no-repeat top 5px left 6px;}
.arrowbm {background:url(../images/arrowbm.png) no-repeat top 5px left 5px;}
.arrowbm:hover {background:url(../images/arrowbm.png) no-repeat top 5px left 8px;}
.arrowbm1 {background:url(../images/arrowbm.jpg) no-repeat center left 2px,url(../images/hline3.jpg) no-repeat bottom left; background-size:auto,0 1px}
.arrowbm1:hover {background:url(../images/arrowbmh.jpg) no-repeat center left 5px,url(../images/hline3.jpg) no-repeat bottom left; background-size:auto,100% 1px}
.arrowm {background:url(../images/arrowm.png) no-repeat right center;}
.icon1-wel {background:url(../images/icon1.png) no-repeat top center;}



.clrlft {clear:left;}
.clrryt {clear:right;}
.ohid {overflow:hidden;}
.prel {position:relative;}
.lft-pgdiv0 {left:75%;}
.ryt-pgdiv0 {right:75%;}


/*admin*/
.menum {font-family:Century Gothic; font-size:11px; color:#ffffff; font-weight:bold; text-decoration:none; float:right; padding:5px; background:#cc0000;}
.menum:hover {background:#09769E;}

.adminmenu {font-family:Century Gothic; font-size:12px; font-weight:bold; color:#000000; text-decoration:none; background:url(../images/tboxbg.gif) repeat-x; display:block; float:left; padding:8px; margin-right:5px; border:solid #cccccc 1px; border-bottom:none; border-top:none;}
.adminmenu:hover {background-position:bottom; background-color:#cccccc; text-decoration:underline; border-color:#000000;}

.adminmenusel {font-family:Century Gothic; font-size:12px; font-weight:bold; color:#000000; text-decoration:none; background:url(../images/tboxbg.gif) repeat-x bottom #cccccc; text-decoration:underline; display:block; float:left; padding:8px; margin-top:0px; margin-right:5px; border:solid #000000 1px; border-bottom:none; border-top:none;}

.adminsidemenu {font-family:Century Gothic; font-size:10px; color:#636363; font-weight:normal; text-decoration:none; background:#f7f7f7; height:10px; padding:5px; display:block; margin-bottom:15px;}
.adminsidemenu:hover {font-family:Century Gothic; font-size:10px; color:#ffffff; font-weight:normal; text-decoration:none; background:#000000; height:10px; padding:5px;display:block; margin-bottom:15px;}

.adminsidemenusel{font-family:Century Gothic; font-size:10px; color:#ffffff; font-weight:normal; text-decoration:none; background:#000000; height:10px; padding:5px;display:block; margin-bottom:15px;}

.menua {font-family:Century Gothic; font-size:12px; color:#000000; font-weight:bold; text-decoration:none; background:#f7f7f7; display:block; padding:5px; float:left; border:solid #000000 1px;}
.menua:hover {background:#F0F2B6; color:#000000; border:solid #000000 1px;}

.paging {font-family:Century Gothic; font-size:12px; color:#0264AA; font-weight:bold; text-decoration:underline;}
.paging:hover {background:#0264AA; color:#ffffff; padding:5px;}

.pagingsel {font-family:Century Gothic; font-size:12px; background:#0264AA; color:#ffffff; font-weight:bold; text-decoration:none; padding:5px;}

/*for brands*/
.home-ribbon{ position:absolute; width:100%; height:100%;}

#home-ribbons li{ width:25%; float:left; height:100%; position: relative;}

#home-ribbons li.last{}

#home-ribbons li .inner{ position: relative; z-index: 2; height:100%;}

#home-ribbons li .inner img{ transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: 0.5s all; -o-transition: 0.5s all;}

#home-ribbons li .popup{ position:absolute; z-index:1; bottom:-1px; width:100%; height:1px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: 0.5s all; -o-transition: 0.5s all;}

#home-ribbons li .popup img{ height:1px; width:100%; opacity: 0; filter:alpha(opacity=0); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: 0.5s all; -o-transition: 0.5s all;}

#home-ribbons li:hover .inner img{ opacity: 0; filter:alpha(opacity=0);}

#home-ribbons li:hover .popup img{ height:130%; opacity: 1.0; filter:alpha(opacity=100);}

#home-ribbons li:hover .popup{ bottom:38%; height:130%;}

.ishowcase-home{ clear:both;}

.ishowcase-home .ishowcase-logo{ float: none; vertical-align:top; display: inline-block;}

/*sticky navigation*/
#sticky_navigation { width:100%; z-index:1000;}

/*paging*/
div.nav {padding:2px; margin:2px;}

div.nav a {font-family:Century Gothic; font-size:11px; padding:3px 5px; margin:2px; border:1px solid #000000; text-decoration:none; color:#000000; background:#eaeaea;}
div.nav a:hover, div.nav a:active {font-family:Century Gothic; font-size:11px; border:2px solid #000000; margin:1px; color:#cc0000; background:#eaeaea;}

div.nav span.current {font-family:Century Gothic; font-size:12px; padding:3px 5px; margin:1px; border:2px solid #000000; font-weight:bold; background:#cc0000;
color:#FFF;}

div.nav span.disabled {padding:3px 5px; margin:2px; border:1px solid #EEE; color:#999; font-size:11px; font-family:Century Gothic; background:#eaeaea;}

/* Gallery Slider
/*------------------------------------------------------*/
.gallery-slider {
  position: relative;
  zoom:1;
  margin:0;
  padding:0;
  margin-bottom:;
}
.gallery-slider.loading {
  min-height:100px;
  background:#f0f5f7 url('../images/loading.gif') no-repeat center center;
}
.gallery-slider .slides {
  zoom:1;
}
.gallery-slider .slides img {
  width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  display: block;
}
.gallery-slider .slides > li {
  display:none;
  -webkit-backface-visibility: hidden;
}
.gallery-slider .flex-direction-nav a {
  width:40px;
  height:45px;
  border-radius:0;
  margin-top:-10px;
}
.gallery-slider .flex-direction-nav .flex-prev {
  background:#999999 url("../images/slider-left-arrow.png") center center no-repeat;
  font-size: 0;
  left:-20px;
  background-size: inherit;
}
.gallery-slider .flex-direction-nav .flex-next {
  background:#999999 url("../images/slider-right-arrow.png") center center no-repeat;
  font-size:0;
  right:-20px;
  background-size: inherit;
}
.gallery-slider:hover .flex-prev {
  opacity:0.8;
  left:0px;
}
.gallery-slider:hover .flex-next {
  opacity:0.8;
  right:0px;
}
.gallery-slider:hover .flex-next:hover,
.gallery-slider:hover .flex-prev:hover {
  opacity: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .gallery-slider .slides img {
    margin-left: -1px;
  }
  .gallery-slider .flex-direction-nav .flex-prev {
    margin-left: -0.5px;
  }
  .safari .gallery-slider .slides img {
    margin-left: 0;
  }
  .safari .gallery-slider .flex-direction-nav .flex-prev {
    margin-left: 0;
  }
  .safari .gallery-single #carousel .flex-viewport {
    padding: 8px;
  }
}
/*projects - text on img hover */
ul.img-list1 {list-style-type:none; margin:0; padding:0;}
ul.img-list1 li {position:relative;}
div.text-content1 {background:rgba(30,30,30,0.8); color:#ffffff; font-size:17px; padding:5px; font-weight:normal; font-family:Century Gothic; cursor:pointer; position:absolute; bottom:0; margin:0; opacity:0; -webkit-transition:opacity 500ms; -moz-transition:opacity 500ms; -o-transition:opacity 500ms; transition:opacity 500ms; border-top:solid #333333 1px;}
div.text-content1 div {display:; text-align:center; vertical-align:middle;}
 
ul.img-list1 li div.text-content1 {opacity:1;}

/*projects - text on img hover */
ul.img-list2 {list-style-type:none; margin:0; padding:0;}
ul.img-list2 li {position:relative;}
div.text-content2 {cursor:pointer; position:absolute; bottom:5px; margin:0; opacity:1;}
div.text-content2 div {display:; text-align:center; vertical-align:middle;}

ul.img-list3 {list-style-type:none; margin:0 0 20px 0; padding:0;}
ul.img-list3 li {position:relative;}
figcaption.text-content3 {background:rgba(12,102,236,0.8); color:#ffffff; font-size:20px; padding:5px; display:block; font-weight:normal; font-family:Century Gothic; cursor:pointer; position:absolute; bottom:5px; margin:0; opacity:0; -webkit-transition:opacity 500ms; -moz-transition:opacity 500ms; -o-transition:opacity 500ms; transition:opacity 500ms;}
figcaption.text-content3 figcaption {display:block; text-align:center; vertical-align:middle;}
 
ul.img-list3 li:hover figcaption.text-content3 {opacity:1;}

/*sales supplies tabs*/
ul.tab {
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
    border:1px solid #ccc; border:none;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float:;}

/* Style the links inside the list items */
ul.tab li a {
    display:block;
    color: black;
    text-align:;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px; font-family:Century Gothic;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #f7f7f7;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #ffffff;}

/* Style the tab content */
.tabcontent {
    display: none;
    padding:20px;
    border: 1px solid #ccc;
    border-top:;
	 border:none;
}

.text-animation {position:relative;-webkit-animation:color-change 1s infinite; animation:color-change 1s infinite;}
@-webkit-keyframes color-change { 0% { color: #006e40; } 50% { color: red; } 100% { color:#006e40; }}
@keyframes color-change { 0% { color: #006e40; } 50% { color: red; } 100% { color:#006e40; }}
/*for fading*/
/*.tabcontent {-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }
@-webkit-keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}*/

.animateright {position:relative;-webkit-animation:animateright 1s; animation:animateright 1s;}
@-webkit-keyframes animateright{from {right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from {right:-300px;opacity:0} to{right:0;opacity:1}}

.animateright1 {position:relative;-webkit-animation:animateright1 1s; animation:animateright1 1s;}
@-webkit-keyframes animateright1{from {right:-50px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright1{from {right:-50px;opacity:0} to{right:0;opacity:1}}

.animateleft {position:relative;-webkit-animation:animateleft 1s; animation:animateleft 1s;}
@-webkit-keyframes animateleft{from {left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from {left:-300px;opacity:0} to{left:0;opacity:1}}

.animateleft1 {position:relative;-webkit-animation:animateleft1 0.5s; animation:animateleft1 0.5s; animation-delay:;}
@-webkit-keyframes animateleft1{from {left:-50px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft1{from {left:-50px;opacity:0} to{left:0;opacity:1}}

.animatetop {position:relative;-webkit-animation:animatetop 1s; animation:animatetop 1s; animation-delay:;}
@-webkit-keyframes animatetop{from {top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from {top:-300px;opacity:0} to{top:0;opacity:1}}

.animatetop1 {position:relative;-webkit-animation:animatetop1 0.5s; animation:animatetop1 0.5s; animation-delay:;}
@-webkit-keyframes animatetop1{from {top:-50px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop1{from {top:-50px;opacity:0} to{top:0;opacity:1}}

.animate-bnr {position:relative;-webkit-animation:animate-bnr 0.2s; animation:animate-bnr 0.2s; animation-delay:;animation-fill-mode: both;}
@-webkit-keyframes animate-bnr{from {bottom:-50px;opacity:0} to{bottom:0;opacity:1}}
@keyframes animate-bnr{from {bottom:-50px;opacity:0} to{bottom:0;opacity:1}}

.animate-bnr1 {position:relative;-webkit-animation:animate-bnr1 0.2s; animation:animate-bnr1 0.2s; animation-delay:;animation-fill-mode: both;}
@-webkit-keyframes animate-bnr1{from {top:-50px;opacity:0} to{top:0;opacity:1}}
@keyframes animate-bnr1{from {top:-50px;opacity:0} to{top:0;opacity:1}}

.animatebtm {position:relative;-webkit-animation:animatebtm 1s; animation:animatebtm 1s;}
@-webkit-keyframes animatebtm{from {bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
@keyframes animatebtm{from {bottom:-300px;opacity:0} to{bottom:0;opacity:1}}

.animatebtm1 {position:relative;-webkit-animation:animatebtm1 0.5s; animation:animatebtm1 0.5s;}
@-webkit-keyframes animatebtm1{from {bottom:-50px;opacity:0} to{bottom:0;opacity:1}}
@keyframes animatebtm1{from {bottom:-50px;opacity:0} to{bottom:0;opacity:1}}

.fadeEffect {position:relative;-webkit-animation:fadeEffect 1s; animation:fadeEffect 1s;}
@-webkit-keyframes fadeEffect{from {opacity:0} to{opacity:1}}
@keyframes fadeEffect{from {opacity:0} to{opacity:1}}

.fadeEffect1 {position:relative;-webkit-animation:fadeEffect 2s; animation:fadeEffect 2s;}
@-webkit-keyframes fadeEffect{from {opacity:0} to{opacity:1}}
@keyframes fadeEffect{from {opacity:0} to{opacity:1}}

#counter{
  width: 100px;
	height: 100px;
	background: red;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
  float:left;
  margin:5px;
}
.count
{
  line-height: 100px;
  color:white;
  margin-left:30px;
  font-size:25px;
}