/*



	<-- TABLE OF CONTENTS -->

	1. Body
		1.1 Elements of body
		1.2 Form Elements
		1.3 Links
		1.4 Spacing 
		1.5 Html Elements
		1.6 Table Valign
		
	2. Loading
		2.1 Elements of Loading
		2.2 Transition elements
		2.3 Yellow Background
		
	3. Side Menu
		3.1 Elements of side menu
		3.2 Form & Inputs
		3.3 Social Media Icons
		
	4. Header
		4.1 Elements of header
		4.2 Slide Content Box
		4.3 Internal Header
		
	5. Navigation
		5.1 Elements of navigation
		5.2 Site Logo
		5.3 Navbar
		5.4 Dropdown
		5.5 Fixed Navigation
		
	6. About Us
		6.1 Elements of about us
		6.2 Left side
		6.3 Right side
		
	7. Services
		7.1 Elements of services
		7.2 Box
		7.3 Icon
		7.4 Expand button
		7.5 Expanded List
		
	8. Team Members
		8.1 Elements of team-members
		8.2 Member Image
		8.3 Member Info
		
	9. Fun Facts
		9.1 Elements of fun facts
		9.2 Box
		9.3 Icon
		9.4 Counting numbers
		
	10. Latest Work
		10.1 Elements of works
		10.2 Transition
		10.3 Section title
		10.4 Works Filter
		10.5 List of works
		10.6 Hover Caption
		
	11. Works
		11.1 Elements of works
		11.2 Transition
		11.3 Section title
		11.4 Works Filter
		11.5 List of works
		11.6 Hover Caption
		
	12. Logos
		12.1 Elements of logos
		12.2 Carousel
		12.3 Controls - Arrows
		
	13. Latest News
		13.1 Elements of news
		13.2 Section title
		13.3 News box
		
	14. Quote 
		14.1 Elements of quote
		14.2 Section title
		14.3 Paragraph
		14.4 Button
		
	15. Blog
		15.1 Elements of blog
		15.2 Transitions
		14.3 Blog posts
		14.4 Pagination
		
	16. Side Bar
		16.1 Elements of sidebar
		16.2 Widgets
		16.3 Social Media
		16.4 Search
		16.5 Tags
		16.6 Categories
		16.7 Gallery
		
	17. Contact Info
		17.1 Elements of contact info
		17.2 Section Title
		17.3 Form Elements
		17.4 Map
		
	18. Contact 
		18.1 Elements of contact
		18.2 Icons
		18.3 Spacing
		
	19. Footer
		19.1 Elements of footer
		19.2 Transition
		19.3 Section Titles
		19.4 Gallery
		19.5 Form elements
		
	20. Sub Footer 
		20.1 Elements of sub-footer
		
	21. Responsive Fixes
		21.1 Tablet Fixes
		21.2 Mobile Fixes

*/

