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

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


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



/* LINKS */
a{color:#f04243;}
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{ width:100%; height:100% !important; display:table; margin:0;}
.table .inner{ display:table-cell; vertical-align:middle;}
.img-full{ width:100%;}



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



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



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



/* SIDE MENU */
.side-menu-footer {
    width: 270px;
    height: 100%;
   
    /* right: -270px; */
    top: 0;
    /* background: #535353; */
    padding: 20px;
    z-index: 9999;
}
.side-menu-footer a i{
color:#fff;}
.side-menu-footer ul li.facebook{ background:#3b5999;}
.side-menu-footer ul li.twitter{ background:#00bcf8;}
.side-menu-footerul li.googleplus{ background:#d3492d;}
.side-menu-footerul li.instagram{ background:#5989b9;}
.side-menu-footer ul li.pinterest{ background:#f63234;}
.side-menu-footer li.youtube{ background:#fe0000;}

.side-menu-footer ul{ width:100%; position:absolute; bottom:0; left:0; padding:20px;}
.side-menu-footer li{ width:34px; height:34px; line-height:34px; float:left; text-align:center; background:red; margin-right:4px;}




.side-menu{ width:270px; height:100%; position:fixed; right:-270px; top:0; background:#535353; padding:20px; z-index:9999;}
.side-menu{transition-duration: 500ms; -webkit-transition-duration: 500ms; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}
.side-menu.show-me{ right:0;}
.side-menu .side-menu-close{ position:absolute; right:0; top:0; padding:27px 20px; cursor:pointer;}
.side-menu .side-menu-close i{ font-size:20px; color:#fff;}
.side-menu h4{ color:#fff; font-size:20px; font-weight:700; margin-bottom:30px;}
.side-menu form{ width:100%; float:left;}
.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:#f04243; 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%; height:100%; float:left; background:#febd0e; color:#fff;}
header.int-header{ height:300px;}
header.int-header .title{ width:100%; float:left; font-size:40px; font-weight:700; color:#fff; margin-top:150px;}
header.int-header .sub-title{ width:100%; float:left; font-size:19px; font-weight:500; color:#fff;}
header .banner{ width:100%; float:left;}
header .slide-content{ 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:#f04243; font-size:15px; font-weight:700;}
header .slide-content a:hover{ text-decoration:none;}
header .slide-content .icon{ display:inline-block; margin-top:30px;}
header video{min-width:100%; min-height:100%; transform: scale(1.3); float:left; opacity:0.3; position:absolute; left:0; top:0;}



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




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

/* ABOUT US*/
.about-us{ width:100%; float:left;}
.about-us .left-side{ height:500px; background:url(../images/image1.jpg) no-repeat; }
.about-us .right-side{height:500px; background:#f5f5f5;} 
.about-us .right-side .table{ width:100%; padding:30px;}
.about-us .right-side h3{ color:#f04243; 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 #f04243; padding-bottom:6px; color:#f04243;}
.about-us .right-side a:hover{text-decoration:none;}




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



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



/* FUN FACTS*/
.fun-facts{ width:100%; float:left; background:#f5f5f5; padding: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:#f04243;}
.fun-facts .content-box:hover i{ color:#fff;}
.fun-facts .content-box:hover span{ color:#fff;}
.fun-facts .content-box:hover h5{ color:#fff;}
.fun-facts i{ display:inline-block; color:#fed20f; font-size:40px;}
.fun-facts span{ display:block; color:#babac2; font-size:40px; font-weight:700;} 
.fun-facts h5{ display:inline-block; color:#babac2; font-size:18px;}




/* LATEST WORKS */
.latest-works{ width:100%; float:left; padding-top:20px; text-align:center;} 
.latest-works h3{ color:#f04243; 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:#f04243;}
.latest-works .works-filter a:hover{text-decoration:none;}
.latest-works .works-filter a.current{ border-bottom:2px solid #f04243;}
.latest-works ul{ width:100%; float:left;}
.latest-works ul li{ width:33.33333%; float:left;}
.latest-works ul li figure{ width:100%; height:100%; float:left; position:relative;}
.latest-works ul li figure *{-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 ul li figure:hover figcaption{ opacity:1; padding:10px;}
.latest-works ul li figure img{ width:100%; float:left;}
.latest-works ul li figure figcaption{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.latest-works ul li figure figcaption h4{ font-weight:700; color:#fff; font-size:20px;}
.latest-works ul li figure figcaption h4 a{color:#fff;}
.latest-works ul li figure figcaption h4 a:hover{color:#fff; text-decoration:none;}
.latest-works ul li figure figcaption small{ color:#fff; font-weight:500;}
.latest-works ul li figure figcaption .table{background:rgba(244,11,11,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(244,11,11,0.8);}


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


/* LOGOS */
.logos{ width:100%; float:left; padding: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:#f04243; 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:#f04243; 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:#f04243;*/ color:#fff; font-weight:700; font-size:20px; padding:0px 30px;}
.quote a:hover{ text-decoration:none; background:rgba(224,11,11,0); color:#f04243;}




/* 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:#f40b0b;}
.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:#f40b0b;}
.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:#f40b0b; 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:#f40b0b; 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:#f40b0b; 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 .panel-group .panel-body { text-align:left;}
.contact-info .panel-group .panel-title a{ text-decoration:none; 
text-align:left;
}
.contact-info  .account-detail p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
text-align:center;}
.contact-info .panel-title{text-align: left;}
.contact-info  .panel-body img{width:50%; height:auto; margin: 0% 25% ;
text-align:center;}
.contact-info .panel-title i{float: right;}
.contact-info{ width:100%; float:left; padding:100px 0;}
.contact-info h3{ font-weight:700;}
.contact-info h5{ margin-bottom:20px; color:#949494;}
.contact-info a{ text-decoration:underline; font-weight:500;}

.contact-info form{ width:100%; /*max-width:600px;*/ display:inline-block;}
.contact-info form .form-group{ width:100%; float:left; margin-bottom:10px;}
.contact-info form input[type="text"]{ width:49%; float:left;}
.contact-info form select{ width:49%; float:left;     height: 42px;
    padding: 0 10px;
    border: 1px solid #8e8c8c}
input[type=file] {  width:49%; float:left;}
.contact-info form .spacing{ margin-right:2%;}
.contact-info form  textarea{ width:100%; /*max-width:600px;*/}
.contact-info form button[type="button"]{ background:#f04243; color:#fff;}
.map{ width:100%; height:400px;}
/* CONTACT */
.contact{ width:100%; float:left; background:#f04243;}
.contact h2{ font-size:0;}
.contact figure{ float:left; margin-right:20px; margin-top:10px; margin-bottom:20px;}
.contact dl{ display:block;}
.contact dl dt{ font-size:18px; font-weight:700; color:#fff; margin-bottom:10px;}
.contact dl dd{ color:#fff; font-weight:500; font-family:Arial, Helvetica, sans-serif;}
.contact .container{ padding-bottom:20px; padding-top:50px; border-bottom:1px solid rgba(255,255,255,0.4);}
/* FOOTER */
footer{ width:100%; float:left; padding:60px 0; background:#000; 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:#f04243; padding:0 20px; margin-bottom:6px;}

footer p a{
color:#fff;}
footer p a:hover{
text-decoration:none;
color:#f04243;}

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


@media only screen and (max-width: 989px), only screen and (max-device-width: 989px) {
	.navbar-default .navbar-nav{margin-top:-75px;}
.navbar-default .navbar-brand img{ height:30px;}
.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;}
.contact figure {
float:none;
margin-right: 20px;
   /* margin-top: 10px;
    margin-bottom: 20px;*/
    text-align: center;}
.contact dl{
 text-align: center;}
}

@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%; margin-top:0px}
.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:#f04243; border:none; /*margin-top:11px;*/}
.services .no-padding{ padding:0 30px;}
header .slide-content h5{ width:auto; font-size:9px;}
header .slide-content a{     color: #fff;
    display: inline-block;
    padding: 10px 23px;
    background: #f04243;
    font-size: 15px;
    font-weight: 700;}
header .slide-content h1{
font-weight: 700;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 40px;}
.fun-facts h5{ font-size:16px;}
.latest-works ul li{ width:100%; padding:20px; padding-top:0; padding-bottom:10px;}
.latest-news .news-box{ margin-bottom:40px;}
footer .gallery{ margin-bottom:40px;}
.sub-footer h6{ float:left !important;}
.about-us .right-side h3{font-size: 18px;
    margin-bottom: 10px;}
.about-us .right-side p{
   font-size: 14px;
    line-height: 22px;
    margin-bottom: 7px;}
	
.contact figure{float: none; */
    /* margin-right: 20px; */
    text-align: center;}	
}


/* -------------------------------- 

Main components 

-------------------------------- */
.cd-testimonials-wrapper {
  position: relative;
  width: 90%;
  max-width: 768px;
  background-color: rgba(57, 57, 60, 0);
  margin: 2em auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 20px 40px 70px;
  z-index: 1;
}
.cd-testimonials-wrapper::after {
  /* quotation mark */
  content: '\201C';
  position: absolute;
  top: 10px;
  left: 0;
  width: 50px;
  height: 50px;
  padding-top: 8px;
  margin-left: -25px;
 /* background: rgba(32, 32, 34, 0.9);*/
  font-family: "Georgia", serif;
  color: #ffffff;
  font-size: 70px;
  font-size: 4.375rem;
  text-align: center;
  /* visible on big devices only */
  display: none;
}
@media only screen and (min-width: 768px) {
  .cd-testimonials-wrapper {
    margin: 4em auto;
    padding: 64px 50px 114px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-testimonials-wrapper::after {
    /* quotation mark visible */
    display: block;
  }
}

.cd-testimonials {
  color: #ffffff;
  text-align: center;
}
.cd-testimonials::after {
  clear: both;
  content: "";
  display: table;
}
.cd-testimonials > li {
  position: absolute;
  opacity: 0;
}
.cd-testimonials > li:first-child {
  position: relative;
  opacity: 1;
}
.cd-testimonials p {
  font-family: "Georgia", serif;
  font-style: italic;
  line-height: 1.4;
  margin-bottom: 1em;
  padding: 0 14px;
}
@media only screen and (min-width: 768px) {
  .cd-testimonials p {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-testimonials p {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.6;
  }
}

.cd-author img, .cd-author .cd-author-info {
  display: inline-block;
  vertical-align: middle;
}
.cd-author img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 5px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.cd-author .cd-author-info {
  text-align: left;
  line-height: 1.2;
}
.cd-author .cd-author-info li:first-child {
  font-size: 14px;
  font-size: 0.875rem;
}
.cd-author .cd-author-info li:last-child {
  font-size: 12px;
  font-size: 0.75rem;
  color: rgb(0, 0, 0);
}
@media only screen and (min-width: 768px) {
  .cd-author img {
    width: 50px;
    height: 50px;
  }
  .cd-author .cd-author-info {
    line-height: 1.4;
  }
  .cd-author .cd-author-info li:first-child {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-author .cd-author-info li:last-child {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.flex-direction-nav li {
  position: absolute;
  height: 100%;
  width: 40px;
  top: 0;
}
.flex-direction-nav li:first-child {
  left: 0;
}
.flex-direction-nav li:last-child {
  right: 0;
}
.flex-direction-nav li a {
  display: block;
  height: 100%;
  width: 100%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.no-touch .flex-direction-nav li a:hover {
  background-color: rgba(57, 57, 60, 0);
}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
  /* left and right arrows in css only */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 13px;
  background-color: #ffffff;
}
.flex-direction-nav li a::before {
  -webkit-transform: translateY(-35px) rotate(45deg);
  -moz-transform: translateY(-35px) rotate(45deg);
  -ms-transform: translateY(-35px) rotate(45deg);
  -o-transform: translateY(-35px) rotate(45deg);
  transform: translateY(-35px) rotate(45deg);
}
.flex-direction-nav li a::after {
  -webkit-transform: translateY(-27px) rotate(-45deg);
  -moz-transform: translateY(-27px) rotate(-45deg);
  -ms-transform: translateY(-27px) rotate(-45deg);
  -o-transform: translateY(-27px) rotate(-45deg);
  transform: translateY(-27px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::before {
  -webkit-transform: translateY(-35px) rotate(-45deg);
  -moz-transform: translateY(-35px) rotate(-45deg);
  -ms-transform: translateY(-35px) rotate(-45deg);
  -o-transform: translateY(-35px) rotate(-45deg);
  transform: translateY(-35px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::after {
  -webkit-transform: translateY(-27px) rotate(45deg);
  -moz-transform: translateY(-27px) rotate(45deg);
  -ms-transform: translateY(-27px) rotate(45deg);
  -o-transform: translateY(-27px) rotate(45deg);
  transform: translateY(-27px) rotate(45deg);
}
@media only screen and (min-width: 768px) {
  .flex-direction-nav li {
    width: 60px;
  }
}
@media only screen and (min-width: 1170px) {
  .flex-direction-nav li a::before, .flex-direction-nav li a::after {
    background-color: #5e5e63;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  .flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after {
    background-color: #ffffff;
  }
}

.cd-see-all {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
 /* background-color: #252527;*/
  text-align: center;
  text-transform: uppercase;
  color: #6b6b70;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-transition: color, 0.2s;
  -moz-transition: color, 0.2s;
  transition: color, 0.2s;
}
.no-touch .cd-see-all:hover {
  color: #f04243;
}

.cd-testimonials-all {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-testimonials-all .cd-testimonials-all-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
}
.cd-testimonials-all .cd-testimonials-all-wrapper > ul {
  width: 90%;
  max-width: 1170px;
  margin: 4em auto;
}
.cd-testimonials-all .cd-testimonials-all-wrapper > ul::after {
  clear: both;
  content: "";
  display: table;
}
.cd-testimonials-all .cd-testimonials-item {
  margin-bottom: 2em;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translate3d(0, 0, 0) scale(0.4);
  -moz-transform: translate3d(0, 0, 0) scale(0.4);
  -ms-transform: translate3d(0, 0, 0) scale(0.4);
  -o-transform: translate3d(0, 0, 0) scale(0.4);
  transform: translate3d(0, 0, 0) scale(0.4);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform .3s, opacity .3s;
  -moz-transition: -moz-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
}
.cd-testimonials-all p {
  position: relative;
  background: #79b6e4;
  color: #ffffff;
  padding: 2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
  border-radius: 0.25em;
  margin-bottom: 1em;
}
.cd-testimonials-all p::after {
  /* creating the triangle in css */
  content: '';
  position: absolute;
  top: 100%;
  left: 2em;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-top-color: #79b6e4;
}
.cd-testimonials-all .cd-author {
  text-align: left;
  margin-left: 1.5em;
}
.cd-testimonials-all .cd-author img {
  box-shadow: 0 0 0 transparent;
}
.cd-testimonials-all.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-testimonials-all.is-visible .cd-testimonials-all-wrapper {
  -webkit-overflow-scrolling: touch;
}
.cd-testimonials-all.is-visible .cd-testimonials-item {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
@media only screen and (min-width: 768px) {
  .cd-testimonials-all .cd-testimonials-item {
    width: 46%;
    margin: 0 2% 3em;
  }
  .cd-testimonials-all .cd-author {
    margin-left: 1em;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-testimonials-all .cd-testimonials-item {
    width: 30%;
    margin: 0 1.6666% 3em;
  }
}

.close-btn {
  position: fixed;
  display: block;
  width: 40px;
  height: 40px;
  top: 10px;
  right: 5%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.close-btn::before, .close-btn::after {
  /* close icon in css */
  content: '';
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 24px;
  top: 8px;
  left: 19px;
  background-color: #39393c;
}
.close-btn::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close-btn::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.footer-logo{width:60% ;height:auto;}