@charset "utf-8";
/* CSS Document */
/*
Theme Name: Rhyme.
Description: Creative Portfolio Responsive HTML5 Theme.
Version: 1.0
Author: Creantz
Website: http://www.creantz.com/
Credits: Concept, Design and Coding by Ancil K Anto at Creantz
*/


/* ===================================*/
/* TABLE OF CONTENTS: */
/* ===================================*/
/* 01 - LAYOUT INITIALIZATION */
/* 02 - HEADER & NAVIGATION */
/* 03 - HOME PAGE STYLES */
/* 04 - ABOUT PAGE STYLES*/
/* 05 - FEATURES PAGE STYLES*/
/* 06 - UI ELEMENTS PAGE STYLES*/
/* 07 - TYPOGRAPHY PAGE STYLES*/
/* 08 - LAYOUT PAGE STYLES*/
/* 09 - NORMAL PAGE PAGE STYLES*/
/* 10 - PORTFOLIO PAGE STYLES*/
/* 11 - BLOG PAGE STYLES*/
/* 12 - CONTACT PAGE STYLES*/
/* 13 - FOOTER STYLES*/




/* ===================================*/
/* CONTENTS: */
/* ===================================*/

@import url("css/typography.css");


/* LAYOUT INITIALIZATION */

.row{margin-left:0px;}

body {
	font-family: 'OpenSans Regular';
	font-size: 14px;
	line-height:21px;
	background:#FFF;
	color:#666666;
}

p, a{font-family: 'OpenSans Regular';font-size: 14px; outline:none !important;}
p {margin-bottom:10px;}
body, p{color:#666666;}
h1, h2, h3,h4, h5, h6{font-family: 'Tex Gyre Adventor Regular'; font-weight:normal;}
.clear{clear:both;}
.strong{font-family: 'Tex Gyre Adventor Bold';}
.add-top{margin-top:20px;}
.float-right{float:right !important;}
.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}

