/* Table of Content
	1 - Fonts									29 	-	33
	2 - Image Alignment							35 	-	56
	3 - PreLoader								57	-	60
	4 - Right Section							62	-	70
	5 - content Section							90	-	171
	6 - Services Section						173	-	260
	7 - Services Section End 					261	-	326
	8 - contact Section							327	-	359
	9 - inner-pages								360	-	377
	10 - Menu									379	-	405
	11 - Fancy Box								406	-	486
	12 - Smartphone + Blog						499 -  	573
 	13 - User comments Structure 				573-	585
	14 - Social Icons + menu respnosive			602	-	659
	15 - Blog Page				- 	blog-slide.css	
	16 - Responsive layout 		- 	bootstrap.css
	17 - CSS3 Background		- 	galaxy.css
	18 - Custom Scrollbar Styling - jquery.mCustomScrollbar.css
	19 - Menu					- 	menu.css
	20 - presentationCycle.css
	21 - Filteration			- 	quicksan.css
	22 - Full background Gallery - supersiz.css
	23 - screen00.css
*/

/* Fonts **/
@import url(http://fonts.googleapis.com/css?family=Armata);
@import url(http://fonts.googleapis.com/css?family=Dosis:500);
@import url(blog-slide.css);
body { overflow-x: hidden; background:#000; }
/* imgage alignment
----------------------------------------------------------------------------------------------------*/
.alignright { float: right; margin: 3px 0 0px 10px; width: auto; }
.alignleft { float: left; margin: 0px 20px 0px 0px; width: auto; }
.align { float: left; margin: 0 10px 0px 0; width: auto; }
a img { border: none; }
#container_wrapper img { max-width: 100%; height: auto; }
 *|*:focus {
 outline: none;
}

a{text-decoration:none; outline:none; color:#a29c9a;}
a:hover{ transition: width 1s; -moz-transition: 1s; /* Firefox 4 */ -webkit-transition: 1s; /* Safari and Chrome */ -o-transition: 1s; /* Opera */ text-decoration:underline; color:#d05056;}
a img:hover{ opacity:0.6; transition: width 1s; -moz-transition: 1s; /* Firefox 4 */ -webkit-transition: 1s; /* Safari and Chrome */ -o-transition: 1s; /* Opera */}


.thumb_img { float: left; margin: 0px 20px 0px 0px; }
.description { display:block; overflow:hidden; }
.clear { clear: both; display: block; height: 0; visibility: hidden; width: 100%; }
.img_bor { box-shadow:0 1px 3px rgba(0, 0, 0, 0.4); width:100%; }
.v_space { padding:0px 0px 40px 0px !important; overflow:hidden; }

/* dvLoading Section
----------------------------------------------------------------------------------------------------*/
#dvLoading { height: 100px; width: 100px; position: fixed; z-index: 9991; background:#fff url(page_loa.gif) no-repeat center center; width:100%; height:100%; }
#page_wrapper { width:100%; height:100%;}
/* rightSide Section
---------------------------------------------------------------------------------------------------*/
.sOcialmedia{ position:relative; display:block; width:100%; }
#jp_interface_1 a{ display:block; overflow:hidden; text-indent:-10000;}
li.volume { padding:26px 0;}
#fsbutton { width:30px; height:30px; border:0; background:url(../img/full-screen.png) no-repeat center center;           width: 30px;    z-index: 1111111111;}
.right_buttons{ right: 10px;    top: 10px; position: fixed; z-index:222;}
.right_buttons li{ list-style-type:none; display:block;}
#specialstuff { background:transparent; display:none; }
/* leftSide Section
----------------------------------------------------------------------------------------------------*/
.left-side-bar{ margin:0; float:left; background-color: rgb(0, 0, 0); background:url('../img/simple_dashed.png') top center repeat; position:absolute; height: auto; z-index:999; top:0; min-height:100%; height:auto%;}
.left-side-bar dd{ margin:0;}

#leftSide { float:left; z-index:5; }
#logo { position:relative; display:block; margin:60px 0 0; padding:25px; }
#sidebarmenu { position:relative; padding-top:25px; }
#sidebarmenu > li { display:block; padding-top:2px; }
#sidebarmenu > li a { display:inline-block; font-family: 'Oswald', Arial; color:#686563; font-weight:bold; text-decoration:none; }
.field-bar { margin:20px; background:#262626; overflow:hidden; }
.field-bar .input-bg { background:transparent; float:left; border:0; margin:0; width:65%; font-family: 'Dosis', sans-serif; font-size:1.000em; color:#636363; }
.field-bar .submit-btn { width:21px; height:21px; border:0; margin-right: 3px; margin-top: 4px; font-size:0; background:url(../img/submit-btn.png) no-repeat center center; float:right; }
.copy-right { color:#fff; font-family: 'Dosis', sans-serif; overflow:hidden; padding-top:20px; padding-bottom:20px; display:block; padding-left:10px;}

/* content Section
----------------------------------------------------------------------------------------------------*/
h2,
h3,
h4,
h5,
h6 { font-family: 'Armata', sans-serif; margin: 0 0 30px; text-transform: uppercase; }
.container-fluid h2 { font-size: 3.333em; text-transform: uppercase; margin:0 0 10px; }

.heading span { border-width:0; border-color:#F3D02E; border-style:solid; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
.heading.sub { max-width:80%; margin:0 auto; }
.heading.type-divider { overflow:hidden; text-align:center; }
.heading.type-divider .inner { position:relative; }
.heading.type-divider .inner > .helper-1,
.heading.type-divider .inner > .helper-2 { height:2px; width:25px; display:block; position:absolute; top:0.6em; }
.heading.type-divider .inner > .helper-1 { right:100%; border-width:0 0 0 999px; }
.heading.type-divider .inner > .helper-2 { left:100%; border-width:0 999px 0 0; }

.container-fluid h3 { font-size:3.000em; margin:0 0 10px; text-transform:uppercase;}
.container-fluid h4 { color:#ffd800; font-size:1.500em; text-transform:none; font-weight:normal; margin:0 0 18px; }

.bg-holder { position: fixed; width:100%; height:100%; }
.bg-holder img { width:100%; height:100%; }

.about-cap { margin:0 !important; }

.skils-bar { margin:0 0 40px; text-align:left; }
#content > ul > li .skils-bar p { font-size:15px; margin:0 0 10px; }

.skils-bar h5 { margin:0 0 5px; }
.skils-bar .progress { background-color: #252424; background-image:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height:15px; margin:0 0 5px; border:1px solid #33302e; padding:1px; }
.skils-bar .progress-warning.progress-striped .bar,
.skils-bar .progress-striped .bar-warning { background: #ffdf01; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZkZjAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNmZmQzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmNjMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNmZWQ3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmQyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiNmZmMxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmJiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MyUiIHN0b3AtY29sb3I9IiNmY2M3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFiYjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(45deg, #ffdf01 0%, #ffd300 8%, #ffcc02 25%, #fed700 33%, #ffd202 50%, #ffc100 58%, #ffbb00 75%, #fcc700 83%, #f1bb00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ffdf01), color-stop(8%, #ffd300), color-stop(25%, #ffcc02), color-stop(33%, #fed700), color-stop(50%, #ffd202), color-stop(58%, #ffc100), color-stop(75%, #ffbb00), color-stop(83%, #fcc700), color-stop(100%, #f1bb00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #ffdf01 0%, #ffd300 8%, #ffcc02 25%, #fed700 33%, #ffd202 50%, #ffc100 58%, #ffbb00 75%, #fcc700 83%, #f1bb00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #ffdf01 0%, #ffd300 8%, #ffcc02 25%, #fed700 33%, #ffd202 50%, #ffc100 58%, #ffbb00 75%, #fcc700 83%, #f1bb00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #ffdf01 0%, #ffd300 8%, #ffcc02 25%, #fed700 33%, #ffd202 50%, #ffc100 58%, #ffbb00 75%, #fcc700 83%, #f1bb00 100%); /* IE10+ */ background: linear-gradient(45deg, #ffdf01 0%, #ffd300 8%, #ffcc02 25%, #fed700 33%, #ffd202 50%, #ffc100 58%, #ffbb00 75%, #fcc700 83%, #f1bb00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdf01', endColorstr='#f1bb00', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.list-style { margin:0; padding:0; list-style:none; }
.list-style li { margin:0 0 5px; font-size:15px; font-family:'Dosis', sans-serif; background:url(../img/list-style.png) no-repeat 0 5px; padding-left:15px; }

.qouts { background:url(../img/qout-icon.png) no-repeat left top; padding-top:22px; }

.hover-div { height: 100%; left: 0; position: absolute; top: 0; width: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); display:none; }

.team-social-list { list-style:none; position: relative; top: 46%; margin:0; width:100%; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }
.team-social-list li { display:inline-block; margin:0 5px; }
.team-social-list li a { width:22px; height:22px; display:block; text-indent:-9999px; background:url(../img/team-s-icons.png) no-repeat center center; outline:none; }
.team-social-list li a.tweeter { background-position:0 0; }
.team-social-list li a.facebook { background-position:0 -38px; }
.team-social-list li a.linkdin { background-position:0 -76px; }
.team-img { position:relative; }
.team-img:hover .hover-div { display:block; cursor:pointer;}


.slide-nav-holder{ float:right; width:61px;}
.slide_pos{ position:relative; height:359px !important;margin-top: -1px;}
.b-post-cap{ position:absolute; bottom:0; left:0; background-color: rgb(255, 219, 23); background-color: rgba(255, 219, 23, 0.8); padding:15px 23px; width: 94.8%; text-align:left;}
.b-post-cap .date{ display:block; font-size:16px;}

.b-post-cap h3{ margin:0;}
.b-post-cap h3 a{ font-size:20px; color:#010101; text-transform:capitalize; float:none;}

.p-img-holder { float:left; position:relative; font-family: 'Armata', sans-serif; width:15.6%; }
.post-date { position:absolute; right:10%; top:10%; color:#000; }
.post-date .left { float: left; margin-right: 10px; font-size:4.000em; line-height: 48px; }
.post-date .right { float: left; font-size:1.500em; }
.post-det-box { float: left; margin-left: 2%; padding:1.3% 0; position: relative; width: 73%; }
.post-det-box a,
.post-det-box a.active { color:#fff!important; }
.post-det-box a:hover { color:#ffd800 !important; text-decoration:none; }
.post-det-box h3 { font-size:2.167em; margin:0 0 10px; }
.post-det-box p { margin:0; color:#8f8f8f; font-size:1.333em; }
.post-nav { background:#2D2C2C; height: 100%; margin: 0; list-style:none; float:right; }
.post-nav li { overflow:hidden; margin:14px 10px; }
.post-nav li a { width:32px; height:32px; display:block; text-indent:-9999px; background:url(../img/post-nav.png) no-repeat center center; text-align:center; font-weight:bold; color:#222; line-height: 22px; }
.post-nav li a.video-type { background-position:0 -1px; }
.post-nav li a.comments { background-position:0 -41px; text-indent:0px; }
.post-nav li a.read-more { background-position:0 -87px; }
.post-nav li a.share_ico { background:url('../img/conv.png') top center no-repeat; }

.pagination-bar { background:#ffd800; overflow:hidden; }
.pagination-bar ul { margin:0; padding:0; display:inline-block; font-size:1.167em; font-family: 'Dosis', sans-serif; }
.pagination-bar ul li { display:inline-block; padding:0 10px; }
.pagination-bar ul li a { line-height:40px; color:#000; }

/* Services Section
----------------------------------------------------------------------------------------------------*/
.services-holder { background:url(../img/services-bg.png) repeat; padding:40px; margin-bottom:40px; clear:both;}
.services-holder h3 { font-size:1.833em; }
.services-holder p { border-bottom:1px solid #f3d02e; margin:0!important; padding:0 0 15px; }
.services-holder h3 { margin:0; }
.serv-form { width:600px; margin:0 auto; }

.field-side { float:left; width:50%; }
.field-side input[type="text"],

.list-nav { color:#4e4e4e!important; background:#030201!important; border:1px solid #393331 !important; width:90%; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0 !important; font-family: 'Dosis', sans-serif !important; }
.list-nav { width:94%; }

.area-side textarea { color:#4e4e4e!important; font-family: 'Dosis', sans-serif !important; background:#030201!important; border:1px solid #393331 !important; min-width:90%; max-width:90%; max-height:100px; min-height:100px; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0 !important; }

.send-btn { background:#f3d02e; border:0; padding:6px 10px; text-align: right; width: 97% !important; font-family: 'Dosis', sans-serif; font-size:1.500em; }

.area-side { float:right; width:50%; }

.btn-holder {overflow:hidden; clear:both;}
.post-type{height: 49px; position: absolute; right: -61px; top: 0; width: 61px; background:url("../img/play-icon.png") no-repeat center center #171717; border-bottom:1px solid #918883; text-indent:-999px; overflow:hidden;}
.slides{ overflow:visible !important; margin-top:-1px;}


.btn-holder2 a.btn-1{ margin-right:17px;}
.btn-holder2 a.btn-1,
.btn-holder2 a.btn-2{ padding:15px 23px; text-transform:uppercase; font-size:13px;}

.rounded-icon { display:inline-block; *display:inline; zoom:1; text-align:center; width:100%; margin-bottom:5px; }
.rounded-icon span { display:inline-block; *display:inline;
zoom:1; border-radius:118px; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }
.rounded-icon span:hover { -moz-transform: scale(1.08) rotate(360deg) translate(0px); -webkit-transform: scale(1.08) rotate(360deg) translate(0px); -o-transform: scale(1.05) rotate(360deg) translate(0px); transform: scale(1.08) rotate(360deg) translate(0px); }

.isotope-hidden { display:none !important; }
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

.testimonials-bar{ border-bottom:2px solid #f3d02e; padding:0 0 20px !important; text-align:left; margin:0 40px 40px 40px;}
#content > ul > li .testimonials-bar p{ font-size:14px;}

.about-list{ margin:0 0 20px; overflow:hidden; list-style:none; padding:0;}
.about-list li{ background:url(../img/list-style2.png) 0 5px no-repeat; margin-bottom:10px; padding-left:25px; float:left; width:44%;}

.large-title{ font-family: 'Dosis', sans-serif; font-size:40px; display:block; color:#fff; line-height:60px; margin:0 0 40px; font-weight:normal;}

.yellow-bg{ color: #000; display: inline-block; line-height: 38px; padding: 3px; background:#ffd800;}
.grey-bg{ color: #fff; display: inline-block; line-height: 38px; padding: 3px; background:#565656;}

.clients-logos{ text-align:left;}
.logos-bar{ border:1px solid #211b06; overflow:hidden; padding:20px; margin:0 0 40px; text-align:center; background:#000;}
.logos-bar ul{ margin:0; padding:0; list-style:none;}
.logos-bar ul li{ display:inline-block; margin:0 15px;}

.logos-bar ul li img{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ width:100%;
}
.logos-bar ul li img:hover{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}

a.btn-1{ float:left; padding:15px 20px; background:#f3d02e; color:#000;font:16px/18px Georgia;}
a.btn-1:hover{ background:#bc9c07; text-decoration:none; color:#000;}

a.btn-2{ float:left; padding:15px 20px; background:#535353; color:#fff; font:16px/18px Georgia;}
a.btn-2:hover{ background:#474747; text-decoration:none; color:#fff;}

.btn-sep{ width:78px; float:left; text-align:center; background:url(../img/sep-line.png) center no-repeat; line-height:48px}

.testimonials{ position:relative;}
.testimonials h3{ margin:0 0 15px;}
.testimonials .flexslider .slides{ margin:0; width:100% !important;}
.testimonials .flexslider .slides li.slide-image .caption{ padding:0; background:#010000; border-left: 0 none; border-top: 5px solid #f3d02e; bottom: 0; left: 0; position: relative; width: 100%; color:#fff; font-size:14px; font-family:Georgia;}
#content > ul > li .testimonials .flexslider .slides li.slide-image .caption p { padding:20px; font-size:18px; line-height:24px;}
.testimonials .flex-control-nav{ display:none;}
.testimonials .flexslider .slides > li{ height:auto !important; list-style:none;}
.testimonials .flex-direction-nav{ position:absolute; right:0; top:-52px; margin:0; list-style:none;}
.testimonials .flex-direction-nav li{ float:left; width:36px; width:36px; text-indent:-999px; overflow:hidden; margin-left:5px;}
.testimonials .flex-direction-nav li a.prev{ background:url(../img/testimonials-nav.png) left no-repeat;}
.testimonials .flex-direction-nav li a.next{ background:url(../img/testimonials-nav.png) right no-repeat;}
.athor-name{ font-size:14px; display:block; font-weight:normal; color:#f3d02e; margin-top:15px;}

/* Services Section End
----------------------------------------------------------------------------------------------------*/

a.more-btn { padding:7px 20px; background:#f3d02e; text-transform: uppercase; color:#000; display:inline-block; font-family: 'Armata', sans-serif; font-weight:bold; }
a.more-btn:hover { color:#000; }

.frame-bg{ position:relative; margin-bottom:40px!important;}

a.prev,
a.next { padding:10px 20px; background:#000; color:#fff; font-family: 'Armata', sans-serif; }
a.prev:hover,
a.next:hover { color:#2d2c2c; text-decoration:none; }
a.prev { float:left; }
a.next { float:right; }

.page_close { position:absolute; right:20px; top:20px; padding:15px; width:20px; height:20px; background-color:#ffd800; border-radius:50%; font-size:1.500em; font-weight:300; color:#fff; text-align:center; text-shadow: 0px 2px 2px rgba(000, 000, 000, 0.4); line-height:19px; z-index:111;}
.page_close:hover { color:#eee; }

.contWrapper { width:100%; display:table; z-index:1; position:absolute; height:100%;}

#content { display:block; position:relative; max-width: 1170px; margin:70px auto 0;}
#content > ul > li { position:absolute; left:-1500%; width:100%; padding:35px; opacity:10; background:#080402; text-align:center; color:#fff; line-height:25px; }
#content > ul > li p { font-size:1.500em; margin:0 0 24px; font-family: 'Dosis', sans-serif; }
#content > ul > li p h2 { font-size:4.500em; margin:0 0 28px; }

.fix-content { width:260px; height:700px; overflow:auto; }

ul.list { margin-top:5px; }
ul.list li { margin-bottom:10px; padding-bottom:10px; font-weight:normal; font-size:1.083em; border-bottom:1px solid #333; }

.list a span { color: #d05056; float:right; font-size: 1.167em; font-weight:bold; }
.title-wrapper { background-image:url(title_hr.jpg); background-position: 0 20px; background-repeat: repeat-x; overflow: hidden; text-align: center; margin-bottom:20px; }
.title-wrapper h2 { background-color: #d05056; color: #fff; display: inline-block; font-family: 'Oswald', sans-serif; font-size: 1.250em; font-weight: normal; padding:10px; text-transform: uppercase; }

span.roll { background-image:url(../img/mag.png); background-repeat:no-repeat; background-position:center center; background-color: rgb(255, 219, 23); background-color: rgba(255, 219, 23, 0.6); height:200px; position: absolute; width:200px; z-index:1; opacity:0;}

.portfolio_list span.roll { width:100%; height:100%; }
.image_grid li:hover .item-nav,
.image_grid li:hover span.roll{   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
   filter: alpha(opacity=1);
   opacity: 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;}

.item-nav{color: #fff; position: absolute; text-align: center; top: 58%; width: 100%; z-index:100; opacity:0; left:0;}
.item-nav span{ display:inline-block; margin:0 0 0 5px; float:none; width:auto; padding:8px 10px; background: rgb(54, 54, 54); background: rgba(54, 54, 54, 0.9); overflow:hidden;line-height: 20px; font-size:14px; color:#fff; font-family:'Armata',sans-serif;}
.item-nav span strong{ font-weight:normal; padding-right:28px; display:block;}
.item-nav span.like strong{ background:url("../img/like.png") no-repeat 32px 0;}
.item-nav span.viewer strong{ background:url("../img/eye-icon.png") no-repeat 31px 3px;}
.item-nav span.item-cat strong{ background:url("../img/video.png") no-repeat 4px -1px; text-indent:-999px;}

.item-cap-holder{background:#010100; border:1px solid #110e0c; border-top:0; padding:15px; text-align:left;}
#content > ul > li .item-cap-holder p{ margin:0; font-size:14px; color:#9d9d9d;}
.title{ display:block; margin:0 0 10px; border-bottom:1px solid #4e4d4d; padding:0 0 10px;}
.title a{color:#ffd800; font-weight:normal; font-size:22px; font-family:'Armata',sans-serif;}
.title a:hover{color:#fff;}

.team-img img { width:100%;}
.team-det { padding:10px; background:#fff; margin:0 0 20px; }
.team-det strong { color:#010101; font-size:1.500em; display:block; font-family: 'Armata', sans-serif; }
.team-det em { color:#616060; font-size:1.167em; font-style:normal; display:block; font-family: 'Dosis', sans-serif; }

#content > ul > li .team-holder p { font-size:14px; }
/* contact Section
----------------------------------------------------------------------------------------------------*/
#main-contact { position:absolute; top:0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.9); width:160px; margin:150px 0 40px 40px; padding:20px; overflow:hidden; font-family: 'Dosis', sans-serif; color:fefefe; }
#main-contact a { color:#fefefe; }
#main-contact a:hover { color:#ffd800; }
#main-contact .left { float:left; }
#main-contact .right { float:right; }

.contact-form-holder{ margin:0 auto; max-width:850px;}

.contact-social { background:url(../img/services-bg.png) repeat; padding:40px; margin-bottom:30px; clear:both;}
.contact-social h3 { font-size:20px; color:#585858; margin:0;}
.contact-social p { margin:0!important; }

.contact-detail { width:185px; float:left; text-align:left; font-size:14px; }
.contact-detail address { margin:0 0 20px; }
.contact-detail strong { color:#ffd800; font-size:1.250em; font-family: 'Armata', sans-serif; font-weight:normal; }
.contact_button { background:#FFD800 !important; border: 0 !important; color: #000!important; padding: 8px; text-align: left; width: 99%!important; font-weight:bold; }

.form-list { width:380px; float:right; }

.phn-no { margin:0 0 20px; padding:0; list-style:none; }
.phn-no li { }
.phn-no li span { color:#ffd800; }

#contact-form input,
#contact-form textarea { margin: 10px 0; border: 1px solid #74640e; background-color:#0b0b0b; color:#545454; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0 !important; font-family: 'Dosis', sans-serif; }
#contact-form input { width:95%; }
#contact-form textarea { max-height: 84px; max-width: 95%; min-height: 84px; min-width: 95%; }
#contact-form textarea:focus,
#contact-form input:focus { border: 1px solid #73630d; }

/* inner-pages
----------------------------------------------------------------------------------------------------*/
.inner-pages{ margin:0 auto; max-width: 1170px; position: relative; z-index: 100; color:#fff; text-align:center; padding:45px; background:#080402;}
.p-caption,
.carousel{ text-align:left; margin-bottom:40px !important;}

.cerousel-holder img{ border:1px solid #494949; width:100%; max-height:307px;}

.yellow-bar{ background:#ffd800; padding:20px; margin:0 0 30px;}
.yellow-bar h4{ margin:0; color:#000;}
.yellow-bar img{ margin-right:10px; max-height:28px;}

.p-detail-box{ background:#141414; border:1px solid #424140; margin:0 0 20px;}

.p-d-row:first-child{ border:0;}
.p-d-row{ border-top:1px solid #2c2c2c; overflow:hidden;}
.p-d-row em{ font-family:'Dosis',sans-serif; font-size:16px; font-style:normal; float:left;line-height: 19px; padding-top: 10px; width: 70%;}
.p-d-icon{ float:left; margin-right:10px; border-right:1px solid #2c2c2c;}

/* Menu
----------------------------------------------------------------------------------------------------*/
#but-fold{ position:absolute; top:20px; right: -30px; border:0;     background-repeat: no-repeat;    cursor: pointer;    height: 30px;    width: 20px; text-indent:-999px; overflow:hidden; z-index:100; }

#sidebarmenu select { display:none; }

ul.menu,
ul.menu ul { list-style:none; margin:0px; padding:0px; }
ul.menu { position:relative; z-index:33; font-size:1.333em; text-transform:uppercase; }
ul.menu { margin: 0; padding: 0; list-style-type: none; width: 100%; /* Main Menu Item widths */ }
ul.menu li:first-child{ border:0;}
ul.menu li { position: relative; border-top:1px solid #414141; }
ul.menu li a:hover { color: #ffd800 !important; }
.active { color: #ffd800 !important; }

/* Top level menu links style */
ul.menu li a,
ul.menu li a:visited { display: block; color: #fff; text-decoration: none; padding:15px 25px; text-transform: uppercase; font-family: 'Armata', sans-serif; }
ul.menu li a span { display:block; color:#696969; font-size:0.8em; text-transform:lowercase; }
ul.menu li.main-links:hover > a { color:#ef5821; }
ul.menu li ul li a,
ul.menu li ul li a:visited { text-align:left; color:#ccc; }
ul.menu li ul li a:hover { color:#ef5821; }

/*Sub level menu items */
ul.menu li ul { position: absolute; width: 200px; /*Sub Menu Items width */ top: 0; visibility: hidden; background:#222222; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.7); }

/* Fancy Box
----------------------------------------------------------------------------------------------------*/
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(../img/fancybox.png); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; background: #fff; }
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../img/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left,
#fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../img/blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico,
#fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url('../img/fancybox.png'); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('../img/fancybox.png'); background-position: -40px -60px; }
#fancybox-left:hover,
#fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../img/fancybox-x.png'); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../img/fancybox.png'); background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../img/fancybox-y.png'); background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../img/fancybox.png'); background-position: -40px -182px; }
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../img/fancybox-x.png'); background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../img/fancybox.png'); background-position: -40px -142px; }
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../img/fancybox-y.png'); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../img/fancybox.png'); background-position: -40px -122px; }
#fancybox-title { font-family: Helvetica; font-size: 1.000em; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url('../img/fancy_title_over.png'); display: block; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url('../img/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../img/fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url('../img/fancybox.png') -55px -90px no-repeat; }
/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale');
zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,

#fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px");}
#fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}

#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');}
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');}

.jp-play,
.jp-pause { background:transparent url(../img/sound_of.png) no-repeat left center !important; text-indent: -9999px; z-index: 9999; }
.jp-pause { background:transparent url(../img/sound_on.png) no-repeat left center!important; }

#map_canvas { position:absolute; top:0; height:95%; height:100%; left:0; width:100%; }

.noneDisp { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); color: #232323; display: none; font-size: 13px; font-weight: bold; padding: 15px 0 17px 10px; position: absolute; right: 50px; text-align: left; top: 0; width: 200px; z-index: -100; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-family:'Armata', sans-serif; }



/*Smartphone*/
@media only screen and (max-width : 320px) {
 nav li {
 display: block;
 float: none;
 width: 100%;
}
 nav li a {
 border-bottom: 1px solid #576979;
}
#logo{ margin:25px 0 0;}
.container-fluid {
    width: 170px !important;
}
.tf_next, .tf_prev{ display:none;}
.fix-content{ height:auto !important;}
#fsbutton{ display:none;}
.jp-play,
.jp-pause{bottom: 5px; right: 4px;}
.social-list li{ padding:10px 5px;}
#rightSide{ width:30px;}
li.volume{ padding:17px 0;}
}


.post_date { font-family: 'Armata', sans-serif; position:absolute; top:5%; left:2%; z-index:5; color:#232323; }
.post_date strong { border-right: 2px solid #000000; float: left; font-size: 45px; height: 52px; line-height: 52px; padding-right: 15px; width: 52px; font-weight:normal; }
.post_date small { display: block; float: left; font-size: 18px; height: 52px; line-height: 24px; max-width: 40px; padding-left: 10px; }

.comments-bar{ background:url(../img/comm-bg.png) no-repeat; color: #000; height: 60px; line-height: 40px; padding-right: 10px; position: absolute; right: 0; text-align: right; top: 0; width: 50px;}
.b-detail{ text-align:left;line-height:22px;}
.blog-post { position:relative;}
.post-detail{ position:relative; margin:0 0 40px; border: 1px solid rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, .2);}
.post-detail img{ width:100%;}
.post-detail .b-post-cap {width: 95.8%;}
.post-nav-list{ margin: 0; list-style:none; overflow:hidden; position: absolute; right: -62px; top: 0;}
.post-nav-list li:first-child{ border:0;}
.post-nav-list li{ border-top:1px solid #88857f; background:#171717; height:61px; width:61px; text-indent:-999px;}
.post-nav-list li:hover{background:#f9eb04;}
.post-nav-list li span{ display:block; height:100%;}
.post-nav-list li.like-icon span{ background:url(../img/heart-icon.png) center center no-repeat;}
.post-nav-list li.share-icon span{ background:url(../img/ref-icon.png) center center no-repeat;}
.post-nav-list li.comm-icon span{ background:url(../img/comm-icon.png) no-repeat center center;}

.blog_detail .serv-form { margin-top:30px; }
.blog_detail h1 { font-size:26px; line-height:26px; font-family: 'Armata', sans-serif; margin-bottom:20px; color:#fff; }
.blog_detail p { margin:0; color:#8f8f8f; font-size:1.333em; }
.blog_detail { text-align:left; }
.blog_detail #main-contact { margin:20px 0; width: 96% !important; background: none; }
.blog_detail #main-contact input[type="text"] { width:30%; margin:0 2% 0 0; float:left; }
.blog_detail #main-contact input[type="submit"] { width:97% !important; }
.blog_detail #main-contact textarea { min-width:96%; max-width:96% }
.blog_detail .form-list { margin:0 auto; float:none; width:100% !important; }
.blog_page_detail { margin-bottom:0; padding-bottom:30px; text-align:left; }

.side-bar .post-detail{ width:90%;}
.side-bar .post-detail .b-post-cap{width:93%;}
.right-holder{ text-align:left; line-height:22px; margin:0 0 20px;}
.right-holder h3{ color:#f9eb04; font-size:22px; margin:0 0 10px; text-transform:capitalize;}
.comments { margin:0 0 10px; padding:0; list-style:none; }
.comments li { overflow:hidden; margin-bottom:20px; }
.comments li p { line-height:16px; margin:0; }
.comments li p a { color:#f9eb04; font-size:11px; }
.comments li img{ float:left; margin-right:8px; border: 1px solid rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, .2);}
.comments li .author-name { display:block; margin-bottom:3px; font-size:16px; color:#fff; }

.comments-list{ margin:0; list-style:none;}
.comments-list li { overflow:hidden; margin-bottom:10px; padding-left:43px; border-bottom:1px dotted #f9eb04; padding-bottom:10px; background:url(../img/comments-icon.png) no-repeat left top; }
.comments-list li p { line-height:16px; margin:0; }
.comments-list li p a { color:#f9eb04; font-size:11px; text-decoration:underline;}
.comments-list li p a:hover{ text-decoration:none;}

.tags-clouds{ list-style:none; margin:0; overflow:hidden;}
.tags-clouds li{ margin:0 10px 10px 0; float:left;}
.tags-clouds li a{ background:#9e9e9e; padding:5px 10px; color:#fff; }
.tags-clouds li a:hover{ background:#f9eb04; padding:5px 10px; text-decoration:none; color:#000;}

/** User comments Structure **/
.user_comments{ margin:40px 0;}
.user_comments ul{ list-style-type:none; margin:0; overflow:hidden;}
.user_comments ul li{ overflow:hidden;}
.user_comments ul ul{ margin-left: 12%; max-width: 100%;}
.user_comments ul .avatar-img{ width:10%; float:left; border:1px solid #dedede;}
.user_comments ul .avatar-img img{ width:100%; border:1px solid #f9eb04;}
.user_comments ul .comment-detail{ width:88%; float:right; padding-bottom:20px;}
.b-title a{ font-size:20px; color:#f9eb04; font-weight:normal; font-family: 'Armata', sans-serif;}
.b-title a:hover{ color:#f9eb04;}
.comment-detail .comment-reply-link , .comment-detail a.comment-reply-link :hover, .comment-detail a.comment-reply-link :focus{ background:#f9eb04; padding:5px 20px; color:#000;  cursor:pointer; display:inline-block;}


.featured img { width:100%; }
.featured .post-nav { position:absolute; right:0; }
.featured { width:95% !important; }


.box {height:100%;}
#transfer-to {height: 50%;}
.ui-effects-transfer {}
.button_container{ position:relative; width:100%;}

#sidebar_social_holder ul li
{
	float:left;
	width: 26px;
	height: 26px;
	cursor:pointer;	
	margin-right:4px;
background-image:url(../img/sprite_icons.png); 
	list-style:none;
}
#sidebar_social_holder ul li a{
	display:block;
	width:100%;
	height:100%;

}

#sidebar_social_holder ul li.twitter{ background-position:0 0; }
#sidebar_social_holder ul li.facebook{ background-position:-30px 0px; }
#sidebar_social_holder ul li.google{ background-position:-60px 0px; }
#sidebar_social_holder ul li.dribbble{ background-position:-90px 0px; }
#sidebar_social_holder ul li.flickr{ background-position:-120px 	0px; }

#sidebar_social_holder ul li.twitter:hover{ background-position:0px -30px; }
#sidebar_social_holder ul li.facebook:hover{ background-position:-30px -30px; }
#sidebar_social_holder ul li.google:hover{ background-position:-60px -30px; }
#sidebar_social_holder ul li.dribbble:hover{ background-position:-90px -30px; }
#sidebar_social_holder ul li.flickr:hover{ background-position:-120px -30px; }
ul.menu li a{
	background-image: url('../img/back-sprite.png');
	background-repeat: no-repeat;
	background-position: -400px 0;
	-webkit-transition: background-position .7s ease;
	   -moz-transition: background-position .7s ease;
	     -o-transition: background-position .7s ease;
	        transition: background-position .7s ease;
}
ul.menu li > a:hover{
	background-position: -800px 0;	
	color:#fff;
}
.left-side-bar{
border-right: 10px solid #F3D02E;
}
ul.menu li a:hover{
color:#fff !important;
}
.open_button{    background-image: url("../img/sprite_icons.png");    background-position: -275px -103px;	background-color:#f3d02e;}
.close_button{    background-image: url("../img/sprite_icons.png");    background-position: -210px -103px;	background-color:#f3d02e;}
.volume{ position:relative; width:100%; clear:both;}


/* # Social Icons # */
#socialicons{ position:relative; text-align:left;  display:inline-block; margin-left:5%;}
#socialicons>a{ margin-left:5px; margin-right:0; display:inline-block; width:36px; height:36px; float:right; overflow:hidden; position:relative;}
#socialicons>a span { width:36px; height:36px; overflow:hidden; position:absolute; display:none; }
#socialicons>a span.da-animate { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/* # Social icons List # */
#social_facebook{ background:url(../img/social/facebook.png) no-repeat}
#social_facebook span{background:url(../img/social/facebook.png) no-repeat 0 -36px; }
#social_twitter{ background:url(../img/social/twitter0.png) no-repeat  }
#social_twitter span{ background:url(../img/social/twitter0.png) no-repeat 0 -36px; }
#social_dribbble{ background:url(../img/social/dribbble.png) no-repeat  }
#social_dribbble span{ background:url(../img/social/dribbble.png) no-repeat 0 -36px; }
#social_flickr{ background:url(../img/social/flickr.png) no-repeat  }
#social_flickr span{ background:url(../img/sociallickr.png) no-repeat 0 -36px; }
#social_forst{ background:url(../img/socialorst.png) no-repeat }
#social_forst span{ background:url(../img/socialforst.png) no-repeat 0 -36px;  }
#social_github{ background:url(../img/socialgithub.png) no-repeat }
#social_github span{ background:url(../img/socialgithub.png) no-repeat 0 -36px;  }
#social_linkedin{ background:url(../img/social/linkedin.png) no-repeat  }
#social_linkedin span{ background:url(../img/social/linkedin.png) no-repeat 0 -36px; }
#social_pinterest{ background:url(../img/social/pinterest.png) no-repeat }
#social_pinterest span{ background:url(../img/social/pinterest.png) no-repeat 0 -36px;  }
#social_instagram{ background:url(../img/social/instagram.png) no-repeat }
#social_instagram span{ background:url(../img/social/instagram.png) no-repeat 0 -36px;  }
#social_rss{ background:url(../img/social/rss.png) no-repeat  }
#social_rss span{ background:url(../img/social/rss.png) no-repeat 0 -36px; }
#social_vimeo{ background:url(../img/social/vimeo.png) no-repeat  }
#social_vimeo span{ background:url(../img/social/vimeo.png) no-repeat 0 -36px; }
#social_youtube{ background:url(../img/social/youtube.png) no-repeat  }
#social_youtube span{ background:url(../img/social/youtube.png) no-repeat 0 -36px; }
#social_trumblr{ background:url(../img/social/trumblr.png) no-repeat }
#social_trumblr span{ background:url(../img/social/trumblr.png) no-repeat 0 -36px;  }
#social_google_plus{ background:url(../img/social/google_p.png) no-repeat  }
#social_google_plus span{ background:url(../img/social/google_p.png) no-repeat 0 -36px; }
/* # Animation on Social Icons **/
.da-slideFromTop {left: 0px;top: -100%;}
.da-slideFromBottom {left: 0px;top: 100%;}
.da-slideFromLeft {top: 0px; left: -100%;}
.da-slideFromRight {top: 0px;left: 100%;}
/* Final state classes: */
.da-slideTop {top: 0px;}
.da-slideLeft {left: 0px;}
ul.menu li:hover ul{ display:block; visibility:visible;}
.children {
    display: block;
    left: 100%;
    position: absolute !important;
    right: 10px;
    top: 0;
    visibility: visible;
    width: auto;
}
ul.menu li:hover a, ul.menu li:hover a span{ color:#000 !important;}
ul.menu li:hover ul li a { color:#fff !important;}
ul.menu > li a:hover{ background-position: -800px 0; color:#fff;}
.activeClass{ background-color:#F3D02E;	color:#fff;}
#responsive_menu, #responsive_menu select { display: none; }
.mob_menu{ display:none;}
/** New Styles **/
#kenburns{ position:absolute; top:0; left:0;}