@import url('ennavigation.css');
@import url('cycle-slideshow.css');
@import url('tabs.css');
@import url('font-awesome.css');
@import url('iconx.css');
@import url('iconz.css');
/* -----------------------------------------
   Testimonial Slider (easySlider.js)
----------------------------------------- */
.slider-wrapper{position:relative;height:200px}
.slider-ul{list-style:none;margin:0;padding:0}
.slider-ul li{position:absolute;display:block;top:0;left:0}
.slider-footer{position:absolute;top:10px;left:20px;float:left!important}
.slider-footer a{color:#fff!important;height:16px!important;width:16px!important;display:block;float:left!important;text-indent:-8000px;background-image:url(../images_g/button.png);outline:0;line-height:0;margin:0;padding:0}
.slider-footer .active-link{color:red!important;background-position:right bottom}
.footer-buttons{float:left;list-style:none}
#btnLeft{height:18px!important;width:18px!important;text-indent:-8000px;display:block;background-image:url(../images_g/left.png)}
#btnRight{height:18px!important;width:18px!important;text-indent:-8000px;display:block;background-image:url(../images_g/right.png)}
.div-left{position:absolute;right:20px;z-index:9999;top:-13px}
.div-right{position:absolute;right:0;z-index:9999;top:-13px}


/* -----------------------------------------
   Newsticker (jquery.newsticker.js)
----------------------------------------- */
.news_ticker ul { list-style: none; margin: 10px 0; padding: 0px; width: 100%; height: 120px !important; overflow: hidden; /* Not required but recommended for accessibility when JavaScript is turned off */ position: relative; }



/* -----------------------------------------
   Recent Posts Box
----------------------------------------- */
.post-container { margin: 0; padding: 5px; overflow: auto; }
.post-thumb { float: left }
.post-thumb img { display: block; width: 50px; height: 50px; margin: 14px 5px 0 0; }
.last { margin-left: 55pxfont-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; text-transform: none; text-decoration: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.5; padding-bottom: 8px; margin-bottom: 2px; border-bottom:0 !important;}
.post-content { margin-left: 55pxfont-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; text-transform: none; text-decoration: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.5; padding-bottom: 8px; margin-bottom: 2px; border-bottom: 4px double #ddd; }
.post-content h3.post-snip {text-decoration:none; margin:0 0 2px 0 !important; line-height:1;padding-top:0 !important;}
.post-content h3.post-snip a {text-decoration:none; margin:0 0 2px 0 !important; line-height:1;padding-top:0 !important;}
.post-content a { color: #888; font-family: 'Rokkitt', serif; font-style: normal; font-weight: 400; font-size: 13px; text-transform:uppercase;}
.post-content a:hover { color: #999 }


/* -----------------------------------------
   Post Teaser
----------------------------------------- */


div.teaser { width: 100%; position: relative; margin-bottom: 1em; }
div.teaser-content { height: 100%; margin-left: 70px; padding: 0.5em; background: #FFF; }
div.teaser-content h2 { margin: 0; font-size: 16px; }
span.teaser-date { width: 70px; padding: 8px; position: absolute; top: 0; left: 0; background: #888; color: white; font-weight: bold; display: block; border-radius: 6px 0 0 6px; text-align: center; line-height: 1.2; }
span.day { font-size: 24px; color: #FFF; text-transform: uppercase; text-align: center; }
span.month-year { display: block; text-transform: uppercase; text-align: center; font-size: 16px; }
span.month-comments { color: #888; display: block; text-transform: uppercase; text-align: center; font-size: 11px; }

/* -----------------------------------------
   Author Box
----------------------------------------- */
.call-container { margin: 0; padding: 5px; overflow: auto; }
.call-thumb { float: left }
.call-thumb img{-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15);-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15);background: #fff; display: block;border: 1px solid #DDD;box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15);padding: 2px; width: 125px; height: 125px; margin: 2px 5px 0 0;}
.call-content { margin-left: 135px; font-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; text-transform: none; text-decoration: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.5; margin-bottom: 5px; }
.call-title { font-family: "Rokkitt", serif; font-weight: 400; font-style: normal; color: #555; text-transform: uppercase; text-rendering: optimizeLegibility; line-height: 1.1; font-size: 21px !important; }
.call-title a { color: #888; font-family: 'Rokkitt', serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 22px !important; }
.call-content a { color: #888; font-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; }
.call-content a:hover { color: #999 }


/* -----------------------------------------
   Comments
----------------------------------------- */
.comment-container { margin-bottom: 20px; padding: 5px; overflow: auto; }
.comment-reply-container { margin-bottom: 20px; margin-left: 90px; padding: 5px; overflow: auto; }
.comment-thumb { float: left }
.comment-thumb img { -moz-box-shadow: 0 0 10px -5px #000;-webkit-box-shadow: 0 0 10px -5px #000;box-shadow: 0 0 10px -5px #000;display: block; padding: 0px; width: 80px; height: 80px; margin: 2px 5px 0 0; background: #141414; }
.comment-content { margin-left: 90px; font-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; text-transform: none; text-decoration: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.5; margin-bottom: 5px; }
.comment-title { color: #333; font-family: 'Rokkitt', serif !important; font-style: normal; font-weight: 400; font-size: 18px !important; }
.comment-title a { color: #333; font-family: 'Rokkitt', serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 18px !important; }
.comment-content a { color: #333; font-family: "Source Sans Pro",  sans-serif; font-style: normal; font-weight: 400; font-size: 13px; }
.comment-content a:hover { color: #666 }
.blog_img { float: left; margin: 0 5px 0 0; width: 50px; height: 60px; padding-top: 10px; }
.blog_snip p { }


/* -----------------------------------------
   Contact Form
----------------------------------------- */
#ajax-form { margin-left: auto; margin-right: auto; margin-top: 30px; }
label { display: block }
input, textarea { width: 100%; margin-bottom: 5px; padding: 5px; }
.error { color: red; display: none; }
#ajaxsuccess { color: green; display: none; margin-left: auto; margin-right: auto; margin-top: 30px; }


/* -----------------------------------------
   Tags
----------------------------------------- */
ul.tags { margin: 0; padding: 0; list-style: none; overflow: hidden; }
ul.tags li { margin: 2px; padding: 10px 6px 0 0; list-style: none; float: left; display: block; font-size: 12px; color: #FFF !important; }
ul.tags li a { display: block; margin: 2px; padding: 4px 10px; background: #666; border-radius: 4px; transition: all 0.2s ease-out; color: #FFF !important; }
ul.tags li a:hover { background: #999 }



/* -----------------------------------------
   Timeline
----------------------------------------- */
.timeline {padding-top:40px;background:url(../images_g/timeline.png) center top no-repeat;}
.timeline dt{width:75%;display: inline-block; margin: 0px; padding: 4px 10px; background: #666; border-radius: 4px; transition: all 0.2s ease-out; color: #FFF !important; font-size:46px; position:relative;}
.timeline dt:hover{cursor:pointer; background:#999;}
.timeline dd{padding:0 0 5px 30px;position:relative;color:#444; border-bottom:4px double #ddd;}
.timeline .hover{color:#666;text-decoration:none}


/* -----------------------------------------
   Toggle
----------------------------------------- */
.toggle {padding-top:20px}
.toggle dt{color:#444;background:url(../images_g/down.png) 0 4px no-repeat;padding:3px 0 15px 30px;position:relative;}
.toggle dt:hover{cursor:pointer}
.toggle dd{background:url(../images_g/rightt.png) 0 2px no-repeat;padding:0 0 5px 30px;position:relative;color:#444}
.toggle .hover{color:#666;text-decoration:none}

/* -----------------------------------------
   Services Blocks with Icons
----------------------------------------- */
.service { border-top: 2px solid transparent }
.service:hover { background: #FFF; border-top: 2px solid #666; background: #fff url(../images_g/service_bg.png) no-repeat center -2px; }
.icon_bg { background: #666; border: 5px solid rgba(0, 0, 0, 0.1); width: 60px; height: 60px; margin: 40px auto 20px auto; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; padding: 2px; }
.icon_bg p { font-size: 32px !important; margin: 0 !important; text-align: center; color: white; text-shadow: none; }
.icon_big_bg { background: #666; width: 95px; height: 95px; margin: 40px auto 20px auto; border-radius: 95px; -moz-border-radius: 95px; -webkit-border-radius: 95px; padding: 2px; }
.icon_big_bg p { font-size: 56px !important; margin: 0 !important; text-align: center; color: white; text-shadow: none; }




/*----------------------------------------  BLOCKS 
.xp_pink {background: rgba(25,25,112,.5);}
.xp_gold {background: rgba(255,215,0,.5);}
.xp_orange {background: rgba(255,69,0,.5);}
.xp_green {background: rgba(0,100,0,.5);}
.xp_purple {background: rgba(128,0,128,.5);}
.xp_blue {background: rgba(0,139,139,.5);} */
.plus-icon{background: url(../images_g/plus-icon.png) no-repeat; top:0%; left:50%; margin-left:-15px;   width: 30px; height: 30px; position: absolute; clear: both; z-index: 1;  -moz-transition: all .3s ease-in;-o-transition: all  .3s ease-in;-webkit-transition: all  .3s ease-in;transition: all  .3s ease-in; }
.entry:hover .plus-icon{ opacity:1; top:30%; left:50%; display: block; }

/* -----------------------------------------
   Image Hovers and Styles
----------------------------------------- */
.framed { -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); background: #fff; border: 1px solid #DDD; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); margin: 0; padding: 2px; }
.round_framed { -webkit-transition: .5s all ease-in-out; -moz-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out; -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); background: #fff; border: 1px solid #DDD; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); margin: 0; padding: 4px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; }
.round_framed:hover { -moz-box-shadow: 0 0 5px -2px #000; -webkit-box-shadow: 0 0 5px -2px #000; box-shadow: 0 0 5px -2px #000; }
.shadow { width: 100%; margin: 0; padding: 40px 0 10px 0; background: url("../images_g/sep.html") no-repeat scroll center top transparent; }
.thumb.round, .thumb.round a.image-link, .thumb.round img, .thumb.round a.image-link:before { -webkit-border-radius: 0%; -moz-border-radius: 0%; -o-border-radius: 0%; border-radius: 0%; }
.thumb a.image-link:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.thumb a.image-link:hover:before { opacity: .2; filter: alpha(opacity=20); }
.thumb .info { text-align: center }
.thumb { margin-bottom: 1.5em; max-width: 100%; background: rgba(0,0,0,0);}
.thumb a.image-link, .thumb img { display: inline-block; max-width: 100%; }
.thumb .icon-zoom, .thumb .icon-link, .thumb .icon-video, .thumb .icon-image { text-align: center; position: absolute; top: 31%; left: 50%; display: block; width: 64px; height: 64px; margin-left: -31px; margin-top: -31px; background: url(../images_g/link_icon.png) no-repeat -999px 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.thumb .icon-zoom { background: url(../images_g/zoom_icon.png) no-repeat }
.thumb .icon-link { background: url(../images_g/link_icon.png) no-repeat }
.thumb .icon-video { background: url(../images_g/video_icon.png) no-repeat }
.thumb .icon-image { background: url(../images_g/image_icon.png) no-repeat }
.thumb a.image-link:hover span { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; text-align: center; }
.thumb .info { margin-top: .75em }
.thumb .info h4 { margin-bottom: .2em }
.thumb .info h4 a { margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.thumb .info em { padding-top: 7px; display: block; color: #919191; font-size: 1.4rem; }


/* -----------------------------------------
   Footer Socials
----------------------------------------- */
#social_links { width: 100%; overflow: hidden; }
#social_links ul { list-style: none; position: relative; float: left; display: block; left: 50%; }
#social_links ul li { position: relative; float: left; display: block; right: 50%; width:40px; height:40px; border-radius:100%;/* background:#ddd;*/ text-align:center;margin:7px; padding-top:0px;-moz-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}
#social_links ul li:hover { margin-top:2px;}
.ico_twitter, .ico_facebook, .ico_google, .ico_vimeo, .ico_dribble,.ico_deviantart, .ico_flickr { font-size:22px; color: #333 !important; margin:0;}
.ico_twitter:hover { color: #33ccff !important; }
.ico_facebook:hover { color: #3B5998 !important; }
.ico_google:hover { color: #C83929 !important; }
.ico_vimeo:hover { color: #DAFA2D !important; }
.ico_dribble:hover { color: #C82F68 !important; }
.ico_deviantart:hover { color: #53695D !important; }
.ico_flickr:hover { color: #FF0084 !important; }



/* -----------------------------------------
   Image Styles
----------------------------------------- */
.image-wrap { margin-right: 5px; margin-bottom: 5px; }
.img-box { margin: 0 }
.image-wrap { position: relative; display: inline-block; max-width: 100%; vertical-align: bottom; }
/* image-wrap:after pseudo element (overlaying container) */
.image-wrap:after { content: ' '; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; border: solid 1px #1b1b1b; -wekbit-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3); box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.image-wrap img { vertical-align: bottom; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4); box-shadow: 0 1px 2px rgba(0,0,0,.4); -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; }
/* embossed */
.embossed .image-wrap:after { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -6px 0 rgba(0,0,0,.6), inset 0 -7px 0 rgba(255,255,255,.3); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -6px 0 rgba(0,0,0,.6), inset 0 -7px 0 rgba(255,255,255,.3); box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -6px 0 rgba(0,0,0,.6), inset 0 -7px 0 rgba(255,255,255,.3); }
/* soft embossed */
.soft-embossed .image-wrap:after { -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,1), inset 0 1px 1px rgba(255,255,255,.5), inset 0 -6px 2px rgba(0,0,0,.6), inset 0 -8px 2px rgba(255,255,255,.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,1), inset 0 1px 1px rgba(255,255,255,.5), inset 0 -6px 2px rgba(0,0,0,.6), inset 0 -8px 2px rgba(255,255,255,.3); box-shadow: inset 0 0 3px rgba(0,0,0,1), inset 0 1px 1px rgba(255,255,255,.5), inset 0 -6px 2px rgba(0,0,0,.6), inset 0 -8px 2px rgba(255,255,255,.3); }
/* cutout or pressed */
.cutout .image-wrap:after { -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 2px rgba(0,0,0,.6); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 2px rgba(0,0,0,.6); box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 2px rgba(0,0,0,.6); }
/* glossy */
.glossy .image-wrap:before { position: absolute; content: ' '; width: 100%; height: 50%; top: 0; left: 0; -webkit-border-top-left-radius: 1000px; -webkit-border-top-right-radius: 1000px; -moz-border-radius-topleft: 1000px; -moz-border-radius-topright: 1000px; border-top-left-radius: 1000px; border-top-right-radius: 1000px; background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,.15) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,.15))); background: linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,.15) 100%); }


/* -----------------------------------------
   Curcular Portfolio Zoom Hover
----------------------------------------- */
.port_head { position: relative; margin-bottom: 120px; z-index: 60; }
.ch-grid { top: -160px; position: absolute; margin: 0px 0 0  0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; }
.ch-grid:after, .ch-item:before { content: ''; display: table; }
.ch-grid:after { clear: both }
.ch-grid li { width: 180px; height: 180px; display: inline-block; margin: 10px; }
.ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; box-shadow: inset 0 0 0 0 rgba(0,0,0, 0.4), inset 0 0 0 10px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.ch-img-1 { background-image: url("../images_g/port_head.jpg") }
.ch-info { position: absolute; width: 100%; height: 100%; border-radius: 50%; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-backface-visibility: hidden; /*for a smooth font */ }
.ch-info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 18px; margin: 0 30px; padding: 70px 0 0 0; height: 50px; font-family: 'Source Sans Pro', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }
.ch-info p { color: #fff; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); }
.ch-info p a { display: block; color: #ddd; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 26px; letter-spacing: 1px; padding-top: 10px; font-family: "Source Sans Pro", Arial, sans-serif; }
.ch-info p a:hover { color: #FFF; color: rgba(255,255,255, 0.8); }
.ch-item:hover { box-shadow: inset 0 0 0 110px rgba(0,0,0, 0.2), inset 0 0 0 10px #fff, 0 1px 2px rgba(0,0,0,0.1) }


/* -----------------------------------------
   Button
----------------------------------------- */
.push { cursor:pointer;display: inline-block; nowhitespace: afterproperty; margin: -10px; padding: 8px 15px; background: #555; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; transition: all 0.2s ease-out; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.3), 0 0 4px 1px rgba(0,0,0,0.1); /* Font styles */ color: #FFF; text-decoration: none;  }
.push:hover { background: #999; color: #FFF; }
.push:active { color: #DDD; -moz-box-shadow: inset 0 0 3px 1px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0 0 3px 1px rgba(255,255,255,0.5); box-shadow: inset 0 0 3px 1px rgba(255,255,255,0.5); border: 1px solid rgba(0,0,0,0.1); }
.socle { position: relative; z-index: 2; }
.socle:after { content: ""; z-index: -1; position: absolute; border-radius: 6px; box-shadow: inset 0 1px 0 rgba(0,0,0,0.15), inset 0 -1px 0 rgba(255,255,255,0.1); top: -6px; bottom: -6px; right: -6px; left: -6px; background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.15)); }


/* -----------------------------------------
   Index Top Blocks
----------------------------------------- */
.blocky { -moz-box-shadow: 0 8px 11px -4px #F2F2F2; -webkit-box-shadow: 0 8px 11px -4px #F2F2F2; box-shadow: 0 8px 11px -4px #F2F2F2; background: transparent; border: 4px double #ddd; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin-bottom: 20px; padding: 8px; /*height:531px;*/ }
.blocky:hover { -moz-box-shadow: 0 0 5px -2px #000; -webkit-box-shadow: 0 0 5px -2px #000; box-shadow: 0 0 5px -2px #000; background: transparent; }
.blocky p { color: #444 }
.blocky h5 a { font-size: 18px; color: #444; text-align: center; }
.blocky h5 a:hover { font-size: 18px; color: #333; }
.blocky:hover h5 a { color: #333 }
.blocky h1 { font-size: 62px; color: #444; }
.blocky:hover h1 { color: #888 }
.blocky:hover p { color: #888 }



/* -----------------------------------------
   Sections 
----------------------------------------- */
header { position: absolute; top: 0px; left: 0px; height: 40px; padding-top: 0px; -webkit-transition: background linear 0.2s; -moz-transition: background linear 0.2s; -o-transition: background linear 0.2s; -ms-transition: background linear 0.2s; transition: background linear 0.2s; width: 100%; z-index: 60; }
/*section.hero2 { -webkit-background-clip: border-box; -moz-background-clip: border-box; background-clip: border-box; background-color: #fff; background-attachment: fixed; background-origin: padding-box; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position: relative; z-index: 50; min-height: 500px; -moz-box-shadow: inset 0 0 17px -1px #f1f1f1; -webkit-box-shadow: inset 0 0 17px -1px #f1f1f1; box-shadow: inset 0 0 17px -1px #f1f1f1; }*/
section.hero2 { -webkit-background-clip: border-box; -moz-background-clip: border-box; background-clip: border-box; background-color: #fff; background-image: url("../images_g/top_bg.jpg"); background-origin: padding-box; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position: relative; z-index: 50; min-height: 400px; -moz-box-shadow: inset 0 0 17px -1px #f1f1f1; -webkit-box-shadow: inset 0 0 17px -1px #f1f1f1; box-shadow: inset 0 0 17px -1px #f1f1f1; }
section.hero2_pages { -webkit-background-clip: border-box; -moz-background-clip: border-box; background-clip: border-box; background-color: #fff; background-image: url("../images_g/top_bg.jpg"); background-origin: padding-box; background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position: relative; z-index: 50; min-height: 250px; -moz-box-shadow: inset 0 0 17px -1px #f1f1f1; -webkit-box-shadow: inset 0 0 17px -1px #f1f1f1; box-shadow: inset 0 0 17px -1px #f1f1f1; }
section.hero { -webkit-background-clip: border-box; -moz-background-clip: border-box; background-clip: border-box; background-color: #fff; background-image: url("../images_g/section_hero.jpg"); background-attachment: fixed; background-origin: padding-box; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position: relative; z-index: 50; min-height: 300px; -moz-box-shadow: inset 0 0 17px -1px #f1f1f1; -webkit-box-shadow: inset 0 0 17px -1px #f1f1f1; box-shadow: inset 0 0 17px -1px #f1f1f1; }
section.navigation { position: relative; z-index: 75; width: 100%; background: #000; margin: 0; padding: 0; -moz-box-shadow: inset 0 8px 21px -7px #000;-webkit-box-shadow: inset 0 8px 21px -7px #000;box-shadow: inset 0 8px 21px -7px #000;}
section.services { position: relative; z-index: 45; width: 100%; background: #fff; margin: 0; padding: 50px 5px 20px 5px; -moz-box-shadow: inset 0 5px 18px -13px #000; -webkit-box-shadow: inset 0 5px 18px -13px #000; box-shadow: inset 0 5px 18px -13px #000; }
section.services_home { position: relative; z-index: 45; width: 100%; background: #fff !important; margin: 0; padding: 35px 0 120px 0; -moz-box-shadow: inset 0 5px 18px -13px #000; -webkit-box-shadow: inset 0 5px 18px -13px #000; box-shadow: inset 0 5px 18px -13px #000; }
section.slab { position: relative; z-index: 46; width: 100%; background: #000 url('../images_g/bg_slab.png'); margin: 0; padding: 60px 0 120px; 0; -moz-box-shadow: inset 0 8px 21px -7px #000;-webkit-box-shadow: inset 0 8px 21px -7px #000;box-shadow: inset 0 8px 21px -7px #000;}
section.slab .badge { border:1px solid #111;-moz-box-shadow: inset 0 0 10px 1px #000;-webkit-box-shadow: inset 0 0 10px 1px #000;box-shadow: inset 0 0 10px 1px #000;display: block; left: 50%; margin-left: -40px; width: 80px; height: 80px; border-radius: 100%; background: #333; vertical-align: middle; text-align: center; line-height: 0; font-size: 42px; color: #666; top: -40px; position: absolute; padding-top: 15px; }
section.portfolio { background-color: #bbb; /*background-image:url(../images_g/gallery.jpg);*/ width: 100%; -moz-box-shadow: inset 0 0 17px -1px #000; -webkit-box-shadow: inset 0 0 17px -1px #000; box-shadow: inset 0 0 17px -1px #000; }
section.portfolio2 { background-color: #bbb; /*background-image: url('../images_g/gallery.jpg');*/ width: 100%; -moz-box-shadow: inset 0 0 17px -1px #000; -webkit-box-shadow: inset 0 0 17px -1px #000; box-shadow: inset 0 0 17px -1px #000; }
section.recent { background-attachment: fixed; -webkit-background-clip: border-box; -moz-background-clip: border-box; background-clip: border-box; background-color: #bbb; background-origin: padding-box; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; padding: 60px 0px; position: relative; z-index: 47; }
section.footer_head { position: relative; z-index: 9; width: 100%; background: #222 url('../images_g/bg_body.jpg'); margin-bottom: 30px; padding: 60px 0 20px 0; -moz-box-shadow: inset 0 5px 18px -13px #000; -webkit-box-shadow: inset 0 5px 18px -13px #000; box-shadow: inset 0 5px 18px -13px #000; }
@media only screen and (max-width: 481px) {
section.footer_head { width: 100%; background: #222 url('../images_g/bg_body.jpg'); margin-bottom: 0; padding: 60px 0 20px 0; -moz-box-shadow: inset 0 5px 18px -13px #000; -webkit-box-shadow: inset 0 5px 18px -13px #000; box-shadow: inset 0 5px 18px -13px #000; }
}
/* Footer
================================================== */
footer{background: url('../images_g/bg_body.png') repeat fixed center bottom;height:auto;width: 100%; left: 0; /*position: fixed;*/ bottom: 0; z-index: -1; }
/*@media only screen and (max-width: 481px) {
footer{background: url('../images_g/bg_body.png') repeat center top; padding:30px 0 30px 0; position: relative;}
}*/
/* Footer Item List ---------------------- */
ul.base-location { display: block; list-style: none; margin: 0; padding: 5px 0;}
ul.base-location li { font-weight: normal; display: block; list-style: none; margin: 0 0 4px 0; color: #4d4d4d; line-height:18px;}
ul.base-location li a { display: block; background: #ddd;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;	}
ul.base-location li.active a { color: #4d4d4d; font-weight: normal; }
ul.base-location li a:hover { color: #f2f2f2 !important; font-weight: normal; }
ul.base-location li.divider { border: inset #111; border-width: 1px 0 0; clear: both; padding: 0; margin: 5px 0 5px; height: 0; -moz-box-shadow: 0 1px 0 0 #444;-webkit-box-shadow: 0 1px 0 0 #444;box-shadow: 0 1px 0 0 #444;}
ul.base-location li:first-child{color:#4d4d4d; font-weight:200;font-size:14px;}
footer p {font-weight: normal; display: block; list-style: none; margin: 0 0 8px 0; color: #4d4d4d; }
footer h6{letter-spacing:.9px;line-height:16px;color:#ddd;margin-bottom:15px;text-transform:uppercase;}
.baselinks {-moz-box-shadow: 0 -5px 10px -9px #000;-webkit-box-shadow: 0 -5px 10px -9px #000;box-shadow: 0 -5px 10px -9px #000;}
hr.foot {border: inset #111; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; -moz-box-shadow: 0 1px 0 0 #444;-webkit-box-shadow: 0 1px 0 0 #444;box-shadow: 0 1px 0 0 #444;}



/*---------------------------------------------------------
	Matrix (Dotted coverall)
-------------------------------------------------------- */
.matrix-wrapper { position: relative }
.matrix_bg { background: #333 url(../images_g/matrix.png); width: 100%; height: 100%; opacity: 0.1; }
.matrix { position: absolute; background: url(../images_g/matrix.png); top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; z-index: 1; opacity: 0.2; }



/*---------------------------------------------------------
	Entry Image Blocks
-------------------------------------------------------- */
.entry .default-icon, .entry .image-icon, .entry .video-icon, .entry .note-icon, .entry .link-icon {margin-bottom: -110px;}
.image .entry-details { border: 1px solid #1c1c1c; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background-color: #000; }
article.entry figure.image-frame, .image figure.image-frame { display: block; margin: 0 auto; }
.plus-icon{opacity:0; background: url(../images_g/plus-icon.png) no-repeat; top:0%; left:50%; margin-left:-15px;   width: 30px; height: 30px; position: absolute; clear: both; z-index: 1;  -moz-transition: all .3s ease-in;-o-transition: all  .3s ease-in;-webkit-transition: all  .3s ease-in;transition: all  .3s ease-in; }
.entry:hover .plus-icon{ opacity:1; top:30%; left:50%; display: block;  }
.default-icon { width: 58px; height: 50px; top: -2px; left: 8px; float: left; display: block; position: relative; clear: both; z-index: 1; background: url(../images_g/default-icon.png) no-repeat; padding-right: 11px; padding-right: 0.846rem; margin-bottom: -34px; margin-bottom: -2.615rem; }
.image-icon { width: 58px; height: 50px; top: -2px; left: 8px; float: left; display: block; position: relative; clear: both; z-index: 1; background: url(../images_g/image-icon.png) no-repeat; padding-right: 11px; padding-right: 0.846rem; margin-bottom: -34px; margin-bottom: -2.615rem; }
.video-icon { width: 58px; height: 50px; top: -2px; left: 8px; float: left; display: block; position: relative; clear: both; z-index: 1; background: url(../images_g/video-icon.png) no-repeat; padding-right: 11px; padding-right: 0.846rem; margin-bottom: -34px; margin-bottom: -2.615rem; }
.note-icon { width: 58px; height: 50px; top: -2px; left: 8px; float: left; display: block; position: relative; clear: both; z-index: 1; background: url(../images_g/note-icon.png) no-repeat; padding-right: 11px; padding-right: 0.846rem; margin-bottom: -34px; margin-bottom: -2.615rem; }
.link-icon { width: 58px; height: 50px; top: -2px; left: 8px; float: left; display: block; position: relative; clear: both; z-index: 1; background: url(../images_g/link-icon.png) no-repeat; padding-right: 11px; padding-right: 0.846rem; margin-bottom: -34px; margin-bottom: -2.615rem; }
.entry:hover figure {opacity:0.1; }
 article.entry { min-height: 72px; width: 100%; background-color: #111; background-image: url(../images_g/bg_entry.png); border: 1px solid #1c1c1c; border-top: 1px solid #0d0d0d; zoom: 1; -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); margin-bottom: 42px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: -1px -1px rgba(0, 0, 0, 0.8); float: left; clear: left; }
.entry-details { border: 1px solid #222; zoom: 1; text-shadow: -1px -1px rgba(0, 0, 0, 0.8); font-size: 11px; }
.entry-details:after { clear: both }
.entry-details:before { border-top: 1px solid #333333; display: block; }
.entry-details section { text-align: center; padding: 12px; padding: 0.923rem; }
.entry-details section a { color: #ddd}
.entry-details section a:hover { color: #FFF }
.entry-details section p { margin-bottom: 0; text-transform: uppercase; font-size: 12px; text-shadow: -1px -1px rgba(0, 0, 0, 0.8);}
figure.image-frame { display: inline-block; margin-bottom: 0; line-height: 0; max-width: 100%; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; zoom: 1; }
figure.image-frame:before, figure.image-frame:after { display: table; content: ""; }
figure.image-frame:after { clear: both }
figure.image-frame img { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; pointer-events: auto; opacity:1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;-o-transition: opacity .25s ease-in-out;}
figure.image-frame span.image-shadow { pointer-events: none; display: inline-block; position: relative; max-width: 100%; }
figure.image-frame span.image-shadow:before { content: ''; position: absolute; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }

				
/* -----------------------------------------
   Scrollup Plugin
----------------------------------------- */
.scrollup { z-index-100; width: 32px; height: 32px; text-indent: -9999px; opacity: 0.3; position: fixed; bottom: 20px; right: 20px; display: none; background: url('../images_g/icon_top.png') no-repeat; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.scrollup:hover { opacity: 1 }



/* -----------------------------------------
   Inline CSS Shortcodes
----------------------------------------- */
.vam {vertical-align:middle !important;}
.ptp20 { padding-top:20% !important; }
.p0 { padding:0px !important; }
.p1 { padding:1px !important; }
.p2 { padding:2px !important; }
.p3 { padding:3px !important; }
.p4 { padding:4px !important; }
.p5 { padding:5px !important; }
.p6 { padding:6px !important; }
.p7 { padding:7px !important; }
.p8 { padding:8px !important; }
.p9 { padding:9px !important; }
.p10 { padding:10px !important; }
.p15 { padding:15px !important; }
.p20 { padding:20px !important; }
.p25 { padding:25px !important; }
.p30 { padding:30px !important; }
.p35 { padding:35px !important; }
.p40 { padding:40px !important; }
.p45 { padding:45px !important; }
.p50 { padding:50px !important; }
.pt0 { padding-top:0px !important; }
.pt1 { padding-top:1px !important; }
.pt2 { padding-top:2px !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt6 { padding-top:6px !important; }
.pt7 { padding-top:7px !important; }
.pt8 { padding-top:8px !important; }
.pt9 { padding-top:9px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pr0 { padding-right:0px !important; }
.pr1 { padding-right:1px !important; }
.pr2 { padding-right:2px !important; }
.pr3 { padding-right:3px !important; }
.pr4 { padding-right:4px !important; }
.pr5 { padding-right:5px !important; }
.pr6 { padding-right:6px !important; }
.pr7 { padding-right:7px !important; }
.pr8 { padding-right:8px !important; }
.pr9 { padding-right:9px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }
.pb0 { padding-bottom:0px !important; }
.pb1 { padding-bottom:1px !important; }
.pb2 { padding-bottom:2px !important; }
.pb3 { padding-bottom:3px !important; }
.pb4 { padding-bottom:4px !important; }
.pb5 { padding-bottom:5px !important; }
.pb6 { padding-bottom:6px !important; }
.pb7 { padding-bottom:7px !important; }
.pb8 { padding-bottom:8px !important; }
.pb9 { padding-bottom:9px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
.pl0 { padding-left:0px !important; }
.pl1 { padding-left:1px !important; }
.pl2 { padding-left:2px !important; }
.pl3 { padding-left:3px !important; }
.pl4 { padding-left:4px !important; }
.pl5 { padding-left:5px !important; }
.pl6 { padding-left:6px !important; }
.pl7 { padding-left:7px !important; }
.pl8 { padding-left:8px !important; }
.pl9 { padding-left:9px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }

.m0a { margin:0 auto !important; }
.m0 { margin:0px !important; }
.m1 { margin:1px !important; }
.m2 { margin:2px !important; }
.m3 { margin:3px !important; }
.m4 { margin:4px !important; }
.m5 { margin:5px !important; }
.m6 { margin:6px !important; }
.m7 { margin:7px !important; }
.m8 { margin:8px !important; }
.m9 { margin:9px !important; }
.m10 { margin:10px !important; }
.m15 { margin:15px !important; }
.m20 { margin:20px !important; }
.m25 { margin:25px !important; }
.m30 { margin:30px !important; }
.m35 { margin:35px !important; }
.m40 { margin:40px !important; }
.m45 { margin:45px !important; }
.m50 { margin:50px !important; }
.mt0 { margin-top:0px !important; }
.mt1 { margin-top:1px !important; }
.mt2 { margin-top:2px !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt6 { margin-top:6px !important; }
.mt7 { margin-top:7px !important; }
.mt8 { margin-top:8px !important; }
.mt9 { margin-top:9px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mr0 { margin-right:0px !important; }
.mr1 { margin-right:1px !important; }
.mr2 { margin-right:2px !important; }
.mr3 { margin-right:3px !important; }
.mr4 { margin-right:4px !important; }
.mr5 { margin-right:5px !important; }
.mr6 { margin-right:6px !important; }
.mr7 { margin-right:7px !important; }
.mr8 { margin-right:8px !important; }
.mr9 { margin-right:9px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.mb0 { margin-bottom:0px !important; }
.mb1 { margin-bottom:1px !important; }
.mb2 { margin-bottom:2px !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb6 { margin-bottom:6px !important; }
.mb7 { margin-bottom:7px !important; }
.mb8 { margin-bottom:8px !important; }
.mb9 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.ml0 { margin-left:0px !important; }
.ml1 { margin-left:1px !important; }
.ml2 { margin-left:2px !important; }
.ml3 { margin-left:3px !important; }
.ml4 { margin-left:4px !important; }
.ml5 { margin-left:5px !important; }
.ml6 { margin-left:6px !important; }
.ml7 { margin-left:7px !important; }
.ml8 { margin-left:8px !important; }
.ml9 { margin-left:9px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml80 { margin-left:80px !important; }



.spacer2 {height:20px !important;}
.spacer3 {height:30px !important;}
.spacer4 {height:40px !important;}
.spacer5 {height:50px !important;}
.spacer6 {height:60px !important;}
.spacer7 {height:70px !important;}
.spacer8 {height:80px !important;}
.spacer9 {height:90px !important;}
.spacer10 {height:100px !important;}


/* -----------------------------------------
   Example Toggle (for demo pages only)
----------------------------------------- */
.example {padding:0 0 20px 0}
.example dt{text-align:right;color:#444;background:url(../images_g/source.png) right center no-repeat;padding:0 20px 0 0px;position:relative; }
.example dt:hover{cursor:pointer}
.example dd{padding:0;position:relative;color:#444}
.example .hover{color:#666;text-decoration:none}


.amin {
    padding: 0 10px;
	margin-left:25px;
    right: 10px;
    bottom: 10px;
    font-family: yekan;
    -ms-border-radius: 4px;
    border-radius: 4px;
    height: 20px;
    line-height: 21px;
	color:#974C4D;
	background-color:#907B7B;
}