.social-icons a{font-family: 'Socials'; font-size:48px; color:#FFF; line-height:50px;}
.social-icons a:hover{text-decoration:none; color:#e41f3a;}

.x-large-heading{font-family: 'Tex Gyre Adventor Regular'; font-weight:normal; font-size:180px; line-height:1em; color:#e41f3a; text-transform:lowercase; margin-top:-32px; margin-left:-10px; margin-bottom:20px;}
.large-heading{font-family: 'Tex Gyre Adventor Regular'; font-size:48px; line-height:55px; margin-bottom:20px;}
.med-heading, .med-heading a{font-family: 'Tex Gyre Adventor Regular'; font-size:30px; line-height:31px; margin-bottom:10px; color:#181818;}
.black{color:#181818;}
.highlight-color{color:#e41f3a;}
.heading, .heading a{font-family: 'Tex Gyre Adventor Regular'; font-size:20px; line-height:27px; margin-bottom:10px; color:#181818;}
.style-btn{margin:10px 0px; display:inline-block; margin-top:25px;}
.style-btn:hover{text-decoration:none;}
.style-btn .left{padding:10px 15px; text-transform: uppercase; color: #FFF; border-right:#FFF solid 1px;  background:#181818; -webkit-transition: all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -transition: all 0.4s ease-out;}
.style-btn .right{padding:10px 15px; background:url(images/button_arrow.png) no-repeat center #e41f3a;}
.style-btn:hover > .left{background:#e41f3a;}

.section-head-wrap{background:#e41f3a url(images/banner-abstract.png) center center no-repeat; padding-top:25px; padding-bottom:40px; text-align:center; color:#FFF; margin-bottom:50px;}
.section-heding{font-family: 'Tex Gyre Adventor Regular'; font-size:72px; line-height:79px; margin-bottom:20px; position: relative;}
.section-heding::before {
content: '';
height: 3px;
width: 25%;
border-top: #FFF solid 1px;
border-bottom:#FFF solid 1px;
position: absolute;
left: 0;
top: 54%;
}
.section-heding::after {
content: '';
height: 3px;
width: 25%;
border-top: #FFF solid 1px;
border-bottom:#FFF solid 1px;
position: absolute;
right: 0;
top: 54%;
}

@media (max-width: 1215px) and (min-width: 995px){
  .section-heding::before {
    width: 20%;
  }
  .section-heding::after {
    width: 20%;
  }
}

@media(max-width: 995px) and (min-width: 780px){
  .section-heding::before {
    width: 15%;
  }
  .section-heding::after {
    width: 15%;
  }
}

@media(max-width: 780px){
  .section-heding::before {
    width: 0px;
  }
  .section-heding::after {
    width: 0px;
  }
}

.promo-txt{font-family: 'Tex Gyre Adventor Regular'; font-size:22px; line-height:31px;}






/* 02 - HEADER & NAVIGATION */

header{width:100%; background:#181818; color:#FFF;}
.inner-page-header{margin-bottom:100px;}
.logo-holder{min-width:20px; width:auto;}
.menu-holder{min-width:20px; width:auto;}
.navigation{list-style:none; margin-left: 0px;}
.navigation li{display:block; float:left; width:auto; margin-left:20px; padding-top:28px; position:relative;}
.navigation li a{color:#e41f3a; font-family: 'Cantarell Bold'; font-size:12px; text-transform:uppercase;}
.navigation li.active a, .navigation li a:hover{color:#FFF; text-decoration:none;}
.navigation li a .lsf{font-size:18px; padding-right:5px;}

@media (max-width: 1000px) {

  .navigation li a{font-size:11px;}
  .navigation li{ margin-left:15px; }
  
}


.navigation li ul{position:absolute;left:-48px; top:45px; width:auto; display:none; -webkit-transition: all 0.4s ease-in; -moz-transition:all 0.4s ease-in;	-ms-transition:all 0.4s ease-in; -o-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; -transition: all 0.4s ease-in; padding-top:51px; z-index:999;}
.navigation li ul li{display:block; clear:both; padding-top:0px;}
.navigation li:hover > ul{display:block; height:auto;}
.navigation li ul li a{font-family: 'Cantarell Bold'; font-size:12px; padding:10px 15px; margin-right:0px; width:130px; background:#181818; text-decoration:none; color:#FFF !important; border-bottom:#FFF solid 1px; display:block;}
.navigation li ul li a:hover{color:#e41f3a !important;}

/* styles for desktop */
.tinynav { display: none; margin-right:10px; margin-top:20px;}

/* styles for mobile */
@media (max-width: 782px) {
  .tinynav { display: block; float:right; }
  #nav{ display: none }
  header .row{ padding-left:10px; padding-right:5px;} 
  .breadcrumbs .row{ padding-left:10px; padding-right:5px;} 
  
}
@media (max-width: 440px) {
  .tinynav { width:100px; }
  
}




/*
---------------------HOME PAGE STYLES---------------------
*/
.slider{margin-bottom:100px;}
.welcome-txt, .welcome-img{margin-bottom:95px;}
.welcome-img{text-align:right;}
.feature{margin-bottom:100px; border:#d6d6d6 solid 1px; min-height:10px; height:auto;}
.feature .featured-img{ -webkit-background-size:cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; height:175px;}
.feature .featured-img.support{background: url(images/space_tag_bg.jpg) no-repeat;}
.feature .featured-img.media{background: url(images/barley_tag_bg.jpg) no-repeat;}
.feature .featured-img.storage{background: url(images/blog_bg.jpg) no-repeat;}
.feature .featured-txt{text-align:center;  padding:0px 20px; padding-bottom:30px;}
.feature .featured-txt img{margin-top:-44px; margin-bottom:20px; -webkit-transition: all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -transition: all 0.4s ease-out;}
.feature:hover > .featured-txt > img{
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */

}

.recent-projects{margin-bottom:100px;}
.portfolio .element img{-webkit-transition: all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out;	-ms-transition:all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -transition: all 0.4s ease-in-out;}
.portfolio .element:hover > img{ -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2);}
.portfolio .prjt-overlay{position:absolute; display:block; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.8); text-align:center; padding:0 0; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-webkit-transition: all 0.4s ease-in; -moz-transition:all 0.4s ease-in;	-ms-transition:all 0.4s ease-in; -o-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; -transition: all 0.4s ease-in;}
.portfolio .element:hover > .prjt-overlay{padding-top:45%; opacity: 1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.portfolio .height-02:hover > .prjt-overlay{padding-top:75%;}
.prjt-overlay a{color:#FFF; font-size:26px; display:inline; background:#e41f3a; padding:15px; -webkit-transition: all 0.4s ease-in; -moz-transition:all 0.4s ease-in;	-ms-transition:all 0.4s ease-in; -o-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; -transition: all 0.4s ease-in;}
.prjt-overlay a:hover{text-decoration:none; color:#181818;}
.prjt-overlay a:first-child{}

.blog-list{margin-bottom:50px;}
.post{margin-bottom:50px; border:#d6d6d6 solid 1px; min-height:10px; height:auto;}
.post-img img{width:100%;}
.post-content{padding:30px 20px;}
.post .date{text-transform:uppercase; font-size:12px;}
.post-content .heading{margin-bottom:5px; }
.post .author{text-transform:uppercase; color:#999; font-size:12px; margin-bottom:10px;}

.clients{width:100%; padding:30px 0px; background:#e41f3a; text-align:center;}








/*
---------------------ABOUT PAGE STYLES---------------------
*/
.about-heading{margin-bottom:0px;}
@media(min-width: 780px){
.about-section{width:100%; min-height:20px; height:auto; background:#333 url(images/about_bg.jpg) right repeat-y; margin-bottom:100px;}
.right-wrap .left-arrow{position:absolute; width:50px; height:50px; background:url(images/about_bg.jpg); top:45%; left:-25px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari and Chrome */
-o-transform:rotate(45deg); /* Opera */}
}
@media(max-width: 780px){
  .about-section{background:#333 !important; background-image: none; padding-left:10px; padding-right: 10px; padding-bottom: 10px; margin-bottom: 100px;}
  .right-wrap .left-arrow{position:absolute; width:50px; height:50px; background:url(images/about_bg.jpg); left:45%; top:-25px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); /* IE 9 */
  -moz-transform:rotate(45deg); /* Firefox */
  -webkit-transform:rotate(45deg); /* Safari and Chrome */
  -o-transform:rotate(45deg); /* Opera */}

  .about-section .right-wrap{text-align: center;padding-left:0px !important;}
}
.about-section .left-wrap{color:#DDD; padding-bottom:100px; padding-top:82px;}
.about-section .large-heading{color:#FFF !important;}
.about-section p{margin-top:10px; color:#DDD; margin-bottom:0px;}
.about-section .right-wrap{padding-left:60px; padding-bottom:45px; padding-top:92px; background:url(images/about_bg.jpg); min-height:20px; height:auto; position:relative;}
.about-section .right-wrap .heading{color:#FFF;}
.service{margin-bottom:55px;}


.team{margin-bottom:50px;}
.staff{margin-bottom:50px; border:#d6d6d6 solid 1px; min-height:10px; height:auto;}
.staff .featured-img{ -webkit-background-size:cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; height:175px; width:100%;}
.staff .featured-img img{width:100%; float:left;}
.staff .featured-txt{text-align:center;  padding:0px 20px; padding-bottom:30px;}
.staff .featured-txt img{margin-top:-44px; margin-bottom:20px; -webkit-transition: all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -transition: all 0.4s ease-out;}
.staff:hover > .featured-txt > img{
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */

}

.staff .designation{text-transform:uppercase; margin-bottom:10px; color:#AAA; font-size:12px;}
.testimonials{/*background: #f4f4f4;*/ color: #181818; /*padding-top: 50px; padding-bottom:52px;*/ text-align:center;  margin-bottom:100px;}
.testimonials{-webkit-transition: all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -transition: all 0.4s ease-out;}
.testimonials .heading{ margin-bottom:20px; font-size:24px;}
.testimonial{display:none;}
.testimonial img{width:100px;}
.testimonial_collection .testimonial:first-child{display:block;}
.testimonial p{ font-size:20px; line-height:31px; font-family:Georgia, "Times New Roman", Times, serif; font-style:oblique; color:#666;}
.testimonial_nav{height:19px; display:inline-block; margin-top:25px;}
.testimonial_nav a{display:block; width:19px; height:19px; float:left; background:url(images/nav_bg.png) no-repeat; background-position:0px -19px; overflow:hidden;}
.testimonial_nav a:hover, .testimonial_nav a.active_nav{background-position:0px 0px;}





/*
---------------------FEATURES PAGE STYLES---------------------
*/
.featued-txt{margin-bottom:95px;}
.featued-txt .large-heading{color:#181818;}
@media(max-width: 780px){
  .mi-slider{margin-bottom: 100px;}
}
.pricing{ margin-bottom:50px; }
.price-table{margin-top:20px; margin-bottom:50px; border:#d6d6d6 solid 1px;}
.price-table .price-header{background:#181818; color:#FFF; text-align:center; padding:20px 0px;}
.price-header .plan{color:#FFF ; }


.price-header .price{font-family: 'OpenSans Regular'; font-size:52px; line-height:59px; color:#FFF ;}
.price-header .price sup{line-height:107px; padding-right:10px;}
.price-header .price .amount{font-family: 'OpenSans Semibold'; font-size:100px; line-height:107px;}
.plan-param{text-align:center; background:#FFF; color:#666; font-size:15px;}
.plan-param .pram{padding:10px 0px; border-bottom:#DDD solid 1px;}
.price-footer{text-align:center; background:#FFF; padding:20px 0px; padding-bottom:35px;}
.popular .price-header{background:#e41f3a ; color:#FFF;}
.popular .plan {color:#FFF;}

.popular .price-header .plan:after
{
	border-bottom: #FFF solid 5px;
	border-top: #FFF solid 1px;
}
.popular .price{color:#FFF;}








/*
---------------------UI ELEMENTS PAGE STYLES---------------------
*/

.buttons a{margin-right:10px; margin-top:20px;}
.ui-accordion{margin-top:20px;}
.accordion-group{border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; margin-bottom:10px; border:none !important;}
.accordion-heading a{font-size:16px;}
a.accordion-toggle{background:#181818; color:#fff;}
a.accordion-toggle:hover{text-decoration:none; background:#e41f3a; color:#FFF;}
a.accordion-toggle:not(.collapsed){background:#e41f3a; color:#FFF;}
a.accordion-toggle span{padding-right:10px;}
.accordion-inner{border-top:none; background:#181818; color:#DDD !important;}
.accordion-inner p{color:#DDD !important;}

.RhymeTabs{margin-top:20px;}
.nav-tabs li a{font-size:16px;}
.nav-tabs{margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.nav-tabs li a{background:#333; color:#FFF; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; margin-bottom:1px; margin-right:5px; border:none; border-bottom:0px;}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li a:hover{background:#e41f3a; text-decoration:none; color:#FFF; border:none;}
.tab-pane{padding:15px; border:none; background:#181818; color:#DDD !important;}
.tab-pane p{color:#DDD !important;}
.alert-msg-heading{margin-bottom:20px;}









/*
---------------------TYPOGRAPHY PAGE STYLES---------------------
*/
.dropcap{color:#666; font-size:46px; float:left; padding-right:5px; padding-top:10px;}
.dropcap.black{color:#000}
.dropcap.red{color:#e41f3a;}
.highlight-bg{background:#e41f3a; padding:0 3px; color:#FFF;}
.highlight-darkbg{background:#181818; padding:0 3px; color:#FFF;}







/*
---------------------LAYOUT PAGE STYLES---------------------
*/
.layout{margin-bottom:95px;}





/*
---------------------NORMAL PAGE STYLES---------------------
*/
.sidebar{padding-left:25px;}
.sidebar .heading{color:#e41f3a;}
.sidebar_links{margin-top:0px; margin-left:15px; margin-bottom:30px;}
.sidebar_links li{list-style:url(images/right_arrow.png) outside; border-bottom:#CCC solid 1px; padding:8px 0px;}
.sidebar_links li a{color:#666;}
.sidebar_links li a:hover{color:#e41f3a;}
.tags a{ margin-bottom:0px !important;}

.left_sidebar{padding-left:0px !important; padding-right:25px; margin-bottom:110px;}
.page-content .med-heading{color:#e41f3a; margin-bottom:20px;}
.page-content img{margin-bottom:15px;}

.error-page{padding-bottom:150px; padding-top:50px; text-align:center;}







/*
---------------------PORTFOLIO PAGE STYLES---------------------
*/
.portfolio-img{margin-bottom:95px; text-align:left;}
.portfolio-filter{margin-bottom:40px;}


.project_imgs{text-align:center;}
.project-details{margin-bottom:95px;}
.project-details + .project_imgs{margin-bottom:95px;}
.project-details .large-heading{margin-bottom:5px; }
ul.project-info{list-style:none; margin-left:0px; margin-top:20px;}
ul.project-info li{border-bottom: solid 1px #ddd; padding-bottom:5px; margin-bottom:5px;}
ul.project-info li:last-child{border-bottom: none; padding-bottom:0px; margin-bottom:0px;}
ul.project-info a{color:#666;}
ul.project-info a:hover{color:#181818;}








/*
---------------------BLOG PAGE STYLES---------------------
*/
.featured img{width:100%;}
.blog-attr{width:100%; height:auto; min-height:20px; padding-bottom:5px; padding-top:5px; border-top:#999 solid 1px; border-bottom:#999 solid 1px; color:#999; margin-bottom:10px; text-transform:uppercase; font-size:12px;}
.blog-attr .attrs{padding-right:10px; border-right:#999 solid 1px; padding-left:10px;}
.blog-attr .attrs:first-child{padding-left:0px;}
.blog-attr .attrs:last-child{border-right:0px;}
.blog-attr a{color:#999; text-decoration:none; font-size:12px;}
.blog-attr a:hover{color:#333; text-decoration:underline;}








/*
---------------------CONTACT PAGE STYLES---------------------
*/

#map{
	height:405px;
	z-index:99;
	margin-left:5px;
}

.map
{
    
    width: 100%;
    height:405px;
	
}
.mapoverlay
{
    position: absolute;
    top:0;
    left:0;
    z-index: -3;
    width: 100%;
    height:405px;
    background-color: rgba(0,0,0,0.3);

}

.contact_form{margin-top:15px;}
.contact_form .input{width:50%; background:#FFF; color:#000; border-radius: 0px; box-shadow: none;}
.contact_form .textarea{width:98%; height:100px; resize:none; background:#FFF; color:#000; border-radius: 0px; box-shadow: none;}
.send-msg{padding:10px 15px; text-transform: uppercase; color: #FFF; border-right:#FFF solid 1px;  background:#181818; -webkit-transition: all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -transition: all 0.4s ease-out; border:none;}

.send-msg:hover {background:#e41f3a;}






/*
---------------------FOOTER STYLES---------------------
*/
footer{width:100%; background:#181818; padding-top:50px; color:#666; border-bottom:#242424 solid 1px;}
.foot-link{text-align:center; padding-bottom:50px;}
.foot-link span{text-transform:uppercase; font-size:12px;}
.foot-link .heading{color:#BBB; margin-bottom:20px;}
.foot-link a{color:#666; font-size:40px;}
.foot-link a:hover{color:#DDD; text-decoration:none;}

.credits{width:100%; background:#181818; padding:25px 0px; color:#666; text-align:center; text-transform:uppercase; font-size:12px;}