@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,300,700);
@import url(http://fonts.googleapis.com/css?family=Pacifico);



*{ outline:none;}
body{ margin:0; padding:0; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased;}
html, body{ height:100%;}


@font-face {
  font-family: Arial;
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}




/* FORM ELEMENTS */
input[type="text"]{ height:42px; padding:0 10px; border:1px solid #eee;}
button[type="submit"]{ height:42px; padding:0 20px; border:none; font-weight:700;}
button[type="button"]{ height:42px; padding:0 20px; border:none; font-weight:700;}
textarea{ height:120px; padding:10px; border:1px solid #eee;}



/* LINKS */
a{color:#febd0e;}
a:hover{text-decoration:underline;}
a:focus{text-decoration:none;}



/* SPACING */
.no-margin{ margin:0;}
.no-padding{ padding:0;}



/* CUSTOMIZED HTML ELEMENTS */
img{ max-width:100%;}
p{ margin-bottom:15px;}
b{ font-weight:700;}
ul{ margin:0; padding:0;}
ul li{ margin:0; padding:0; list-style:none;} 




/* TABLE VALIGN MIDDLE */
.table{ width:100%; height:100% !important; display:table; margin:0;}
.table .inner{ display:table-cell; vertical-align:middle}
.img-full{ width:100%;}



/* LOADING */
.loading{ width:100%; height:100%; text-align:center; position:fixed; left:0; top:0; z-index:99999; }
.loading img{ height:14px; margin-bottom:30px; display:inline-block;}
.loading .spinner{ width:30px; height:30px; border:3px solid rgba(255,255,255,0.2); border-top:3px solid #fff; border-radius:30px; display:inline-block;}
.loading .spinner{-webkit-animation: spinner 0.5s infinite linear;
  animation: spinner 0.5s infinite linear;}
.fade-out{ opacity:0; visibility:hidden; transition-duration: 700ms; -webkit-transition-duration: 700ms; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}
.loading h1 {display:none}



/* TRANSITION */
.transition-overlay{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999; opacity:0; visibility:hidden;}
.transition-overlay.show-me{ opacity:1; visibility:visible;}
.transition-overlay{ transition-duration: 700ms; -webkit-transition-duration: 700ms; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}



/* YELLOW BACKGROUND */
.yellow-bg{background: #fcc50f; background: -moz-linear-gradient(left,  #fcc50f 0%, #fed20f 40%, #fed20f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcc50f), color-stop(40%,#fed20f), color-stop(100%,#fed20f)); background: -webkit-linear-gradient(left,  #fcc50f 0%,#fed20f 40%,#fed20f 100%); background: -o-linear-gradient(left,  #fcc50f 0%,#fed20f 40%,#fed20f 100%); background: -ms-linear-gradient(left,  #fcc50f 0%,#fed20f 40%,#fed20f 100%); background: linear-gradient(to right,  #fcc50f 0%,#fed20f 40%,#fed20f 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc50f', endColorstr='#fed20f',GradientType=1 );}



/* SIDE MENU */
.side-menu{ width:270px; height:100%; position:fixed; right:-270px; top:0; background:#535353; padding:20px; z-index:9999;}
.side-menu{transition-duration: 500ms; -webkit-transition-duration: 500ms; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}
.side-menu.show-me{ right:0;}
.side-menu .side-menu-close{ position:absolute; right:0; top:0; padding:27px 20px; cursor:pointer;}
.side-menu .side-menu-close i{ font-size:20px; color:#fff;}
.side-menu h4{ color:#fff; font-size:20px; font-weight:700; margin-bottom:30px;}
.side-menu form{ width:100%; float:left; margin-bottom:20px;}
.side-menu form input[type="text"]{ width:100%; height:44px; float:left; padding:0 10px; background:#5d5b5c; border:none; margin-bottom:16px; color:#fff;}
.side-menu form textarea{width:100%; height:124px; float:left; padding:10px; background:#5d5b5c; border:none; margin-bottom:16px; color:#fff;}
.side-menu form button[type="submit"]{ width:100%; height:44px; float:left; background:#00cae0; color:#fff; font-size:17px; font-weight:700; border:none;}
.side-menu .alert{ width:100%; float:left;}
.side-menu #success, #error {display:none}
.side-menu #success p, #error p { float:left;}
.side-menu #contact .error{ width:100%; color:red;}
.side-menu #error p {color:#c0392b}	
.side-menu ul{ width:100%; position:absolute; bottom:0; left:0; padding:20px;}
.side-menu ul li{ width:34px; height:34px; line-height:34px; float:left; text-align:center; background:red; margin-right:4px;}
.side-menu ul li a{ display:inline-block; font-size:17px; color:#fff;}
.side-menu ul li.facebook{ background:#3b5999;}
.side-menu ul li.twitter{ background:#00bcf8;}
.side-menu ul li.googleplus{ background:#d3492d;}
.side-menu ul li.instagram{ background:#5989b9;}
.side-menu ul li.pinterest{ background:#f63234;}
.side-menu ul li.youtube{ background:#fe0000;}




/* HEADER */
header{ width:100%; height:100%; float:left; background:#febd0e; color:#fff;z-index:-10}
header.int-header{ height:300px;}
header.int-header .title{ width:100%; float:left; font-size:40px; font-weight:700; color:#fff; margin-top:150px;}
header.int-header .sub-title{ width:100%; float:left; font-size:19px; font-weight:500; color:#fff;}
header .banner{ width:100%; float:left;}
header .slide-content{ max-width:75%; text-align:center; color:#fff; position:relative; margin:auto}
header .slide-content.spacing{ margin-top:220px;}
header .slide-content h1{ font-weight:700; margin-top:0; margin-bottom:30px; font-size:48px;}
header .slide-content h5{ width:100%; font-size:16px; line-height:24px; font-weight:500; margin-bottom:30px;}
header .slide-content a{ color:#fff; display:inline-block; padding:25px 50px; background:#00cadf; font-size:15px; font-weight:700;}
header .slide-content a:hover{ text-decoration:none;}
header .slide-content .icon{ display:inline-block; margin-top:30px;}
header video{min-width:100%; min-height:100%; transform: scale(1.3); float:left; opacity:0.3; position:absolute; left:0; top:0;}



/* 3D Typography */
.stage { height: 300px; width: 500px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; perspective: 9999px; transform-style: preserve-3d; }
.layer:nth-child(1):after {	transform: translateZ(0px);}
.layer:nth-child(2):after {	transform: translateZ(-2px);}
.layer:nth-child(3):after {	transform: translateZ(-4px);}
.layer:nth-child(4):after {	transform: translateZ(-6px);}
.layer:nth-child(5):after {	transform: translateZ(-8px);}
.layer:nth-child(6):after {	transform: translateZ(-10px);}
.layer:nth-child(7):after {	transform: translateZ(-12px);}
.layer:nth-child(8):after {	transform: translateZ(-14px);}
.layer:nth-child(9):after {	transform: translateZ(-16px);}
.layer:nth-child(10):after {	transform: translateZ(-18px);}
.layer:nth-child(11):after {	transform: translateZ(-20px);}
.layer:nth-child(12):after {	transform: translateZ(-22px);}
.layer:nth-child(13):after {	transform: translateZ(-24px);}
.layer:nth-child(14):after {	transform: translateZ(-26px);}
.layer:nth-child(15):after {	transform: translateZ(-28px);}
.layer:nth-child(16):after {	transform: translateZ(-30px);}
.layer:nth-child(17):after {	transform: translateZ(-32px);}
.layer:nth-child(18):after {	transform: translateZ(-34px);}
.layer:nth-child(19):after {	transform: translateZ(-36px);}
.layer:nth-child(20):after {	transform: translateZ(-38px);}
.layer:nth-child(n+10):after {	-webkit-text-stroke: 3px rgba(0, 0, 0, 0.25);}
.layer:nth-child(n+11):after {	-webkit-text-stroke: 15px dodgerblue; text-shadow: 6px 0 6px #00366b, 5px 5px 5px #002951, 0 6px 6px #00366b;}
.layer:nth-child(n+12):after {	-webkit-text-stroke: 15px #0077ea;}
.layer:last-child:after {	-webkit-text-stroke: 17px rgba(0, 0, 0, 0.1);}
.layer:first-child:after {	color: #fff; text-shadow: none;}




/* NAVIGATION */
.navbar-default{ height:85px; padding-top:4px; border-radius:0; background:url(../images/rainbow-bar.jpg) top repeat-x; border-bottom:1px solid rgba(255,255,255,0.4);}
.navbar-default {-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.navbar-default .navbar-brand{ height:auto;}
.navbar-default .navbar-brand img{ height:22px; margin-top:15px;}
.navbar-default .navbar-nav{ float:right;}
.navbar-default .navbar-nav>li{ float:left;}
.navbar-default .navbar-nav>li>a{ padding-top:30px; padding-bottom:30px; color:#fff; font-weight:700;}
.navbar-default .navbar-nav>li>a:hover{border-bottom:3px solid #fff; color:#fff;}
.navbar-default .navbar-nav>li>a:focus{color:#fff;}
.navbar-default .navbar-nav>li>a.hamburger-menu{ float:left; margin-top:-3px; font-size:26px;}
.navbar-default .navbar-nav>li:hover .dropdown-menu{ display:block;}
.navbar-default .navbar-nav>li:hover a{border-bottom:3px solid #fff; color:#fff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background:none; color:#fff;}
.navbar-default .dropdown-menu{ float:left; margin-right:-8px; background:none; color:#fff; box-shadow:none; border-radius:0; border:none; display:none;}
.navbar-default .dropdown-menu li{ width:100%; float:left; text-align:right;}
.navbar-default .dropdown-menu li a{ color:#fff; font-weight:700; border:none !important;}
.navbar-default .dropdown-menu li a:hover{background:none; opacity:0.8;}
.fixed-nav{ background:url(../images/rainbow-bar.jpg) top repeat-x rgba(255,255,255,0.92) !important;}
.fixed-nav a{color:#febd0e !important;}
.fixed-nav img{ -webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1); }
.fixed-nav .dropdown-menu{ background:#febd0e;}
.fixed-nav .dropdown-menu a{ color:#fff !important;}

/* ABOUT US*/
.about-us{ width:100%; float:left;}
.about-us .left-side{ min-height:500px; background:url(../images/image1.jpg) no-repeat;  padding-bottom:25px}
.about-us .right-side{min-height:500px; background:#f5f5f5;} 
.about-us .right-side .table{ width:100%; padding:0px 30px;}
.about-us  h3{ color:#febd0e; font-size:30px; margin-bottom:20px;}
.about-us  h3 span{ display:inline-block; font-weight:700;}
.about-us  p{ font-size:18px; line-height:26px; margin-bottom:20px;}
.about-us .right-side a{ font-size:18px; font-weight:700; border-bottom:3px solid #febd0e; padding-bottom:6px; color:#febd0e;display:inline-block}
.about-us .left-side a:hover{text-decoration:none;color:#F90;font-weight:bold;background: rgba(0,0,0,1);cursor:pointer}
.about-us .left-side a{display:block;float:left;padding:4px;margin:2px;font-size:14px;text-decoration:none;width:98%;color:#FFFFFE;

background: rgba(0,0,0,0.83);
background: -moz-linear-gradient(left, rgba(0,0,0,0.83) 0%, rgba(0,0,0,0.67) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.83)), color-stop(100%, rgba(0,0,0,0.67)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.83) 0%, rgba(0,0,0,0.67) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.83) 0%, rgba(0,0,0,0.67) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.83) 0%, rgba(0,0,0,0.67) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.83) 0%, rgba(0,0,0,0.67) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}



/* SERVICES */
.services{ width:100%; float:left; padding:10px 0 10px 0px;}
.services .box{ width:100%; padding:40px 20px; margin-bottom:40px; position:relative;}
.services *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.services .box:hover img{ margin-bottom:45px;}
.services .box img{ height:80px; display:inline-block; margin-bottom:20px;}
.services .box h4,.services .box h2{ font-weight:700; color:#fff; margin-bottom:25px;}
.services .box p{ color:#fff; line-height:22px; font-weight:500;}
.services .box .expand{ width:70px; height:75px; float:left; text-indent:-9999px; background:url(../images/icon-expand.png) top left no-repeat; background-size:cover; position:absolute; right:0; bottom:0;}
.services .box ul{ height:0; overflow:hidden;}
.services .box ul li{ width:100%; float:left; color:#fff; font-weight:700; margin:3px 0;}
.services .box ul.show-me{ height:auto;}



/* TEAM MEMBERS*/
.team-members{ width:100%; float:left; padding:100px 0;}
.team-members *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.team-members figure{ width:100%; float:left; text-align:center;}
.team-members figure:hover img{ margin-left:-30px;}
.team-members figcaption{ width:100%; float:left; text-align:center;}



/* FUN FACTS*/

.fun-facts{ width:100%; float:left; /*background:#f5f5f5;*/ padding:10px 10px 10px 10px; text-align:center;position:relative;z-index:9900;

/*position:relative;top:-100px;*/



background: rgba(14,35,77,1);
background: -moz-linear-gradient(top, rgba(14,35,77,1) 0%, rgba(6,32,74,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,35,77,1)), color-stop(100%, rgba(6,32,74,1)));
background: -webkit-linear-gradient(top, rgba(14,35,77,1) 0%, rgba(6,32,74,1) 100%);
background: -o-linear-gradient(top, rgba(14,35,77,1) 0%, rgba(6,32,74,1) 100%);
background: -ms-linear-gradient(top, rgba(14,35,77,1) 0%, rgba(6,32,74,1) 100%);
background: linear-gradient(to bottom, rgba(14,35,77,1) 0%, rgba(6,32,74,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e234d', endColorstr='#06204a', GradientType=0 );



/*background: navy; background: -moz-linear-gradient(left,  navy 0%, blue 40%, blue 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,blue), color-stop(40%,navy), color-stop(100%,blue)); background: -webkit-linear-gradient(left,  navy 0%,navy 40%,blue 100%); background: -o-linear-gradient(left,  navy 0%,blue 40%,blue 100%); background: -ms-linear-gradient(left,  navy 0%,navy 40%,blue 100%); background: linear-gradient(to right,  navy 0%,navy 40%, #036 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='navy', endColorstr='blue',GradientType=1 );
*/

}

.fun-facts *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.fun-facts .content-box{ width:100%; float:left; padding:10px 0%;background:#0F1B3F}
.fun-facts .content-box:hover{ background:black;}
.fun-facts .content-box:hover i{ color:#fff;}
.fun-facts .content-box:hover span{ color:#fff;}
.fun-facts .content-box:hover h5{ color:#fff;}
.fun-facts i{ display:inline-block; color:#fed20f; font-size:40px;}
.fun-facts span{ display:block; color:#babac2; font-size:40px; font-weight:700;} 
.fun-facts h5{ display:inline-block; color:#babac2; font-size:18px;}




/* LATEST WORKS */
.latest-works{ width:100%; float:left; padding-top:10px; text-align:center;}
.latest-works *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.latest-works h3{ color:#febd0e; font-size:30px; margin-bottom:30px;}
.latest-works h3 span{ display:inline-block; font-weight:700;}
.latest-works .works-filter {width:100%; float:left; margin-bottom:30px;}
.latest-works .works-filter a{ display:inline-block; margin:0 10px; padding-bottom:6px; font-weight:500; color:#febd0e;}
.latest-works .works-filter a:hover{text-decoration:none;}
.latest-works .works-filter a.current{ border-bottom:2px solid #febd0e;}
.latest-works ul{ width:100%; float:left;}
.latest-works ul li{ width:33.33333%; float:left;}
.latest-works ul li figure{ width:100%; height:100%; float:left; position:relative;}
.latest-works ul li figure:hover figcaption{ opacity:1; padding:10px;}
.latest-works ul li figure img{ width:100%; float:left;}
.latest-works ul li figure figcaption{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.latest-works ul li figure figcaption h4{ font-weight:700; color:#fff; font-size:20px;}
.latest-works ul li figure figcaption h4 a{color:#fff;}
.latest-works ul li figure figcaption h4 a:hover{color:#fff; text-decoration:none;}
.latest-works ul li figure figcaption small{ color:#fff; font-weight:500;}
.latest-works ul li figure figcaption .table{background:rgba(254,210,15,0.8);}



/* WORKS */
.works{ width:100%; float:left; padding:100px 0; text-align:center;}
.works *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.works h3{ color:#febd0e; font-size:30px; margin-bottom:30px;}
.works h3 span{ display:inline-block; border-top:3px solid #febd0e; font-weight:700;}
.works .works-filter {width:100%; float:left; margin-bottom:30px;}
.works .works-filter a{ display:inline-block; margin:0 10px; padding-bottom:6px; font-weight:500; color:#febd0e;}
.works .works-filter a:hover{text-decoration:none;}
.works .works-filter a.current{ border-bottom:2px solid #febd0e;}
.works ul{ width:100%; float:left;}
.works ul.spacing{ width:100%;}
.works ul.spacing li{ padding:10px;}
.works ul.masonry{ width:100%;}
.works ul li{ width:33.33333%; float:left;}
.works ul li figure{ width:100%; height:100%; float:left; position:relative;}
.works ul li figure:hover figcaption{ opacity:1; padding:10px;}
.works ul li figure img{ width:100%; float:left;}
.works ul li figure figcaption{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.works ul li figure figcaption h4{ font-weight:700; color:#fff; font-size:20px;}
.works ul li figure figcaption h4 a{color:#fff;}
.works ul li figure figcaption h4 a:hover{color:#fff; text-decoration:none;}
.works ul li figure figcaption small{ color:#fff; font-weight:500;}
.works ul li figure figcaption .table{background:rgba(254,210,15,0.8);}


/* PROJECT DETIAL */
.project-detail{ width:100%; float:left; padding:100px 0;}
.project-detail .project-header{ width:100%; float:left; padding-bottom:40px; border-bottom:1px solid #eee;}
.project-detail .about-project{ width:100%; float:left; margin-top:40px; padding:0 20%;}
.project-detail .screenshot{ margin-bottom:50px;}


/* LOGOS */
.logos{ width:100%; float:left; padding:10px 0px;}

.logos figure{ width:98%;height:200px;overflow:inherit;display:table-cell;border:1px solid purple; margin-bottom:20px; float:left; background:white;border:1px solid #efefef;
padding:20px;vertical-align:middle; font-size:18px;}

.owl-item figure {-webkit-box-shadow: 1px 10px 13px -9px rgba(0,0,0,0.18);
-moz-box-shadow: 1px 10px 13px -9px rgba(0,0,0,0.18);
box-shadow: 1px 10px 13px -9px rgba(0,0,0,0.18);

}




.logos figure img{ width:100%;}
.logos .owl-nav{ width:100%; float:left; text-align:center;}
.logos .owl-nav .owl-prev{ display:inline-block; text-indent:-9999px; margin:0 15px; padding:10px;} 
.logos .owl-nav .owl-prev:hover{opacity:0.4;}
.logos .owl-nav .owl-prev:after{content:'\f124'; font-family:ionicons; font-size:20px; float:left; text-indent:0;}
.logos .owl-nav .owl-next{ display:inline-block; text-indent:-9999px; margin:0 15px; padding:10px;} 
.logos .owl-nav .owl-next:hover{opacity:0.4;}
.logos .owl-nav .owl-next:after{content:'\f125'; font-family:ionicons; font-size:20px; float:left; text-indent:0;}




/* LATEST NEWS */
.latest-news{ width:100%; float:left; padding:10px 0; background:#f5f5f5;}
.latest-news h3,.logos h3{ width:100%; text-align:center; color:#febd0e; font-size:30px; margin-bottom:30px;}
.latest-news h3 span,.logos h3 span{ display:inline-block; font-weight:700;}
.latest-news .news-box{ width:100%; float:left; margin-bottom:15px;}
.latest-news .news-box figure{ width:100%; float:left; margin-bottom:20px; position:relative;}
.latest-news .news-box figure img{ width:100%;}
.latest-news .news-box h4{ width:100%; float:left; font-weight:700;margin:5px 0px;}
.latest-news .news-box small{ display:block; font-size:12px; color:#999; margin-bottom:30px;}
.latest-news .news-box p{ line-height:26px; font-size:15px; margin-bottom:20px;}
.latest-news .news-box .link{ float:left; padding:10px 20px; background:#febd0e; color:#fff; font-weight:700;}




/* QUOTE */
.quote{ width:100%; float:left; padding:50px 0; background:url(../images/blue_hexa.jpg) no-repeat; text-align:center;}
.quote h3{ display:block; margin:0; margin-bottom:30px; color:#fff; font-weight:700;}
.quote p{ display:block; margin-bottom:50px; padding:0 10%; color:#fff; font-size:18px; line-height:25px;}
.quote a{ display:inline-block; background:#febd0e; color:#fff; font-weight:700; font-size:20px; padding:15px 30px;}
.quote a:hover{ text-decoration:none; background:#fff; color:#febd0e;}




/* BLOG */
.blog{ width:100%; float:left; padding:100px 0;}
.blog *{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.blog .blog-post{ width:100%; float:left; padding-right:20px; margin-bottom:100px;}
.blog figure{ width:100%;float:left; margin-bottom:20px; position:relative; background:#febd0e;}
.blog figure img{ width:100%; float:left;}
.blog figure:hover img{ opacity:0.7;}
.blog h3{ display:block; margin-top:0; color:#febd0e;}
.blog small{ display:block; margin-bottom:10px; color:#98989a; font-weight:700;}
.blog .border{ width:38px; height:3px; display:inline-block; margin-bottom:30px; background:#febd0e;}
.blog .link {font-size:18px; font-weight:700; border-bottom:3px solid #febd0e; padding-bottom:6px; color:#febd0e;}
.blog .link:hover{ text-decoration:none;}
.blog .pagination{ width:100%; float:left;}
.blog .pagination>li{ float:left;}
.blog .pagination>li a{ float:left; border:1px dotted #ccc; font-weight:700; font-size:12px; padding:6px 22px; color:#2f2e33; border-radius:0 !important;}
.blog .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#febd0e; color:#fff;}




/* SIDEBAR */
.blog-sidebar{ width:100%; padding-left:30px;}
.blog-sidebar .widgets{ width:100%; float:left; margin-bottom:40px;}
.blog-sidebar .social-media{ width:100%; float:left;}
.blog-sidebar .social-media ul{ width:100%; float:left;}
.blog-sidebar .social-media ul li{ width:34px; height:34px; line-height:34px; float:left; text-align:center; background:red; margin-right:4px;}
.blog-sidebar .social-media ul li a{ display:inline-block; font-size:17px; color:#fff;}
.blog-sidebar .social-media ul li.facebook{ background:#3b5999;}
.blog-sidebar .social-media ul li.twitter{ background:#00bcf8;}
.blog-sidebar .social-media ul li.googleplus{ background:#d3492d;}
.blog-sidebar .social-media ul li.instagram{ background:#5989b9;}
.blog-sidebar .social-media ul li.pinterest{ background:#f63234;}
.blog-sidebar .social-media ul li.youtube{ background:#fe0000;}
.blog-sidebar .search{ width:100%; float:left;}
.blog-sidebar .search form{ width:100%; float:left;}
.blog-sidebar .search form input[type="text"]{ width:80%; float:left;}
.blog-sidebar .search form button[type="submit"]{ width:20%;  padding:0; text-align:center; float:left; background:#febd0e; color:#fff; margin-left:-3px;}
.blog-sidebar .tags{ width:100%; float:left;}
.blog-sidebar .tags a{ float:left; padding-bottom:5px; border-bottom:2px solid #eee; font-size:12px; color:#999; margin-right:10px; margin-bottom:10px;}
.blog-sidebar .tags a:hover{text-decoration:none; color:#00cadf;}
.blog-sidebar .categories{ width:100%; float:left;}
.blog-sidebar .categories ul{ width:100%; float:left;}
.blog-sidebar .categories ul li{ width:100%; float:left; margin:4px 0;}
.blog-sidebar .categories ul li a{ float:left; color:#febd0e; font-weight:500;}
.blog-sidebar .categories ul li a:hover{color:#00cadf;}
.blog-sidebar .gallery-thumbs{ width:100%; float:left; margin-left:-5px; margin-right:-5px;}
.blog-sidebar .gallery-thumbs a{ width:33.33333%; float:left; padding:5px;}
.blog-sidebar .gallery-thumbs a img{ width:100%; float:left;}




/* CONTACT INFO */
.contact-info{ width:100%; float:left; padding:100px 0;}
.contact-info h3{ font-weight:700;}
.contact-info h5{ margin-bottom:20px; color:#ccc;}
.contact-info a{ text-decoration:underline; font-weight:500;}
.contact-info form{ width:100%; max-width:600px; display:inline-block;}
.contact-info form .form-group{ width:100%; float:left; margin-bottom:10px;}
.contact-info form input[type="text"]{ width:49%; float:left;}
.contact-info form .spacing{ margin-right:2%;}
.contact-info form  textarea{ width:100%; max-width:600px;}
.contact-info form button[type="submit"]{ background:#febd0e; color:#fff;}
.contact-info .alert{ width:100%; float:left;}
.contact-info #success2, #error2 {display:none}
.contact-info #success2 p, #error2 p { float:left;}
.contact-info #contact2 .error{ width:100%; color:red;}
.contact-info #error2 p {color:#c0392b}	
.map{ width:100%; height:400px;}



/* CONTACT */
.contact{ width:100%; float:left; background:#febd0e;}
.contact h2{ font-size:0;}
.contact figure{ float:left; margin-right:20px; margin-top:10px; margin-bottom:20px;}
.contact dl{ display:block;}
.contact dl dt{ font-size:18px; font-weight:700; color:#fff; margin-bottom:10px;}
.contact dl dd{ color:#fff; font-weight:500;}
.contact .container{ padding-bottom:80px; padding-top:100px; border-bottom:1px solid rgba(255,255,255,0.4);}




/* FOOTER */
footer{ width:100%; float:left; padding:10px 0; background:#febd0e; color:#fff;}
footer .logo{ height:20px; margin-bottom:30px;}
footer *{ -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
footer p{ line-height:22px; font-weight:500;}
footer h4{ font-weight:700; margin-top:0; margin-bottom:30px;}
footer .gallery{ width:100%; float:left; margin-left:-5px;}
footer .gallery li{ width:33.33333%; float:left; padding:5px;}
footer .gallery li img{ width:100%; float:left;}
footer .gallery li figure{ width:100%; float:left; position:relative;}
footer .gallery li figure figcaption{ width:100%; height:100%; position:absolute; text-align:center; left:0; top:0; background:rgba(254,210,15,0.8); opacity:0;}
footer .gallery li figure figcaption a{ color:#fff;}
footer .gallery li figure figcaption i{ margin-top:20%; display:inline-block; font-size:30px;}
footer .gallery li figure:hover figcaption{ opacity:1;}
footer  form{ width:100%; float:left;}
footer  form input[type="text"]{ width:100%; max-width:280px;  height:42px; border:none; padding:0 10px; margin-bottom:6px;}
footer  form button[type="submit"]{  height:42px; border:none; background:#00cadf; padding:0 20px; margin-bottom:6px;}




/* SUB FOOTER */
.sub-footer{ width:100%; float:left; background:#FDB312; padding:20px 0;}
.sub-footer h6{ font-size:12px; color:#fff; font-weight:700; text-transform:uppercase;}


@media only screen and (max-width: 989px), only screen and (max-device-width: 989px) {
	
.navbar-default .navbar-brand img{ height:18px;}
.navbar-default .nav>li>a{ padding:30px 10px;}
.latest-works ul li{ width:50%;}
.works ul li{ width:50%;}
.team-members figure img{ width:100%;}
.blog-sidebar{ padding-left:0;}
.blog .blog-post{ padding-right:0;}
.contact-info form input[type="text"]{ width:100%; margin-bottom:10px;}
.contact-info form .form-group{ margin-bottom:0;}
.contact-info form .spacing{ margin-right:0;}
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	
	
.navbar-default .navbar-toggle{border:none; background:none; margin-top:20px;}
.navbar-default .navbar-toggle:hover{ background:none;}
.navbar-default .navbar-toggle:focus{ background:none;}
.navbar-default .navbar-toggle .icon-bar{ background:#fff;}
.navbar-default .navbar-nav{ width:100%;}
.navbar-default .navbar-nav>li{ width:100%; padding:0;} 
.navbar-default .navbar-nav>li a{ width:100%; float:left; padding:10px 0;}
.navbar-default .navbar-nav>li a:hover{border:none; opacity:0.7;}
.navbar-default .navbar-nav>li:hover a{ border:none;}
.navbar-nav>li>.dropdown-menu{ width:100%;}
.navbar-default .dropdown-menu li{ text-align:left;}
.navbar-default .navbar-collapse{background:#febd0e; border:none; margin-top:11px;}
.services .no-padding{ padding:0 30px;}
.fun-facts h5{ font-size:16px;}
.latest-works ul li{ width:100%; padding:20px; padding-top:0; padding-bottom:10px;}
.latest-news .news-box{ margin-bottom:40px;}
footer .gallery{ margin-bottom:40px;}
.sub-footer h6{ float:left !important;}
.fixed-nav .icon-bar{ background:#000 !important;}
.fixed-nav .navbar-nav>li a{ color:#fff !important;}
.contact figure{ width:60px;}
}