body{background:url(../images/pattern/pattern8.png) repeat; font-size:14px; font-family: 'Source Sans Pro', sans-serif; color:#666666;}
a {color: #38bdf2;}
a:hover {color: #999;}
a, a:visited {text-decoration: none; outline: 0;}
a:hover, a:focus {text-decoration:none; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;}
p a, p a:visited { line-height: inherit; }

/* Typography */
h3, h4, h5{line-height:inherit;}
h1{font-size:30px; margin-top:0;}
h2{font-size:24px;}
h3{font-size:16px; margin:0 0 20px 0;}
h4{font-size:15px;}
.tooltip.in{background:none;}
/* Typography */
.main-wrapper{background:#EFEFEF; margin: 0 auto;}
.main-wrapper.boxed{max-width:1060px; margin: 0 auto; background:#EFEFEF; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);}
.logo{position:absolute; z-index:100000;}
.header-top{background:#0c1b25; padding:15px 0; color:#FFF;}
header{box-shadow:0 0px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0px 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0px 2px 0 rgba(0, 0, 0, 0.2); -o-box-shadow:0 0px 2px 0 rgba(0, 0, 0, 0.2);}
.tinynav { display: none }
nav{float:right;}

/* Slider Wrap */
.slider-wrap.slider-wrap-no-margin { margin-bottom: 0; }
.slider-wrap { background-color: #FFFFFF; background-image: url("../img/slider-wrap-bg.html"); border-bottom: 1px solid #DDDDDD; margin-bottom: 40px; }
.fullwidthbanner-container { max-height: 550px !important; overflow: hidden; padding: 0; position: relative; width: 100% !important; }
/* Slider Wrap */


/* Welcome Wrap*/
.welcome-wrap{text-align:center; padding:25px 0; color:#FFF; text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);}
.welcome-wrap h1{line-height:35px; text-transform:uppercase; border-bottom:1px dashed #FFF; padding-bottom:15px; font-size:30px; color:#FFF;}
.welcome-wrap h1 span{color:#0c1b25;}
.welcome-wrap h3{text-transform:uppercase; font-size:20px; padding-top:10px; color:#FFF;}
/* End */



/* Service Page */
.service-wrap{padding:1px 0; background:#0c1b25; color:#FFF;}
.service-inner{padding:45px 0;}
.icon-wrap{float:left; width:50px; height:50px; text-align:center; line-height:50px; font-size:26px; color:#FFF; margin-right:15px;}
.icon-wrap.img-circle {-webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px;}
.service-txt {overflow:hidden;}
.service-txt2 {overflow:visible;}
.service-txt h2, .service-txt2 h2{font-size:18px; color:#0C1B25; line-height:inherit; font-weight:700;}
/* Service Page */

/* Portfolio Page */
.home-portfolio{background:#FFF; margin-top:30px;}
.home-portfolio .shadow-wrapper{background:#494948; border:1px solid #494948;}
#content.small .shadow-wrapper, #content.dark .shadow-wrapper{background:#efefef; border:1px solid #efefef; margin-bottom:40px;}
#content.light .shadow-wrapper{background:#FFF; border:1px solid #FFF; margin-bottom:40px;}
#content.small .shadow-wrapper:before, #content.small .shadow-wrapper:after, #content.light .shadow-wrapper:before, #content.light .shadow-wrapper:after{bottom:7px;}
.portfolio-skin-carousel .jcarousel-next-horizontal:before,
.clients-skin-carousel .jcarousel-next-horizontal:before{content:"\f105"; font-family:'FontAwesome';}
.portfolio-skin-carousel .jcarousel-prev-horizontal:before,
.clients-skin-carousel .jcarousel-prev-horizontal:before{content:"\f104";font-family:'FontAwesome';}
.portfolio-skin-carousel .jcarousel-next-horizontal, .portfolio-skin-carousel .jcarousel-prev-horizontal,
.clients-skin-carousel .jcarousel-next-horizontal, .clients-skin-carousel .jcarousel-prev-horizontal{width:25px; border-radius:50%; height:25px; font-size:14px; text-align:center; line-height:23px; transition: opacity 0.5s ease 0s; position: absolute; cursor:pointer; font-weight:600;}
.portfolio-skin-carousel .jcarousel-prev-disabled-horizontal, .portfolio-skin-carousel .jcarousel-next-disabled-horizontal,
.clients-skin-carousel .jcarousel-prev-disabled-horizontal, .clients-skin-carousel .jcarousel-next-disabled-horizontal{cursor: auto; opacity: 0.4; transition: opacity 0.5s ease 0s;}
.portfolio-skin-carousel .jcarousel-next-horizontal,
.clients-skin-carousel .jcarousel-next-horizontal { padding-left: 2px; top: -86px; right:0;}
.portfolio-skin-carousel .jcarousel-prev-horizontal,
.clients-skin-carousel .jcarousel-prev-horizontal { top: -86px; right:30px;}
.portfolio-skin-carousel { position:relative; }
.portfolio-skin-carousel .jcarousel-container { width:100%; }
.portfolio-skin-carousel .jcarousel-container-horizontal { width:100%; padding:0px; }
.portfolio-skin-carousel .jcarousel-clip { overflow: hidden; }
.portfolio-skin-carousel .jcarousel-clip-horizontal { width:100%; height:auto; }
.portfolio-skin-carousel .jcarousel-item { width:300px; margin:0px; height:auto; }
.portfolio-skin-carousel .jcarousel-item-horizontal { margin-right:20px; }
.portfolio-skin-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal { margin: 10px; }
.portfolio-nav { margin:20px 0px 0px; clear:both; float:left; width:100%; }

.gallery-small {position: relative; padding:0;}
.gallery-outer { margin: 0; overflow: hidden; position: relative;}
.gallery-small .center-bar, .blog-wrap .center-bar, .single-image .center-bar { height: 32px; margin-top: -20px; position: absolute; text-align: center; top: 50%; width: 100%;}
.gallery-small .bg, .blog-wrap .bg, .single-image .bg {background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%;}
.gallery-small .center-bar a, .blog-wrap .center-bar a, .single-image .center-bar a {display: inline-block; height: 32px; margin:0; width: 32px; color:#FFF; font-size:14px; background:#FFF; line-height:32px;
text-align:center;	background:#0C1B25;}
.gallery-small .center-bar a:hover{color:#FFF;}

.port-head{padding:25px 0 0 0; text-shadow:none; background:#15242d;}
.port-like{color:#FFF; padding:14px 10px; font-size:14px; font-weight:600;}
#content .port-like{margin-bottom:25px;}
.portfolio-iteam.shadow-wrapper .port-like{margin-bottom:0px !important;}
.port-like a{color:#15242d;}
.port-like a:hover{color:#FFF;}
.port-head h3{color:#FFF; font-size:18px; line-height:24px; margin:0; text-align:center; margin-bottom:25px;}
.port-head h3 span{display:block; font-size:16px; font-style:italic;}
/* Portfolio Page */

/* Callout */
.callout.no-margin{margin-top:0;}
.callout { background: #f9f9f9 url(../images/gradient.png) repeat-x top left; border: 1px solid #EBEBEA; -webkit-box-shadow: inset 1px 1px 1px #f9f9f9; -moz-box-shadow: inset 1px 1px 1px #f9f9f9; box-shadow: inset 1px 1px 1px #f9f9f9; padding: 20px; margin: 40px 0; color:#333; }
.callout .cll_left { width:85%; float:left; }
.callout .cll_right { float:right; }
/*.callout .cll_left, .callout .call_right { margin-bottom: 15px; }*/
.callout h2 { font-size: 20px; line-height: 30px; margin: 0px 0px 5px; text-transform:uppercase; color:#0C1B25;}
.callout .subtitle { font-size: 14px; line-height: 22px; margin: 0px 0px 5px; }
.callout .ts_button { margin: 3px 0px 5px 0px; float:right; }
.callout .btn { padding:10px; font-weight:600; }
.pad-top{padding-top:25px;}
/* Callout */


/* About Page */
.home-about{padding:30px 0 50px 0}
#services-tab .tab-content{padding-top:0;}
#services-tab .tab-content p{margin-top:0;}
#services-tab ul.tabs{height:auto; padding:0; margin:0; border-bottom:none;}
#services-tab ul.tabs li{float:none; position:relative; overflow:visible; list-style-type:none; margin-bottom:10px; padding:0;}
#services-tab ul.tabs li.no-border{border-bottom:none;}
#services-tab ul.tabs li a {text-decoration: none; display: block; padding: 5px 0px 5px 15px; outline: none; color:#787153; font-size:13px; font-weight:600; background:#0C1B25; color:#FFF;}
#services-tab ul.tabs li a:before{content:"\f105"; font-family:'FontAwesome'; position:relative; left:-7px;}
#services-tab ul.tabs li a:hover {color:#f0eee2;}
#services-tab ul.tabs li.active a{color:#FFF;}
/* About Page */

/* Blog Page */
.home-blog{background:#FFF;}
.home-blog .blog-wrap.shadow-wrapper{background:#494948; border:1px solid #494948;}
.blog-wrap.dark.shadow-wrapper:before, .blog-wrap.dark.shadow-wrapper:after, .light.small .blog-wrap.shadow-wrapper:before, .light.small .blog-wrap.shadow-wrapper:after{bottom:9px;}
.blog-wrap.dark{color:#efefef;}
.blog-wrap.dark p a{color:#38bdf2; margin-left:8px; font-style:italic;}
.blog-wrap.shadow-wrapper h3 a{color:#FFF;}
.blog-wrap.shadow-wrapper h3 a:hover{color:#38bdf2;}
.date-wrap{background:#0c1b25; font-size:14px; color:#FFF; text-align:center; padding:10px; line-height:16px; float:left; margin-right:10px; width:30px;}
.blog-img{margin-bottom:15px; }
.blog-wrap.shadow-wrapper .blog-img{border:2px solid #666;}
.light .blog-wrap.shadow-wrapper{background:#FFF; border-color:#FFF;}
.light .blog-wrap.shadow-wrapper h3 a{color:#333;}
.light .blog-wrap.shadow-wrapper h3 a:hover{color:#999;}
.light .blog-wrap.shadow-wrapper .blog-img{border:none; box-shadow:none;}
.blog-head{overflow:hidden; margin-bottom:10px;}
.blog-head h3{line-height:inherit; margin:5px 0 0 0; color:#FFF; font-size:20px; font-weight:600;}
.blog-head p{margin-top:2px; font-style:italic; color:#0C1B25; font-weight:600;}
.pagination {margin:0;}
.pagination ul > li > a, .pagination ul > li > span{background:#0C1B25; color:#FFF; border-color:#000; font-weight:600; padding:8px 12px;}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span{background:#38bdf2;  border-color:#38BDF2; color:#0C1B25;}
/* Blog Page */

/* Blog Post */
.comments-wrap { padding:0 0 15px 0; }
.comments-wrap h4 i, .post-comment h4 i { font-size:25px; color:#bc4444; position:relative; top:3px; padding-right:6px; }
.comment-box { padding:35px 0; background:url(../images/line_bg.html) repeat-x left bottom; }
.ddcomment-thumb { width:50px; float:left; }
.comment-thumb { background: none repeat scroll 0 0 #FFFFFF; color: #2B2B2D; float: left; font-size: 24px; height:83px; margin: 0; overflow: hidden; padding:0; text-align: center; width: 83px; border:1px solid #e3e3e3; margin:-25px 0 0 15px;}
.comment-txt { background:#FFF; padding:15px 15px 15px 115px; border:1px solid #e3e3e3;}
.comment-txt h4 { background:none; font-size:16px; margin-bottom:0px;}
.arrow-right { position:absolute; top:10px; left:-11px; }
.comment-txt .post-date { font-size:13px; color:#666; display:block; padding:0 0 8px 0; font-family: 'Francois One', sans-serif;}
.comment-txt .reply-btn { float:right; }
.comment-txt .reply-btn a {padding:5px 10px; display:inline-block; color:#FFF; text-shadow:none; font-size:12px; border-radius:2px;}
.comment-txt .reply-btn a:hover { color:#FFF; background:#666; }
.comment-reply { margin-left: 95px; }
/* Blog Post */

/* Contact Page */
#contact_form{margin-bottom:25px}
#contact_form label{font-weight:bold; color:#666; font-size:14px; margin:8px 0;}
#contact_form input, #contact_form textarea{padding:12px 8px; font-size:12px; color:#333; border-radius: 2px; border:none; margin-bottom:5px; background:#333; color:#FFF; }
#contact_form .send-btn{padding:10px 15px; font-size:14px; font-family:'Francois One',sans-serif; text-transform:uppercase; text-shadow:none; color:#FFF; position:relative; font-weight:600;}
#contact_form .send-btn:hover{background:#38bdf2; color:#0C1B25;}
.office-details{padding:10px 0 0 0; font-size:14px;}
.google-maps {height: 400px; margin-top: 60px; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -o-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}

#contact_form label.error { font-size:11px; color:#F00; }
h4.form_thanks { border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); color: #FFFFFF; display: block; font-size: 18px; font-weight: 600; padding: 10px; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-transform: capitalize; }
/* Contact Page */


/* Twitter Widget */
.twitter-wrap{background:#0C1B25; padding:25px 0; text-align:center; color:#FFF;}
.twitter-wrap:before{content:"\f099"; font-family:'FontAwesome'; font-size:22px; color:#FFF;}
.tweet-stream .tweet_list, .tweet-stream .tweet_list li { margin:0; list-style:none; font-size:20px; line-height:25px; padding:5px 0 0 0; }
.tweet-stream .tweet_list li .tweet_text, .tweet-stream .tweet_list li .tweet_time { display:block }
.tweet-stream .tweet_list li .tweet_time { font-size:12px; margin-top:1px }
.tweet-stream .tweet_list li .tweet_time a { color:#eee }
.flickr-stream ul, .flickr-stream ul li { margin:0; padding:0; list-style:none }
.flickr-stream ul li { display:inline-block; *display:inline; *zoom:1; margin:0 6px 6px 0 }
.flickr-stream ul li img { max-width:64px; max-height:64px }
.google-maps { height:400px; border:1px solid #ddd; margin-bottom:40px }
/* Twitter Widget */

/* Clients Carousel */
.home-client{padding:20px 0 50px 0;}
.home-client h2{letter-spacing:-1px; font-size:18px;}
.clients-skin-carousel { position:relative;}
.client-box { background:#606060; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; cursor:pointer; text-align:center; margin-bottom:10px; }
.client-box:hover { background:#1c1c1c; }

.clients-skin-carousel .jcarousel-container { width:100%; }
.clients-skin-carousel .jcarousel-container-horizontal { width:100%; padding:0px; }
.clients-skin-carousel .jcarousel-clip { overflow: hidden; }
.clients-skin-carousel .jcarousel-clip-horizontal { width:100%; height:auto; }
.clients-skin-carousel .jcarousel-item { width:140px; margin:0px; height:auto; }
.clients-skin-carousel .jcarousel-item img { height:auto !important; max-width:100%;  }
.clients-skin-carousel .jcarousel-item-horizontal { margin-right:20px; }
.clients-skin-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal { margin: 10px; }
.clients-nav { margin:20px 0px 0px; clear:both; float:left; width:100%; }
.clients-skin-carousel .jcarousel-item img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.clients-skin-carousel .jcarousel-item img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }

/* Clients Carousel */

/* Sorting Portfolio */
.isotope-item { z-index:2 }
.isotope-hidden.isotope-item { pointer-events:none; z-index:1 }
.isotope, .isotope .isotope-item { -webkit-transition-duration:.8s; -moz-transition-duration:.8s; -ms-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s }
.isotope { -webkit-transition-property:height, width; -moz-transition-property:height, width; -ms-transition-property:height, width; -o-transition-property:height, width; transition-property:height, width }
.isotope .isotope-item { -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -ms-transition-property:-ms-transform, opacity; -o-transition-property:-o-transform, opacity; transition-property:transform, opacity; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s }
#portolfio-filter { padding:0 0 30px 0; text-align:center; }
#portolfio-filter ul { margin:0; }
#portolfio-filter li { display: inline-block; padding:0; margin:0; }
#portolfio-filter a { background: #333; border-radius: 3px 3px 3px 3px; color: #FFFFFF; text-transform:uppercase; display: inline-block; margin: 0 8px 0 0; font-weight:500; padding:5px 15px; font-weight:600; }
#portolfio-filter a:hover, #portolfio-filter a.active { color:#FFF;}
/* Sorting Portfolio */

/* Social Icons */
.social-icons { padding:0 0 15px 0;}
.social-icons ul { margin:0; padding:0; }
.social-icons ul li { display:inline-block; margin:0 3px 8px 0; }
.social-icons ul li a { display:block;}
/* Social Icons */

/* ======= Footer ======= */
#footer { position:relative;}
#footer-top { padding:30px 0; background:#0C1B25; color:#FFF;}
#footer-top .arrows li{background:url(../images/accordion-icon.png) -5px 3px no-repeat;}

#footer-top h3 { text-transform:capitalize; color:#FFF; font-size:18px; padding-bottom:10px; }
#footer-bottom { background-color:#0C1B25; color:#FFF; padding:32px 0;}
#footer-bottom a:hover{color:#FFF;}

.office-info { position:relative; padding:0 0 15px 0px; line-height:24px; }
.icon-wrap-foot [class^="icon-"], .icon-wrap [class*=" icon-"] { width:40px; left:0; top:-3px; height:40px; line-height:40px; text-align:center; color:#FFF; display:inline-block; float:left; margin-right:15px;font-size:20px; background:#202020; }
.office-txt{overflow:hidden;}
/* ======= Footer ======= */




/* Shadow Wapper */
.shadow-wrapper { position: relative; width: auto; padding:5px; background:#FFF; border:1px solid #FFF; margin:0 0 18px 0; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
.shadow-wrapper:before, .shadow-wrapper:after { position: absolute; width: 40%; height: 10px; content: ' '; left: 5px; bottom: 4px; background: transparent; -webkit-transform: skew(-5deg) rotate(-5deg); -moz-transform: skew(-5deg) rotate(-5deg); -ms-transform: skew(-5deg) rotate(-5deg); -o-transform: skew(-5deg) rotate(-5deg); transform: skew(-5deg) rotate(-5deg); -webkit-box-shadow: 0 7px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 7px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 7px 5px rgba(0, 0, 0, 0.2); z-index: -1; }
.shadow-wrapper:after { left: auto; right: 5px; -webkit-transform: skew(5deg) rotate(5deg); -moz-transform: skew(5deg) rotate(5deg); -ms-transform: skew(5deg) rotate(5deg); -o-transform: skew(5deg) rotate(5deg); transform: skew(5deg) rotate(5deg); }
.shadow-wrapper .port-head{margin:0;}
/* Shadow Wapper */

/* Breadcrumbs */
#breadcrumb{background:url(../images/pattern/pattern2.png) repeat #FFF top center; padding:25px 0; border-top:1px solid #f3f2f2; margin-bottom:30px;}
#breadcrumb h1{margin:0;}
ul.breadcrumb{margin:10px 0 0 0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; background:#0C1B25;  color:#FFF;}
ul.breadcrumb li a, ul.breadcrumb li{ text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);}
.breadcrumb > .active, .breadcrumb > li > .divider{color:#FFF;}


ul.bullets-style{
	margin:10px 0;
	list-style-type:none;
}
ul.bullets-style li {
    margin: 0 0 5px;
    position: relative;
}
.arrow-list li:before, .arrow-list-2 li:before, .arrow-list-3 li:before, .arrow-list-4 li:before{
	font-family:'FontAwesome';
	margin-right:8px;
	position:relative;
	top:1px;
}
.arrow-list li:before{
	content:"\f00c";
}

/* Breadcrumbs */

/* jQuery Toggles */
#toggle { border: 0px; }
h2.trigger { padding:0; margin:0; font-size:14px; text-transform:capitalize; font-weight:600; line-height:inherit; margin-bottom:10px; }
h2.trigger span { text-decoration: none; display: block; height:26px; line-height:26px; background: url(../images/arrow-left.png) no-repeat left center #0C1B25; padding:6px 0 6px 28px; cursor:pointer; color:#797979;}
h2.active span { color:#FFF }
h2.trigger span:hover { color:#FFF }
h2.active span { background:url(../images/arrow-down.png) no-repeat left center #38bdf2; color:#0C1B25;}
h2.active span:hover{color:#FFF;}
.toggle_container { margin: 0 0 0 0; padding: 0px 0px; overflow: hidden; clear: both; }
.toggle_container .block p{ margin-top:0; }
/* jQuery Toggles */

/* Accordion */
h2.accordion-title{font-size:12px; margin:0 0 10px 0; clear:both; padding:10px 0 10px 20px; line-height:18px; display:block; text-transform:uppercase; font-family: 'Open Sans', sans-serif;}
ul.ts-accordion{ list-style: none; margin-left: 0px; overflow:hidden}
ul.ts-accordion li{ list-style: none; margin:0; padding:0 }
div.accordion-content{ padding:0 0 20px 0; clear:both;}
h2.accordion-title span.accordion-icon{width:16px;height: 15px; float:right; background:url(../images/accordion-icon.png) no-repeat; margin:0 10px 5px 10px; cursor: pointer; display: block}
h2.accordion-title.active span.accordion-icon{background:url(../images/accordion-icon-down.png) no-repeat;}
div.accordion-title p{ margin-bottom: 0px; }
h2.accordion-title{background:#212121; color:#FFF;}
h2.accordion-title.active{background:#38bdf2; color:#FFF;}
/* Accordion */


/* Dividers */
.divider2 {background: url(../images/bar_seperator_2.png) no-repeat; display: block; height: 44px; margin: 15px 0;}
.divider1 {background: url(../images/bar_seperator_3.png) repeat-x center center;  display: block; height: 44px; margin: 15px 0;}
/* Dividers */

/* Sidebar Shadow */
.drop-shadow:before, .drop-shadow:after { content: ""; position: absolute; z-index: -2; }
.curved-hz-2:before { border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px; bottom: 0; left: 10px; right: 10px; top: 0; }
.curved:before { border-radius: 10px 10px 10px 10px / 100px 100px 100px 100px; left: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); top: 0; bottom: 50%; right: 10px; }
.curved:after { border-radius: 10px 10px 10px 10px / 100px 100px 100px 100px; left: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); bottom: 0; top: 50%; right: 10px; }
.drop-shadow:before, .drop-shadow:after { content: ""; position: absolute; z-index: -2; }
.drop-shadow {position: relative;}
/* Sidebar Shadow */

/* Sidebar */
#sidebar h3{border-bottom:1px solid #0C1B25; padding-bottom:10px; margin-bottom:20px;}
#sidebar .widget-box{margin-bottom:35px;}
.media img{border:2px solid #ccc;}
.media img:hover{border:2px solid #FFF;}
.date{margin-top:8px;}
/* Sidebar */

/* Paragraph Image Alignments */
img.pull-left{margin-right:15px;}
img.pull-right{margin-left:15px;}
.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {background-color: #0C1B25; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);}
/* Paragraph Image Alignments */

/* Custome List Style */
ul.custom-list { list-style: none outside none; margin-bottom: 15px; }
ul.custom-list li, ol.custom-list li { margin-bottom: 8px; }
.arrows li { background: url(../images/arrow.png) no-repeat 0 6px; padding-left: 12px; }
/* Custome List Style */

/* Tabs */
ul.tabs { margin: 0; margin-bottom:0px; padding:0; list-style: none; height: 35px; width: 100%; border-bottom:1px solid #2A2A2A; }
ul.tabs li { float: left; margin: 0 0; padding: 0 15px; line-height:25px; height:35px; overflow: hidden; position: relative;}
ul.tabs li a { text-decoration: none; display: block; padding: 5px 0px; outline: none; text-transform:uppercase; color:#666;}
ul.tabs li a:hover { color:#000; }
ul.tabs li.active { background: #0C1B25; }
html ul.tabs li.active a { color:#F0EEE2; }
.tab-content { padding: 20px 0 0 0; }
/* Tabs */

/* Sidebar Tags */
.tab-cloud a { background: #0C1B25; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); color: #FFFFFF; display: inline-block; margin: 0 8px 12px 0; padding: 5px 8px; }
.tab-cloud a:hover { color: #0C1B25; background:#38bdf2; }
/* Sidebar Tags */

/* Default Buttons */
.btn{font-size:13px; padding:6px 12px;}
.btn-yellow {background-color: #38bdf2; background-image: linear-gradient(to bottom, #ffe939, #ebd103); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #0C1B25; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.btn-yellow:hover{background-color: #38bdf2; color:#000;}
/* Default Buttons */

/* Pricing Table */
/*Top Bar*/
.top { background: #2F2E35; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 10px 3px 0 0; border-radius: 3px 3px 0 0; }
.top h2 { color: #fff; text-align: center; margin:0; font: 600 30px/65px 'Open Sans', Verdana, sans-serif; letter-spacing:-0.9px; }
.pricingtable { background: white; margin-top:50px; margin-bottom:50px; text-align:center; float: left; padding:0 0 50px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
/*Features*/
.pricingtable ul { list-style-type: none; font: 300 18px/2 'Open Sans', Verdana, sans-serif; margin: 20px 0 0 0; text-align:center; }
.pricingtable ul li { padding-bottom:5px; font-size:16px; }
.pricingtable ul strong { font-weight: bold; }
/*Dividing Line*/
.pricingtable hr { border: 0; background-color: #BCBEC0; color: #BCBEC0; height: 1px; margin: 20px 25px 30px; }
/*Price*/
.pricingtable h1 { text-align: center; font: bold 88px/1 'Open Sans', Verdana, sans-serif; margin: 20px 0 0 0; }
.pricingtable h1 sup { font-size: 45px; }
.pricingtable p { text-align: center; font: 500 14px/1 'Open Sans', Verdana, sans-serif; color: #BCBEC0; padding-bottom:20px; }
/*Scaled Version*/
.featured { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
/* Pricing Table */


/* Back To Top */
#back-top {bottom: 20px; position: fixed; right: 20px; z-index: 10000;}
#back-top a {display: block; height: 32px; text-align:center; line-height:32px; color:#FFF; transition: all 0.3s ease 0s; width: 32px; background:#38bdf2;}
#back-top a:hover{background:#0C1B25; color:#FFF;}
/* Back To Top */


#switcher { left: 0; padding: 8px 0; position: fixed; top: 220px; z-index: 9999; }
.styleswitcher h6{color:#666; text-transform:uppercase; margin:0 0 10px 6px;}
.styleswitcher .arrow-box { backgtop:0; right:-47px; position: absolute; }
.switch-button { cursor: pointer; display: block; box-shadow:2px 1px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:2px 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow:2px 1px 5px rgba(0, 0, 0, 0.1); -o-box-shadow:2px 1px 5px rgba(0, 0, 0, 0.1);} 
.styleswitcher { position: fixed; top: 150px; left: 0; width: auto; background:#FFF; padding:20px 10px 12px 10px; width:202px; z-index:10000; box-shadow:0px 10px 25px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 10px 25px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 10px 25px rgba(0, 0, 0, 0.3); -o-box-shadow:0px 10px 25px rgba(0, 0, 0, 0.3);}
.styleswitcher p { margin:0; }
.styleswitcher ul { margin: 0 auto; padding: 0; width:100%; }
ul.background-selector img:hover, ul.background-selector2 img:hover{ cursor: pointer; }
.styleswitcher ul li { list-style: none; margin:0 8px 10px 8px; display:inline-block;}
.styleswitcher ul li a { float: left; width: 16px; height: 14px; opacity: 0.7; filter: alpha(opacity=70); }
.styleswitcher ul li a:hover { opacity: 1; filter: alpha(opacity=100); }
.styleswitcher ul li.nomargin { margin:5px 0px; }
ul.background-selector img { height:20px; width:20px; border:1px solid #999; }
ul.color-scheme li a:hover { opacity: 1; filter: alpha(opacity=100); }
ul.color-scheme li:last-child { margin-bottom:10px; }

.styleswitcher .layout-type{margin:0 8px 16px 8px;}
ul.background-selector2 img { width:81px; border:1px solid #999; }

ul.color-scheme li a{width:21px; height:21px;}
ul.color-scheme li a:hover { opacity: 1; filter: alpha(opacity=100); }
ul.color-scheme li a.orange-theme { background: #ff6644; }
ul.color-scheme li a.blue-theme { background: #0596d5; }
ul.color-scheme li a.purple-theme { background: #a63e71; }
ul.color-scheme li a.green-theme { background: #87a644; }
ul.color-scheme li a.brown-theme { background: #857D4F; }
ul.color-scheme li a.light-blue-theme { background: #28AF91; }
.fullwidth{}
/* ========= end =========== */



/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/*.main-wrapper{max-width:784px;}*/
	.tinynav { display: none }
	.portfolio-skin-carousel .jcarousel-item { width:228px !important;}
	.loading{min-height:150px;}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	body{margin:0; padding:0;}
	.container {width: 300px; margin:0 auto;}
	
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body{margin:0; padding:0;}
	/*.main-wrapper{max-width:480px;}*/
	.logo{position:relative;}
	.header-top .text-right{text-align:left;}
	.container {width: 420px;}
	.logo{text-align:center;}
	nav { float: none; width:100%;}
	.tinynav { display: block; border:none; width:100%; margin:15px auto; padding:8px; font-weight:600; font: 14px/21px 'Open Sans'; color:#333; height:100%;}
	#nav, .styleswitcher{ display: none }
	.social-icons{padding:0 0 25px 0; float:none;}
	footer .social-icons{padding:15px 0 0 0; float:none;}
	.portfolio-skin-carousel .jcarousel-item-horizontal {margin-left:0 !important; margin-right: 9px;}
	.portfolio-skin-carousel .jcarousel-item { width:420px!important;}
	.home-portfolio h2{margin-left:0;}
	.blog-wrap{margin-bottom:10px;}
	#breadcrumb .pull-right{float:left;}
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	body{margin:0; padding:0;}
	/*.main-wrapper{max-width:360px;}*/
	.logo{position:relative;}
	.header-top .text-right{text-align:left;}
	.container {width: 300px;}
	.logo{text-align:center;}
	nav { float: none; width:100%;}
	.tinynav { display: block; border:none; width:100%; margin:15px auto; padding:8px; font-weight:600; font: 14px/21px 'Open Sans'; color:#333; height:100%;}
	#nav, .styleswitcher{ display: none }
	.social-icons{padding:0 0 25px 0; float:none;}
	footer .social-icons{padding:15px 0 0 0; float:none;}
	.portfolio-skin-carousel .jcarousel-item-horizontal {margin-left:0 !important; margin-right: 9px;}
	.portfolio-skin-carousel .jcarousel-item { width:300px !important;}
	.home-portfolio h2{margin-left:0;}
	.blog-wrap{margin-bottom:10px;}
	#breadcrumb .pull-right{float:left;}
}