/*

@Author: Themezinho
@URL: https://www.themezinho.net
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

	<-- 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(https://fonts.googleapis.com/css?family=Raleway:400,500,300,700);
@import url(https://fonts.googleapis.com/css?family=Pacifico);




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


/* 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 */
p{ margin-bottom:15px;}
b{ font-weight:700;}
ul{ margin:0; padding:0;}
ul li{ margin:0; padding:0; list-style:none;} 


/* BOXED LAYOUT*/
.gray-background{ background:#eee;}
.boxed-container{max-width:1200px; margin:0 auto;}
.boxed-wrapper {width:100%; float:left; background:#fff;}



/* TABLE VALIGN MIDDLE */

.table .inner{/* display:table-cell; *//* vertical-align:middle; */}
.img-full{ width:100%;}


header{overflow: hidden;}
/* LOADING */
.loading{width: 100vw;height:100%;text-align:center;position:fixed;left:0;top:0;z-index:99999;}
.loading img{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; margin-top:40px;}
.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);}



/* TRANSITION */
.transition-overlay{width: 100vw;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 ); */
background:#01B295;
}
.blue-bg{background:#12BAEB;}
.whatsapp-sec{
    font-size: 26px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #444;
}
.whatsapp-sec a{
    color: #444 !important;
    text-decoration: none;
}
.whatsapp-sec a:hover{
    color: #444 !important;
    text-decoration: none !important;
}
.ion-social-whatsapp{
    padding-right: 10px;
}

/* SIDE MENU */
.side-menu{width:270px;height:100%;/* display: none; */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;}
.side-menu form input[type="text"]{ width:100%; height:44px; float:left; padding:0 10px; background:#5d5b5c; border:none; margin-bottom:16px;}
.side-menu form textarea{width:100%; height:124px; float:left; padding:10px; background:#5d5b5c; border:none; margin-bottom:16px;}
.side-menu form button[type="button"]{ width:100%; height:44px; float:left; background:#00cae0; color:#fff; font-size:17px; font-weight:700; border:none;}
.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%; background:#febd0e; color:#fff;}
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{ width:600px; text-align:center; display:inline-block; color:#fff; position:relative; z-index:99;}
header .slide-content.spacing{ margin-top:220px;}
header .slide-content h1{ font-weight:700; margin-top:0; margin-bottom:30px; font-size:60px;}
header .slide-content h5{ width:600px; font-size:17px; 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;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{box-shadow: 0 0 10px 0 #000; background:url(../images/rainbow-bar.jpg) top repeat-x rgba(255,255,255,0.92) !important;}
.fixed-nav a{color:#333 !important;}
.fixed-nav img{  }
.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{background:url(../images/image1.jpg) no-repeat; }
.about-us .right-side{background:#f5f5f5;} 
.about-us .right-side .table{ width:100%; padding:30px;}
.about-us .right-side h3{ color:#999; font-size:30px; margin-bottom:30px;}
.about-us .right-side h3 span{ display:inline-block; font-weight:700;}
.about-us .right-side 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:#999;}
.about-us .right-side a:hover{text-decoration:none;}

.img_txt{border:2px solid #eee;margin: 0 0 25px;}

@media only screen and (max-width:1500px), only screen and (min-device-width:990px) {
    .about-us .right-side{height:500px;} 
    .about-us .left-side{height:500px;} 
}

.mb-style-3 {
   
}
.mb-wrap {
   
}

.mb-style-3 blockquote::before {
    border-top-color: rgba(0, 0, 0, 0.01);
    border-width: 11px;
    left: 65%;
    margin-left: -11px;
}
.mb-style-3 blockquote::after, .mb-style-3 blockquote::before {
    border: medium solid transparent;
    content: " ";
    position: absolute;
    
}
.mb-style-3 blockquote::after {
    border-top-color: #ffffff;
    border-width: 10px;
    left: 65%;
    margin-left: 25%;
}
.mb-style-3 blockquote::after, .mb-style-3 blockquote::before {
   
    
}

.more_txt{ color:#fff !important;}
.more_txt:hover{ color:#12BAEB !important;}
/*.col-md-4 {
    margin: 0 0 0 9px !important;
    width: 32.333% !important;
} */
.ss_txt{
	
	border: 2px solid #eee;
    margin: 0 0 0 10px;
    width: 49%;
}
.ss_txt p, h4, i{
	
	color:#333 !important;
}

.ss_txt1{border: 2px solid #eee;
    padding: 40px;
    text-align: center;}
	
	
	.ss_txt2{}
	
	
	.fat92{color:#fff !important;font-size: 70px;}
	
	.yellow-bg1{ background:#01B295;min-height: 426px;}
	
	
	.yellow-bg2{ background:#01B295;min-height: 426px;}
	.yellow-bg3{ background:#01B295;min-height: 492px;}
	.yellow-bg4{ background:#01B295;min-height: 470px;}

.yellow-bg4 h4{color:#fff !important;}
.yellow-bg3 h4{color:#fff !important;}
.yellow-bg2 h4{color:#fff !important;}
.yellow-bg1 h4{color:#fff !important;}





	.ss-bg {
    background: #eee none repeat scroll 0 0;
    min-height: 470px;
    }
	.ss-bg:hover {
    background: #12BAEB none repeat scroll 0 0;
    
    }
	
	
	.box.ss-bg p{color:#333 !important;}
	.box.ss-bg p:hover{color:#fff !important;}
	
/* SERVICES */
.services{ width:100%;padding:100px 0;}
.services .box{ width:100%; padding:40px 20px; margin-bottom:40px; position:relative;text-align: center;}
.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{ 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%;background:#f5f5f5; padding:100px 0; text-align:center;}
.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:50px 10%;}
.fun-facts .content-box:hover{ background:#12BAEB;}
.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:#999; 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;}

.okk_p{position:absolute;margin:20px 0px 0px 0px;}

.client_img{width: 98% !important ;border: 2px solid #eee;}
/* LATEST WORKS */

.latest-works h3{ color:#999; 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:#999;}
.latest-works .works-filter a:hover{text-decoration:none;}
.latest-works .works-filter a.current{ border-bottom:2px solid #febd0e;}
.latest-works .video-row{ width:100%;}

	.fat91{color:#fff;font-size:70px;}
.latest-works .video-col figure{ width:100%; height:100%; float:left; position:relative;}
.latest-works .video-col figure *{-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 .video-col figure:hover figcaption{ opacity:1; padding:10px;}
.latest-works .video-col figure img{ width:100%; float:left;}
.latest-works .video-col figure figcaption{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.latest-works .video-col figure figcaption h4{ font-weight:700; color:#fff; font-size:20px;}
.latest-works .video-col figure figcaption h4 a{color:#fff;}
.latest-works .video-col figure figcaption h4 a:hover{color:#fff; text-decoration:none;}
.latest-works .video-col figure figcaption small{ color:#fff; font-weight:500;}
.latest-works .video-col 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%;padding:100px 0;}
.logos h2{ font-size:0;}
.logos figure{ width:100%; float:left;}
.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:100px 0; background:#f5f5f5;}
.latest-news h3{ width:100%; text-align:center; color:#999; font-size:30px; margin-bottom:30px;}
.latest-news h3 span{ display:inline-block; font-weight:700;}
.latest-news .news-box{ width:100%; float:left;}
.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;}
.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;}
.latest-news .news-box .link:hover{ text-decoration: none;float:left; padding:10px 20px; background:#12BAEB; color:#fff; font-weight:700;}




/* QUOTE */
.quote{ width:100%; float:left; padding:100px 0; background:url(../images/hero2.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 .spacing{ margin-right:2%;}
.contact-info form  textarea{ width:100%; max-width:600px;}
.contact-info form button[type="button"]{ background:#febd0e; color:#fff;}
.map{ width:100%; height:400px;}

.fat9{
    border: 2px solid #999;
    border-radius: 50%;
    color: #999;
    float: left;
    font-size: 50px;
    height: 75px;
    width: 75px;
    padding: 1px;
    text-align: center;
    /* width: 75px !important; */
    }

/* CONTACT */
.contact{ width:100%; float:left; background:#fff;}
/*.contact figure{overflow: hidden;float:left;margin-right:20px;margin-top:10px;margin-bottom:20px;}*/

.contact dl{display:block;/* float: right; */}
.contact dl dt{ font-size:18px; font-weight:700; color:#999; margin-bottom:10px;}
.contact dl dd{ color:#999; 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:100px 0; background:#12BAEB; 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:#494949; 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 .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:#000;}
.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%; position:static;}
.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;}
header .slide-content h5{width: 90vw;font-size:14px;}
.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{text-align:center;}
	
}


/* additional modification*/
.navbar-fixed-bottom, .navbar-fixed-top {
    width: 100vw;
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.loading img{width: 64vw;display: block;margin: auto;}
.latest-works{width: 100vw;padding-top:100px;text-align:center;} 
.latest-works h3{ color:#999; 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:#999;}
.latest-works .works-filter a.current{ border-bottom:2px solid #febd0e;}
.latest-works .video-row{ width:100vw;}
.latest-works .video-col figure{ width:100vw; position:relative;}
.latest-works .video-col figure img{ width:100vw;}
.video-col iframe{width:100vw;}
.video-col {margin-bottom: 30px;}
.logos{ width:100%; padding:40px 2%;}
.fun-facts{ padding:40px 0;}
.logos h2{margin:0;}
.latest-news{padding:30px 0;}
.latest-news-col{padding:0;}
.latest-news .news-box h4,.latest-news .news-box p{padding:0px 2%;}
.latest-news .news-box .link {
    float: none;
    margin-left: 2%;
}
.contact .container{padding:30px 0px ;}
.contact-fields{
	width: 68%;
	float: none;
	padding: 20px 0px;
	padding-left: 32%;
}
/*.contact figure{position: absolute;top: 15px;left: 14%;}*/
.contact-row{
	width:100vw;
}
footer{
	    padding: 16px 3%;
}
.naviMobile-Btn{
	position: absolute;
    float:none;
    right: 5px;
    top: 10px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
}
}/*

@Author: Themezinho
@URL: https://www.themezinho.net
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

	<-- 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(https://fonts.googleapis.com/css?family=Raleway:400,500,300,700);
@import url(https://fonts.googleapis.com/css?family=Pacifico);




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


/* FORM ELEMENTS */
input[type="text"]{ height:42px; padding:0 10px; border:1px solid #eee;}
input[type="text"]::placeholder{color: #fff;}
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;}
textarea::placeholder{color: #fff;}

.ion-android-close{
    color: #fff !important;
}

/* 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 */
p{ margin-bottom:15px;}
b{ font-weight:700;}
ul{ margin:0; padding:0;}
ul li{ margin:0; padding:0; list-style:none;} 


/* BOXED LAYOUT*/
.gray-background{ background:#eee;}
.boxed-container{max-width:1200px; margin:0 auto;}
.boxed-wrapper {width:100%; float:left; background:#fff;}



/* TABLE VALIGN MIDDLE */

.table .inner{/* display:table-cell; *//* vertical-align:middle; */}
.img-full{ width:100%;}



/* LOADING */
.loading{width: 100vw;height:100%;text-align:center;position:fixed;left:0;top:0;z-index:99999;}
.loading img{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; margin-top:40px;}
.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);}



/* TRANSITION */
.transition-overlay{width: 100vw;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 ); */
background:#01B295;
}
.blue-bg{background:#12BAEB;}


/* SIDE MENU */
.side-menu{width:270px;height:100%;/* display: none; */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;}
.side-menu form input[type="text"]{ width:100%; height:44px; float:left; padding:0 10px; background:#5d5b5c; border:none; margin-bottom:16px;}
.side-menu form textarea{color:#fff; width:100%; height:124px; float:left; padding:10px; background:#5d5b5c; border:none; margin-bottom:16px;}
.side-menu form button[type="button"]{ width:100%; height:44px; float:left; background:#00cae0; color:#fff; font-size:17px; font-weight:700; border:none;}
.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;}

footer form input[type="text"]{
    color:#000 !important;
}
footer form input[type="text"]::placeholder{
    color:#000 !important;
}
.pdtop-6{
    padding-top: 60px !important;
}

/* HEADER */
header{ width:100%; background:#febd0e; color:#fff;}
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{ width:600px; text-align:center; display:inline-block; color:#fff; position:relative; z-index:99;}
header .slide-content.spacing{ margin-top:220px;}
header .slide-content h1{ font-weight:700; margin-top:0; margin-bottom:30px; font-size:60px;}
header .slide-content h5{ width:600px; font-size:17px; 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;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{box-shadow: 0 0 10px 0 #000; background:url(../images/rainbow-bar.jpg) top repeat-x rgba(255,255,255,0.92) !important;}
.fixed-nav a{color:#333 !important;}
.fixed-nav img{  }
.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{background:url(../images/image1.jpg) no-repeat; }
.about-us .right-side{background:#f5f5f5;} 
.about-us .right-side .table{ width:100%; padding:30px;}
.about-us .right-side h3{ color:#999; font-size:30px; margin-bottom:30px;}
.about-us .right-side h3 span{ display:inline-block; font-weight:700;}
.about-us .right-side 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:#999;}
.about-us .right-side a:hover{text-decoration:none;}

.img_txt{border:2px solid #eee;margin: 0 0 25px;}



.mb-style-3 {
   
}
.mb-wrap {
   
}

.mb-style-3 blockquote::before {
    border-top-color: rgba(0, 0, 0, 0.01);
    border-width: 11px;
    left: 65%;
    margin-left: -11px;
}
.mb-style-3 blockquote::after, .mb-style-3 blockquote::before {
    border: medium solid transparent;
    content: " ";
    position: absolute;
    
}
.mb-style-3 blockquote::after {
    border-top-color: #ffffff;
    border-width: 10px;
    left: 65%;
    margin-left: 25%;
}
.mb-style-3 blockquote::after, .mb-style-3 blockquote::before {
   
    
}

.more_txt{ color:#fff !important;}
.more_txt:hover{ color:#12BAEB !important;}
/*.col-md-4 {
    margin: 0 0 0 9px !important;
    width: 32.333% !important;
} */
.ss_txt{
	
	border: 2px solid #eee;
    margin: 0 0 0 10px;
    width: 49%;
}
.ss_txt p, h4, i{
	color: #373435 !important;
}

.ss_txt1{border: 2px solid #eee;
    padding: 40px;
    text-align: center;}
	
	
	.ss_txt2{}
	
	
	.fat92{color:#fff !important;font-size: 70px;}
	
	.yellow-bg1{ background:#01B295;min-height: 426px;}
	
	
	.yellow-bg2{ background:#01B295;min-height: 426px;}
	.yellow-bg3{ background:#01B295;min-height: 492px;}
	.yellow-bg4{ background:#01B295;min-height: 470px;}

.yellow-bg4 h4{color:#fff !important;}
.yellow-bg3 h4{color:#fff !important;}
.yellow-bg2 h4{color:#fff !important;}
.yellow-bg1 h4{color:#fff !important;}





	.ss-bg {
    background: #eee none repeat scroll 0 0;
    min-height: 470px;
    }
	.ss-bg:hover {
    background: #12BAEB none repeat scroll 0 0;
    
    }
	
	
	.box.ss-bg p{color:#333 !important;}
	.box.ss-bg p:hover{color:#fff !important;}
	
	


.mb-style-3 blockquote {
   border-radius: 5px;
    box-shadow: 0 0 5px 0 #999;
}
.mb-wrap blockquote {
    margin: 0;
    padding: 0;
    position: relative;
}
blockquote {
    margin: 1em 40px;
}
.mb-style-3 blockquote p::before {
    color: #12BAEB;
    content:;
    font-family: serif;
    font-size: 133px;
    font-style: normal;
    font-weight: 700;
    left: -77px;
    position: absolute;
    text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
    top: 45px;
}
.mb-style-3 blockquote p {
    color: #b4b4b4;
    font-family: "Alegreya",serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 30px;
    padding: 33px;
    position: relative;
    text-indent: 100px;
}
.mb-wrap p {
    margin: 0;
    padding: 0;
}
.mb-style-3 .mb-attribution {
    padding: 20px 100px 20px 20px;
    position: relative;
    text-align: right;
}
.mb-style-3 .mb-author {
    color: rgba(188, 147, 200, 1);
    font-family: "Alegreya SC",serif;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}
.mb-wrap p {
    margin: 0;
    padding: 0;
}







/* SERVICES */
.services{ width:100%;padding:100px 0;}
.services .box{ width:100%; padding:40px 20px; margin-bottom:40px; position:relative;text-align: center;}
.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{ 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%;background:#f5f5f5; padding:100px 0; text-align:center;}
.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:50px 10%;}
.fun-facts .content-box:hover{ background:#12BAEB;}
.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:#999; 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;}

.okk_p{position:absolute;margin:20px 0px 0px 0px;}

.client_img{width: 98% !important ;border: 2px solid #eee;}
/* LATEST WORKS */
.latest-works h3{ color:#999; 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:#999;}
.latest-works .works-filter a:hover{text-decoration:none;}
.latest-works .works-filter a.current{ border-bottom:2px solid #febd0e;}
.latest-works .video-row{ width:100%;}

	.fat91{color:#fff;font-size:70px;}
.latest-works .video-col figure{ width:100%; height:100%; float:left; position:relative;}
.latest-works .video-col figure *{-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 .video-col figure:hover figcaption{ opacity:1; padding:10px;}
.latest-works .video-col figure img{ width:100%; float:left;}
.latest-works .video-col figure figcaption{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.latest-works .video-col figure figcaption h4{ font-weight:700; color:#fff; font-size:20px;}
.latest-works .video-col figure figcaption h4 a{color:#fff;}
.latest-works .video-col figure figcaption h4 a:hover{color:#fff; text-decoration:none;}
.latest-works .video-col figure figcaption small{ color:#fff; font-weight:500;}
.latest-works .video-col 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%;padding:100px 0;}
.logos h2{ font-size:0;}
.logos figure{ width:100%; float:left;}
.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:100px 0; background:#f5f5f5;}
.latest-news h3{ width:100%; text-align:center; color:#999; font-size:30px; margin-bottom:30px;}
.latest-news h3 span{ display:inline-block; font-weight:700;}
.latest-news .news-box{ width:100%; float:left;}
.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;}
.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;}
.latest-news .news-box .link:hover{ text-decoration: none;float:left; padding:10px 20px; background:#12BAEB; color:#fff; font-weight:700;}




/* QUOTE */
.quote{ width:100%; float:left; padding:100px 0; background:url(../images/hero2.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 .spacing{ margin-right:2%;}
.contact-info form  textarea{ width:100%; max-width:600px;}
.contact-info form button[type="button"]{ background:#febd0e; color:#fff;}
.map{ width:100%; height:400px;}

.fat9{
    border: 2px solid #999;
    border-radius: 50%;
    color: #999;
    float: left;
    font-size: 50px;
    height: 75px;
    width: 75px;
    padding: 1px;
    text-align: center;
    /* width: 75px !important; */
    }

/* CONTACT */
.contact{ width:100%; float:left; background:#fff;}
.contact figure{overflow: hidden;float:left;margin:10px 20px;}

.contact dl{display:block;/* float: right; */}
.contact dl dt{ font-size:18px; font-weight:700; color:#999; margin-bottom:10px;}
.contact dl dd{ color:#999; 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:100px 0; background:#12BAEB; 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:#494949; 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 .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:#000;}
.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%; position:static;}
.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;}
header .slide-content h5{width: 90vw;font-size:14px;}
.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{text-align:center;}
	
}


/* additional modification*/
.navbar-fixed-bottom, .navbar-fixed-top {
    width: 100vw;
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.loading img{width: 64vw;display: block;margin: auto;}
.latest-works{width: 100vw;padding-top:100px;text-align:center;} 
.latest-works h3{ color:#999; 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:#999;}
.latest-works .works-filter a.current{ border-bottom:2px solid #febd0e;}
.latest-works .video-row{ width:100vw;}
.latest-works .video-col figure{ width:100vw; position:relative;}
.latest-works .video-col figure img{ width:100vw;}
.video-col iframe{width:100vw;}
.video-col {margin-bottom: 30px;}
.logos{ width:100%; padding:40px 2%;}
.fun-facts{ padding:40px 0;}
.logos h2{margin:0;}
.latest-news{padding:30px 0;}
.latest-news-col{padding:0;}
.latest-news .news-box h4,.latest-news .news-box p{padding:0px 2%;}
.latest-news .news-box .link {
    float: none;
    margin-left: 2%;
}
.contact .container{padding:30px 0px ;}
.contact-fields{
	width: 68%;
	float: none;
	padding: 20px 0px;
	padding-left: 32%;
}
/*.contact figure{position: absolute;top: 15px;left: 14%;}*/
.contact-row{
	width:100vw;
}
footer{
	    padding: 16px 3%;
}
.naviMobile-Btn{
	position: absolute;
    float:none;
    right: 5px;
    top: 10px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
}
}/*

@Author: Themezinho
@URL: https://www.themezinho.net
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

	<-- 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(https://fonts.googleapis.com/css?family=Raleway:400,500,300,700);
@import url(https://fonts.googleapis.com/css?family=Pacifico);




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


/* 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 */
p{ margin-bottom:15px;}
b{ font-weight:700;}
ul{ margin:0; padding:0;}
ul li{ margin:0; padding:0; list-style:none;} 


/* BOXED LAYOUT*/
.gray-background{ background:#eee;}
.boxed-container{max-width:1200px; margin:0 auto;}
.boxed-wrapper {width:100%; float:left; background:#fff;}



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



/* LOADING */
.loading{width: 100vw;height:100%;text-align:center;position:fixed;left:0;top:0;z-index:99999; display:none;}
.loading img{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; margin-top:40px;}
.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);}



/* TRANSITION */
.transition-overlay{width: 100vw;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 ); */
background:#01B295;
}
.blue-bg{background:#12BAEB;}


/* SIDE MENU */
.side-menu{width:270px;height:100%;/* display: none; */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;}
.side-menu form input[type="text"]{color:#fff;width:100%; height:44px; float:left; padding:0 10px; background:#5d5b5c; border:none; margin-bottom:16px;}
.side-menu form textarea{width:100%; height:124px; float:left; padding:10px; background:#5d5b5c; border:none; margin-bottom:16px;}
.side-menu form button[type="button"]{ width:100%; height:44px; float:left; background:#00cae0; color:#fff; font-size:17px; font-weight:700; border:none;}
.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%; background:#febd0e; color:#fff;}
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{ width:600px; text-align:center; display:inline-block; color:#fff; position:relative; z-index:99;}
header .slide-content.spacing{ margin-top:220px;}
header .slide-content h1{ font-weight:700; margin-top:0; margin-bottom:30px; font-size:60px;}
header .slide-content h5{
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 20px;
    padding-top: 25px;}
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{ margin-bottom:0px;height:85px;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{ 
    color: #373435 !important;
    font-weight: 700;
    font-size: 13px;
    padding: 40px 10px 27px 10px;
}
.navbar-default .navbar-nav>li>a:hover{border-bottom:3px solid #fff; color:#fdca0f;}
.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:#fdca0f;}
.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 !important; font-weight:700; border:none !important;}
.navbar-default .dropdown-menu li a:hover{background:none; opacity:0.8;}
.fixed-nav{
    box-shadow: 0 2px 2px 0 #ded9d9;
    background: url(../images/rainbow-bar.jpg) top repeat-x rgba(255,255,255,0.92) !important;
}
.fixed-nav a{color:#333 !important;}
.fixed-nav img{  }
.fixed-nav .dropdown-menu{ background:#febd0e;}
.fixed-nav .dropdown-menu a{ color:#fff !important;}
.portfolioFilter a { text-transform:uppercase;}
/* ABOUT US*/
.about-us{ width:100%; float:left;}
.about-us .left-side{background:url(../images/image1.jpg) no-repeat; }
.about-us .right-side{background:#f5f5f5;} 
.about-us .right-side .table{ width:100%; padding:30px;}
.about-us .right-side h3{ color:#999; font-size:30px; margin-bottom:30px;}
.about-us .right-side h3 span{ display:inline-block; font-weight:700;}
.about-us .right-side 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:#999;}
.about-us .right-side a:hover{text-decoration:none;}

.img_txt{border:2px solid #eee;margin: 0 0 25px;}



.mb-style-3 {
   
}
.mb-wrap {
   
}

.mb-style-3 blockquote::before {
    border-top-color: rgba(0, 0, 0, 0.01);
    border-width: 11px;
    left: 65%;
    margin-left: -11px;
}
.mb-style-3 blockquote::after, .mb-style-3 blockquote::before {
    border: medium solid transparent;
    content: " ";
    position: absolute;
    
}
.mb-style-3 blockquote::after {
    border-top-color: #ffffff;
    border-width: 10px;
    left: 65%;
    margin-left: 25%;
}
.mb-style-3 blockquote::after, .mb-style-3 blockquote::before {
   
    
}

.more_txt{ color:#fff !important;}
.more_txt:hover{ color:#12BAEB !important;}
/*.col-md-4 {
    margin: 0 0 0 9px !important;
    width: 32.333% !important;
} */

	
	
	.fat92{color:#fff !important;font-size: 70px;}
	
	.yellow-bg1{ background:#01B295;min-height: 426px;}
	
	
	.yellow-bg2{ background:#01B295;min-height: 426px;}
	.yellow-bg3{ background:#01B295;min-height: 492px;}
	.yellow-bg4{ background:#01B295;min-height: 470px;}

.yellow-bg4 h4{color:#fff !important;}
.yellow-bg3 h4{color:#fff !important;}
.yellow-bg2 h4{color:#fff !important;}
.yellow-bg1 h4{color:#fff !important;}





	.ss-bg {
    background: #eee none repeat scroll 0 0;
    min-height: 470px;
    }
	.ss-bg:hover {
    background: #12BAEB none repeat scroll 0 0;
    
    }
	
	
	.box.ss-bg p{color:#333 !important;}
	.box.ss-bg p:hover{color:#fff !important;}
	
	

.about-txt{
    font-size: 16px;
    line-height: 29px;
   }
.mb-style-3 blockquote {
   border-radius: 5px;
    box-shadow: 0 0 5px 0 #999;
}
.mb-wrap blockquote {
    margin: 0;
    padding: 0;
    position: relative;
}
blockquote {
    margin: 1em 40px;
}
.mb-style-3 blockquote p::before {
    color: #12BAEB;
    content: "“";
    font-family: serif;
    font-size: 133px;
    font-style: normal;
    font-weight: 700;
    left: -77px;
    position: absolute;
    text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
    top: 45px;
}
.mb-style-3 blockquote p {
    color: #b4b4b4;
    font-family: "Alegreya",serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 30px;
    padding: 33px;
    position: relative;
    text-indent: 100px;
}
.mb-wrap p {
    margin: 0;
    padding: 0;
}
.mb-style-3 .mb-attribution {
    padding: 20px 100px 20px 20px;
    position: relative;
    text-align: right;
}
.mb-style-3 .mb-author {
    color: rgba(188, 147, 200, 1);
    font-family: "Alegreya SC",serif;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}
.mb-wrap p {
    margin: 0;
    padding: 0;
}







/* SERVICES */
.services{ width:100%;padding:100px 0;}
.services .box{ width:100%; padding:40px 20px; margin-bottom:40px; position:relative;text-align: center;}
.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{ 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 5%;}
.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%;background:#f5f5f5; padding:35px 0; text-align:center;}
.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:50px 10%;}
.fun-facts .content-box:hover{ background:#12BAEB;}
.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:#999; font-size:40px;}
.fun-facts span{ display:block; color:#373435; font-size:40px; font-weight:700;} 
.fun-facts h5{ display:inline-block; color:#373435; font-size:18px;}

.okk_p{position:absolute;margin:20px 0px 0px 0px;}
.fun-facts .content-box.active{
    background: #12BAEB;
}
.fun-facts .content-box.active .counter{color: #fff;}
.fun-facts .content-box.active h5{color: #fff;}
.client_img{width: 98% !important ;border: 2px solid #eee;}
/* LATEST WORKS */
.latest-works{padding-top:100px;text-align:center;} 
.latest-works h3, .logos h3{ color:#373435; font-size:30px; margin-bottom:30px;} .logos h3{ text-align:center;}
.latest-works h3 span, .logos h3 span{ display:inline-block; font-weight:700;color: #373435;}
.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:#999;}
.latest-works .works-filter a:hover{text-decoration:none;}
.latest-works .works-filter a.current{ border-bottom:2px solid #febd0e;}
.latest-works .video-row{padding: 20px 0px;width:100%;}

	.fat91{color:#fff;font-size:70px;}
.latest-works .video-col figure{ width:100%; height:100%; float:left; position:relative;}
.latest-works .video-col figure *{-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 .video-col figure:hover figcaption{ opacity:1; padding:10px;}
.latest-works .video-col figure img{ width:100%; float:left;}
.latest-works .video-col figure figcaption{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.latest-works .video-col figure figcaption h4{ font-weight:700; color:#fff; font-size:20px;}
.latest-works .video-col figure figcaption h4 a{color:#fff;}
.latest-works .video-col figure figcaption h4 a:hover{color:#fff; text-decoration:none;}
.latest-works .video-col figure figcaption small{ color:#fff; font-weight:500;}
.latest-works .video-col 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%;padding:100px 0;}
.logos h2{ font-size:0;}
.logos figure{ width:100%; float:left;}
.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:100px 0; background:#f5f5f5;}
.latest-news h3{ width:100%; text-align:center; color:#373435; font-size:30px; margin-bottom:30px;}
.latest-news h3 span{ display:inline-block; font-weight:700;color: #373435;}
.latest-news .news-box{ width:100%; float:left;}
.latest-news .news-box figure{ width:100%; float:left; margin-bottom:20px; position:relative;}
.latest-news .news-box figure img{ width:100%;margin: 0px;}
.latest-news .news-box h4{ width:100%; float:left; font-weight:700;}
.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;}
.latest-news .news-box .link:hover{ text-decoration: none;float:left; padding:10px 20px; background:#12BAEB; color:#fff; font-weight:700;}




/* QUOTE */
.quote{ width:100%; float:left; padding:100px 0; background:url(../images/hero2.jpg) #019AAA 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:5px; padding:0 5px; 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;}
.quote .carousel-indicators{ bottom:-30%;}




/* 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:15px;display: flex;}
.contact-info form .spacing{ margin-right:2%;}
.contact-info form  textarea{ width:100%; max-width:600px;}
.contact-info form button[type="button"]{ background:#febd0e; color:#fff;}
.map{ width:100%; height:400px;}

.fat9{
    border: 2px solid #999;
    border-radius: 50%;
    color: #999;
    float: left;
    font-size: 50px;
    height: 75px;
    width: 75px;
    padding: 1px;
    text-align: center;
    /* width: 75px !important; */
    }

/* CONTACT */
.contact{ width:100%; float:left; background:#fff;}
.contact figure{overflow: hidden;float:left;margin-right:20px;margin-top:10px;margin-bottom:20px;}

.contact dl{display:block;/* float: right; */}
.contact dl dt{ font-size:18px; font-weight:700; color:#000; margin-bottom:10px;}
.contact dl dd{ color:#000; font-weight:500;}
.contact .container{ padding:40px 0px; }




/* FOOTER */
footer{ width:100%; float:left; padding:100px 0; background:#0A8DB3; 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:48.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:#333; 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 .nav>li>a{ padding:30px 5px;}
.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:15px;}
.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:#000;}
.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%; position:static;}
.navbar-default .dropdown-menu li{ text-align:left;}
.navbar-default .navbar-collapse{background:#febd0e; border:none;}
.services .no-padding{ padding:0 30px;}
header .slide-content h5{width: 90vw;font-size:14px;}
.fun-facts h5{ font-size:16px;}
.latest-works ul li{width:100%;/* padding:20px; */padding-top:20px;padding-bottom:10px;}
.latest-news .news-box{ margin-bottom:40px;}
footer .gallery{ margin-bottom:40px;}
.sub-footer h6{text-align:center;}
	
}


/* additional modification*/
.navbar-fixed-bottom, .navbar-fixed-top {
    width: 100vw; background:#fff;
}
.right-side {
    padding: 0px 5%;
}
.left-side {
    padding: 0;
}
.table{margin-top:0;}

@media (min-width: 767px) and (max-width:1024px){
	.navbar-header{
    position: absolute;
    left: 8px;
}

}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	.about-us .right-side {
    height: auto !important;
    padding: 0 !important;
}
header.int-header {
    height: auto !important;
}
section.services {
    padding: 20px 0px !important;
}
h2.title {
    padding-left: 10px;
}

h5.sub-title {
    padding-left: 10px;
}

section.latest-works {
    padding: 10px 0px;
}
.digital img ,.branding img{
    width: 100%;
}
	.table{width:100vw;    margin-top: 20px;}
.loading img{width: 64vw;display: block;margin: auto;}
.latest-works{width: 100vw;padding-top:100px;text-align:center;} 
.latest-works h3{ color:#999; 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:#999;}
.latest-works .works-filter a.current{ border-bottom:2px solid #febd0e;}
.latest-works .video-row{ width:100vw;}
.latest-works .video-col figure{ width:100vw; position:relative;}
.latest-works .video-col figure img{ width:100vw;}
.video-col iframe{width:100vw;}
.video-col {margin-bottom: 30px;}
.logos{ width:100%; padding:40px 2%;}
.fun-facts{ padding:40px 0;}
.logos h2{margin:0;}
.latest-news{padding:30px 0;}
.latest-news-col{padding:0;}
.latest-news .news-box h4,.latest-news .news-box p{padding:0px 2%;}
.latest-news .news-box .link {
    float: none;
    margin-left: 2%;
}
.contact .container{padding:30px 0px ;}
.contact-fields{
    position: relative;
    width: 100%;
    height: 100px;
    float: none;
    padding: 20px 0px;
    padding-left: 4%;
}
/*.contact figure{position: absolute;top: 15px;left:4%;}*/
.contact dl {
    position: absolute;
    left: 120px;
}
.contact-row{
	width:100vw;
}
footer{
	    padding: 16px 3%;
}
.naviMobile-Btn{
	position: absolute;
    float:none;
    right: 5px;
    top: 17px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
}
.video figure{
	position:relative;

}
.video figure figcaption{
	position:absolute;
	bottom:0;
}
.video figure img,.video figure iframe{
	width:100vw;
}
.portfolio-header{
	padding-left:4%;
}
.row blockquote{
	margin: 0;
    padding: 20px 5%;
}
.about-txt{
	padding: 0px 4%;
	width:100vw;
}
.about-txt iframe{
	width:100%;
}
.contact-row{
	padding:0px 4%;
}
.services-row{
   
    padding: 0;
}
}
.mb-attribution{text-align:right;}
.dropdown-menu{background: #999 !important}
@media only screen and (min-width: 767px), only screen and (min-device-width: 767px) {
	.latest-works ul li {
    border: 2px solid #eee;
    float: left;
    margin: 0px 15px;
    padding: 5px;
    width: 31.333%;
    height: 180px;
    min-height: 180px;
    margin-bottom: 30px;
}
.latest-works ul li figure {
    width: 100%;
    height: 165px;
    float: left;
    position: relative;
	overflow:hidden;
}
.latest-works ul li figure img {
    width: 100%;
    float: left;
	max-width:100%;
	height:auto;
}
.latest-works ul li figure figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.latest-works ul li figure * {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.video-col {
    padding: 0;
    height: 211px;
    overflow: hidden;
    padding: 10px;
}

iframe{
width:100%}
.services .box {
    min-height:350px;
}

}
.portfoliopage .navbar-fixed-top{    width: 100vw;    background: #fff;    opacity: 1;}.portfoliopage .navbar-default .navbar-nav>li>a{	color:#000;}


.banner .tp-caption{left:0px !important;width: 100%;}
.banner .slide-content{padding: 0px 20px;width: 100% !important;}
header .slide-content h5{width: 100%;}
.rev_slider .tp-caption{white-space:inherit !important;}


@media only screen and (max-width:400px){
    .services .box {

        width: 100%;
        padding: 0px 20px 5px 20px !important;
        margin-bottom: 0px;
        position: relative;
        text-align: center;
    
    }
	header .slide-content h1{
		margin-bottom: 15px;
		font-size: 35px;
	}
	.bannernew{ margin-top:16%;}
	
}


.side-menu h4{
    color: #febd0e !important;
}
.buttn-get-firection{
    margin-top: 25px;
    color: #fff;
    display: inline-block;
    padding: 20px 50px;
    background: #00cadf;
    font-size: 15px;
    font-weight: 700;
    border: none;
}
.filterlisting .table{
    background-color: #fff;
    padding: 10px 0px;
}
.filterlisting .table .inner a:hover{
    color: #febd0e !important;
    text-decoration: underline;
}
.filterlisting li:hover figcaption{
    opacity: 0;
}

.logo{
	float: left;
    padding: 9px 0px;
    margin: 0px;
    position: relative;
    right: 48px;
}
.newnav{
	position: relative;
    left: -20%;
    right: -20%;
    margin: auto;
    text-align: center;
}
.whatsapp-sec-1{
    position: absolute;
    left: 84%;
    top: 0px;
    width: 170px;
    font-family: 'Lato','Open Sans',sans-serif !important;
    padding: 4px 10px;
}
.whatsapp-number{
	color:#000;
}

.box-new1 {
    min-height:460px !important;
}
.box-new2 {
    min-height:480px !important;
}
.box-new3 {
    min-height:495px !important;
}
@media screen and (min-width:767px) and (max-width:1199px){
.logo {
    float: left;
    padding: 15px 0px;
    margin: 0px;
    position: relative;
    right: 0px;
    width: 110px;
}
.logo img{
	max-width:100%;
	width:100%;
}
.newnav {
    position: relative;
    left: 10px;
    right: -20%;
    margin: auto;
    text-align: center;
}	
.whatsapp-sec-1{
	display:none;
}
.navbar-default .navbar-nav>li>a{
	font-size:12px;
}
}

@media screen and (max-width:767px){
.logo{
    right: 0px;
    width: 135px;
    padding: 10px;
    top: 4px;
}	
.header-top .top-left{width: 100% !important;}
.whatsapp-sec-1{
	display:none;
}
.newnav{
    left: 0%;
    right:0%;
    margin: auto;
    text-align: left;
}
.social-icon-one{display: none;}
.contact-list .textwidget{
	overflow: hidden;
    justify-content: space-between;
    display: flex;
    width:100%;
}
.header-top .contact-list li{padding-right: 0px;}
}




/*  = = = = = ==   New add css 30 November    == = =  = ==  ==  =*/

#contact_us_page .form-group .listbar input{width:90%;}
#contact_us_page .form-group .listbar{flex: 1;}
#contact_us_page .form-group .listbar textarea{width:95%;}
#contact_us_page .form-group .listbar.last{width:90%;}
#contact_us_page .form-group .listbar label{width:90%;}
.main-header-sec{
    background-color: #fff;
    position: fixed;
    top: 0px;
    z-index: 999999;
    width: 100%;
}
.header-top .top-left {
    position: relative;
    float: left;
    width: 50%;
}
.header-top .top-right {
    position: relative;
    float: right;
    width: 50%;
    text-align: right;
}
.contact-list{width:100%;}
.header-top 

.contact-list li{float:left;padding-right: 20px;color: #373435;}
.contact-list li a{color: #373435;}
.social-icon-one li{color: #373435;}
.header-top{padding: 8px 0px;}
.textwidget li i{font-size: 16px;}

.job_type{margin-bottom: 40px;}
.job_type h3{color: #999;}
.text-center{
	text-align: center;
}
.main-career-page{
    background: #f2f7fb;
    padding: 30px 0px 60px 0px;
}
#featured .job-featured {
    background: #fff;
    padding: 20px;
    margin: 0px 0px 15px 0px;
    border-radius: 4px;
    border-left: 4px solid transparent;
    box-shadow: 0 0 14px rgba(191,191,191,.24);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
     border-color: #febd0e;
}
#featured .job-featured .icon {
    float: left;
    position: relative;
    width: 70px;
    text-align: center;
    display: inline-block;
    height: 70px;
    line-height: 70px;
    box-shadow: 0 0 7px rgba(203,203,203,.23);
}
#featured .job-featured .icon {
    float: left;
    position: relative;
    width: 70px;
    text-align: center;
    display: inline-block;
    height: 70px;
    line-height: 70px;
    box-shadow: 0 0 7px rgba(203,203,203,.23);
}
#featured .job-featured .content h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}
#featured .job-featured .content h3 a {
    color: #333;
}
#featured .job-featured .content .brand {
    font-size: 15px;
    margin-bottom: 7px;
    color: #666;
}
#featured .job-featured .content .tags {
    margin-bottom: 15px;
}
.full-time {
    color: #febd0e;
    background: #febd0e4a;
}
#featured .job-featured .content .tags span {
    margin-right: 10px;
}
#featured .job-featured .content .tags span i {
    color: #26ae61;
    margin-right: 5px;
}
#featured .job-featured:hover {
   
}
.full-time, .part-time {
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.part-time {
    color: #ff6046;
    background: #ffd8d2;
}
#featured .job-featured .content h3 a:hover {
    color: #febd0e;
    text-decoration: none;
}
.job-detail{
    padding: 60px 0;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.job-detail .content-area {
    padding: 15px 20px;
    box-shadow: 0 0 14px rgba(191,191,191,.24);
}
.job-detail .content-area h4 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
}
.job-detail .content-area p {
    margin-bottom: 15px;
}
.job-detail .content-area h5 {
    font-size: 20px;
    font-weight: 700;
    margin: 15px 0;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-common {
    background-color: #26ae61;
}
.btn-common {
    background: #febd0e;
    color: #fff;
    position: relative;
    z-index: 9999;
}
.sideber {
    padding: 15px;
    box-shadow: 0 0 14px rgba(191,191,191,.24);
}
.apply_job:hover{color: #fff !important;text-decoration: none;}

.sideber .widghet h3{font-weight:700;margin-bottom: 20px;}

#contact-section {
    background: #12baeb;
    padding: 20px;
    width: 99%;
    float: right
}

#contact-section h3,#job-section h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid#ccc;
    color: #fff;
    text-align: center
}

.readlessc,.readlessc:hover,.readmorec,.readmorec:hover {
    color: #1679b2;
    text-decoration: underline
}

.apply-jb {
    width: 100%;
    height: 34px;
    border: 1px solid #ccc;
    padding-left: 5px;
    border-radius: 5px
}

.careerpage {
    padding: 50px 0
}
.apply_submit_bttn{
    background: #494949;
    color: #fff;
    font-size: 16px;
    margin-top: 12px;
    padding: 10px 10px;
    height: 40px;
}
.apply_submit_bttn:hover{color: #fff;}
.mu-title p{text-align: justify;}


/*footer social 1 may *rahul*/

.footer-social-main{
    margin-top: 0px;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}
.footer-social-main li{
    float: left;
    margin: 0px 5px;
}
.footer-social-main li:first-child{margin-left: 0px;}
.footer-social-main li a{
    background-color: #fff;
    color: #fff;
    font-size: 19px;
    border-radius: 22px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-social-main li:first-child a i{color: #3b5999 !important;}
.footer-social-main li:nth-child(2) a i{color: #e4405f !important;}
.footer-social-main li:nth-child(3) a i{color: #0077B5 !important;}
.footer-social-main li:nth-child(4) a i{color: #bd081c !important;}

@media (max-width:1024px){
	.contact-info{padding: 10px 0px;}
	.mb30-responsive{margin-bottom: 30px;}
}
@media (min-width: 768px) and (max-width:1024px){
    .contact{float: none;}
    .contact .container{padding-right: 15px;padding-left: 15px;}
    .buttn-get-firection{margin-bottom: 20px;}
    .fat9{font-size: 40px;height: 60px;width: 60px;}

}

@media (min-width: 768px) and (max-width:980px){
    .sub-footer .col-md-6{width: 50%;float: left;}
}
@media (max-width:767px){
    .contact-info form .form-group{display: block;}
    #contact_us_page .form-group .listbar input{width: 100%;}
    .footer-social-main{justify-content: center;margin-top: 15px;}
    .diplaynonemobile{display: none;}
    .mobilesetpad{padding: 25px;}
    .mobilesetpad img{width: 100%;margin: auto;}


}

.cwork-text{
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
}