/**
ontheway coming soon HTML5 creative Template
Copyright (c) 2014, Subramanian
Author: Subramanian
Profile: themeforest.net/user/FMedia/
Version: 1.0.0
Release Date: December 2014
**/
/*------------------------------------------------------------------
Table of contents
#Typography - h1,h2..., title, other text styles are placed here
#Margin, Alignment, spacing - Margin, alignment, spacing styles are placed here
#Image figure style - Image figure styles are placed here
#Header Stroke - Header stroke styles are placed here
#Blockquotes - Blockquote styles are placed here
#Links - Link styles are placed here
#Lists - List styles are placed here
#Image resizing - Image resizing styles are placed here
#Buttons - Button and navigation styles are placed here
#Blog - Blog Post and comment styles are placed here
#social bookmarks - Social bookmarks styles are placed here
#Font awesome colored social - Set color social bookmarks styles are placed here
#Twitter - Twitter feed styles are placed here
#tipsy - Tipsy styles are placed here
#Services section style - Services section styles are placed here
#Team carousel style - Team carousel styles are placed here
#Thumbnail Default Size - Thumbnail Default styles are placed here
#Thumbnail Medium Size - Thumbnail Medium size styles are placed here
#Thumbnail Normal Size - Thumbnail Normal size styles are placed here
#Thumbnail Small Size - Thumbnail Small small styles are placed here
#Item Title, Boxed Text - Thumbnail title, subtitle and boxed text styles are placed here
#Homepage carousel Thumbnail - Thumbnail carousel holding small image with text (you can see in one of the Homepage), styles are placed here
#Grid Thumbnail - Grid Thumbnails
#Parallax and Background style - Parallax and Background image and styles are placed here
#Accordion - Accordion styles are placed here
#Tabs - Tabs styles are placed here
#Image mouseover overlay - Image mouseover overlay styles are placed here
#Flicker - Flicker styles are placed here
#Full Screen gallery - Fullscreen gallery styles are placed here
#Gallery, Portfolio - Fullscreen gallery and portfolio content - Next, previous and close button, item Number styles are placed here
#Misc - Miscellaneous / common styles are placed here
#Background Frame image - Image slideshow with background frame styles are placed here
#Page Header - Page Header styles are placed here
#Contactus page style - Contact us page styles are placed here
#Google Map style - Google map styles are placed here
#Services List icons - Service list icons styles are placed here
#Services carousel - Carousel type service items
#imac Image display - Imac image display styles are placed here
#Image hover style - Image/item mouseover styles are placed here
#Pagination - Pagination styles are placed here
#Magnifc popup style - Magnifc popup styles are placed here
#Alert Style - Alert styles are placed here
#common media style - Common media only styles are placed here
#Circular/Rectangle shape - Circular, rectangle shape add or remove style placed here
*/
/* #Typography
================================================== */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1{ font-size: 60px; font-weight: 800; text-transform: uppercase; padding-bottom:10px; }
h2{ font-size: 42px; font-weight: 700; text-transform: uppercase; margin-top:0px !important; }
h3{ font-size: 23px; font-weight: 500; line-height:1.5; margin-top:0px !important; }
h4{ font-size: 18px; font-weight: 600; line-height:1.4; margin-top:0px !important; }
h5{ font-size: 16px; font-weight: 400; line-height:1.6; }
h6{ font-size: 14px; font-weight: 400; line-height:20px; }
.title_text {
position:relative;
display: block;
font-size: 22px;
font-weight: 700;
line-height:1.2;
}
.title_text_large {
position:relative;
display: block;
font-size: 75px;
font-weight: 300;
line-height:1.2;
}
blockquote.large{
font-size: 28px;
line-height: 36px;
}
.mate a, .more a{
display: inline !important;
font-size: 11px;
font-weight: 400;
line-height:15px;
padding:0px;
margin:0px 3px 5px 0px;
}
.mate, .more{ display:block; padding-bottom:10px; }
.mate.tags a{ font-weight:400; line-height:24px; }
.mini_description{
font-size: 18px;
font-weight: 400;
line-height: 1.6;
}
.short_description {
font-size: 13px;
font-weight: 400;
line-height: 1.6;
}
.tiny_font{
font-size:12px;
}
.bold_weight{
font-weight: 700 !important;
}
.light_weight{
font-weight: 400 !important;
}
.upperCase{
text-transform: uppercase;
}
.font_medium.first { padding-left:0px; }
.font_medium{ font-size: 55px; font-weight: lighter; }
.font_medium_x{ font-size: 27px;}
.font_small{ font-size: 13px; }
p { margin: 0px 0 15px 0; font-size:15px; font-weight:500; line-height:22px; }
p img { margin: 0; }
p.lead { font-size: 21px; }
em, .italic_style { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }
h1 .textBackground,
h1 .textBackground_white,
h1 .textBackground_black {
padding:0px 15px 0px 15px;
}
h3 .textBackground,
h3 .textBackground_white,
h3 .textBackground_black,
h3 .textBackground_white_transparent,
h3 .textBackground_black_transparent {
padding: 5px 10px 5px 10px;
}
.textBackground,
.textBackground_white,
.textBackground_black,
.textBackground_white_transparent,
.textBackground_black_transparent {
padding:0px 20px 0px 20px;
}
.fittext2 .textBackground,
.fittext2 .textBackground_white,
.fittext2 .textBackground_black,
.fittext2 .textBackground_white_transparent,
.fittext2 .textBackground_black_transparent {
padding:0px 10px 0px 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.title_text_large{font-size:32px !important; }
.homePageContent h3{ font-size: 16px; }
h2 { font-size: 36px; }
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
.title_text_large { font-size: 28px; }
.tiny_font{ font-size:12px; letter-spacing: .5px; }
.countdown .mini_description{ font-size:14px; }
.text3dEffect{ text-shadow:none; }
h1, h2 { font-size:36px !important; line-height:1.2 !important; }
.homePageContent h3 { font-size:18px !important; }
}
@media screen and (max-width: 480px) {
h1, h2 { font-size:24px !important; line-height:1.2 !important; }
h5 { font-size:14px; }
.counter_holder h1 { font-size:36px !important; }
h1.fittext1 { font-size:32px !important; }
h3 { font-size:20px !important; }
.homePageContent h3 { font-size:14px !important; }
.title_text_large{font-size:28px !important; }
.tiny_font{ font-size:12px; letter-spacing: 0.5px; }
.b_heading{ font-size:14px !important; }
.countdown .mini_description{ font-size:11px; }
h1 .textBackground,
h1 .textBackground_white,
h1 .textBackground_black {
padding: 5px 15px 5px 15px;
}
.mini_description {
font-size: 16px;
}
blockquote.large{
font-size: 18px;
line-height: 26px;
}
blockquote.large:before{ font-size:16px; padding-right: 10px; }
blockquote.large:after{ font-size:16px; padding-left: 10px; }
.text3dEffect{ text-shadow:none; }
}
/* #Margin, Alignment, spacing
================================================== */
p { margin-right:1px;}
.alignLeft { float:left; }
.alignRight { float:right; }
.alignCenter { margin: 0 auto; }
.noMargin { margin: 0 0 0 0; }
.homePageContent .noMargin { margin: 0 15px 0 15px; }
.bottom_spacing{ padding-bottom:10px; }
.spacing{ margin: 20px; }
.right_spacing{ margin-right:20px;}
.left_spacing{ margin-left:20px; }
.right_spacing_mini{ margin-right:10px;}
.left_spacing_mini{ margin-left:10px; }
.large_padding{ padding:3% 10% 3% 10%; }
.large_padding.fixed{ padding:3% 10% 3% 10% !important; }
.pad_left_right { padding-left:30px; padding-right:30px; }
.noSpacing { margin:0px !important; }
hr{ clear:both; margin: 10px 0px 25px; border:0px !important; }
.separator { clear: both; margin: 0px 0px 5px; height: 2px; }
.separator_mini { clear: both; margin: 0px 0px 20px; height: 2px; }
.separator_max { clear: both; margin: 100px 0px 20px; height: 2px; }
.separator_TopBot { clear: both; margin: 100px 0px 20px; height: 2px; }
.homePageContent .separator_max { margin:0px; padding:100px 0px 20px; height: 2px;}
.home_topSpace { clear: both; margin: 70px 0px 20px; height: 2px; }
.separator_shadow {
width: 100%;
height: 60px;
position: relative;
visibility: inherit;
display: inline-block;
margin: 0px 0;
background: url(../images/footer_shadow.png) top center no-repeat;
}
.separator_monogram {
width: 150px;
height: 100px;
position: relative;
visibility: inherit;
display: inline-block;
margin:px;
padding:0px;
background-image: url(../images/separator_monogram.png);
background-image: -Webkit-image-set(url(../images/separator_monogram.png) 1x, url(../images/separator_monogram@2x.png) 2x); /* Image for Retina */
background-position:center center;
background-repeat:no-repeat;
}
.separator_bar_mini {
width: 100px;
position:relative;
visibility: inherit;
display: inline-block;
margin: 20px 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: .5;
-khtml-opacity: .5;
opacity : .5;
}
.separator_bar {
clear: both;
margin: 10px 0px 10px 0px;
padding:0px 0px 0px 0px;
height: 1px; visibility:visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: .5;
-khtml-opacity: .5;
opacity : .5;
}
hr.border_center{
visibility: visible;
display: block;
padding: 0px 25px 10px 25px;
margin-left: 25px;
margin-right: 25px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
-moz-opacity: .2;
-khtml-opacity: .2;
opacity : .2;
}
.heading_stroke.noSpacing {
margin:0px;
}
.noSpacing .separator_monogram{
height:45px;
margin:0px;
}
.space_max { display: block; margin:0px !important; padding: 0px 0px 50px !important; }
.space_mini { display: block; margin:0px !important; padding: 0px 0px 30px !important; }
.space_small { display: block; margin:0px !important; padding: 0px 0px 0px !important; }
.padLeft{ padding-left:10px !important}
.padLeft_small{ padding-left:5px !important}
.space_large { display: block; margin:0px !important; padding: 0px 0px 100px !important; }
.bannerTop{ padding-top:200px; padding-bottom:200px; }
.video_banner{ min-height:640px; }
.homepage_bottomSpace { padding: 0px 0px 30px !important; }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.home_topSpace { margin: 35px 0px 20px; }
.separator_max { margin: 0px 0px 20px; }
.homePageContent .separator_max { margin:0px; padding:0px 0px 20px; }
.separator_desktop{ margin: 0px 0px 0px 0px; height: 0px; }
.separator_mini { padding: 0px 0px 0px !important; }
.separator_monogram { height:50px; }
.homePageContent .space_max{ padding-bottom:10px !important; }
}
@media only screen and (max-width: 767px) {
.home_topSpace { margin: 0px 0px 0px; }
.pad_left_right { padding-left:0px; padding-right:0px; }
.separator_desktop{ margin: 0px 0px 0px 0px; height: 0px; }
.separator_max { margin: 0px 0px 50px; }
.homePageContent .separator_max { margin:0px; padding:0px 0px 50px; }
.separator_mini { clear: both; margin: 0px 0px 50px; height: 2px; padding: 0px 0px 0px !important; }
.space_large { padding: 0px 0px 0px !important; }
.separator_monogram { height:50px; }
.video_banner{ min-height:340px; }
.homePageContent .space_max{ padding-bottom:40px !important; }
.homePageContent .space_mini{ padding-bottom:20px !important; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.separator_mini { clear: both; margin: 0px 0 15px; height: 2px; padding: 0px 0px 0px !important; }
}
@media only screen and (max-width: 479px) {
.separator_mini { margin: 0px 0px 20px; padding: 0px 0px 0px !important;}
.separator_max { margin: 20px 0px 20px; }
.homePageContent .separator_max { margin:0px; padding:20px 0px 20px; }
.space_max { padding: 0px 0px 20px !important; }
.separator_shadow { height: 50px; background-size: cover; }
}
@media only screen and (max-width: 991px) {
.large_padding{ padding:0% 0% 0% 0%; }
}
/* #Item Title, Boxed Text */
.item_title {
margin-top: 0px;
margin-bottom:2px;
padding-bottom:0px;
}
.item_sub_title{
font-size: 12px;
margin-top:0px;
padding-top:0px;
font-weight:normal;
}
.largeText_boxed, .largeText_borderBoxed{
font-size:30px !important;
font-weight: 700;
line-height:40px;
text-align: center;
text-transform:uppercase;
position:relative;
display: table;
margin:0 auto;
padding:25px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
h2.largeText_boxed, h2.largeText_borderBoxed { font-size:25px !important; }
.largeText_borderBoxed .fittext2{ padding-top:0px !important; padding-bottom:0px !important; }
.largeText_borderBoxed { position:relative; padding:40px 60px 40px 60px; }
.border_outer {
position:absolute;
border:solid 5px #000000;
width:95%;
width:calc(100% - 40px);
width:-moz-calc(100% - 40px);
width:-webkit-calc(100% - 40px);
height:88%;
height:calc(100% - 40px);
height:-moz-calc(100% - 40px);
height:-webkit-calc(100% - 40px);
top:20px;
left:20px;
}
@media screen and (max-width: 1024px) {
.largeText_boxed, .largeText_borderBoxed{
font-size:20px !important;
line-height:30px;
padding:20px;
}
.largeText_borderBoxed {
position:relative; padding:20px 30px 20px 30px;
}
.largeText_borderBoxed h1 {
font-size:18px !important;
padding: 0px !important;
margin: 10px !important;
line-height:30px;
}
.tp-dottedoverlay{ display:none !important; }
.largeText_borderBoxed .mid_txt { padding: 0px !important; margin:0px 0px 15px 0px !important; }
.border_outer {
border:solid 2px #000000;
width:95%;
width:calc(100% - 10px);
width:-moz-calc(100% - 10px);
width:-webkit-calc(100% - 10px);
height:88%;
height:calc(100% - 10px);
height:-moz-calc(100% - 10px);
height:-webkit-calc(100% - 10px);
top:5px;
left:5px;
}
}
@media only screen and (max-width: 991px) {
.title_top h1, .title_top h2, .title_top h3,
.title_top h4, .title_top h5, .title_top h6,
.title_bottom h1, .title_bottom h2, .title_bottom h3,
.title_bottom h4, .title_bottom h5, .title_bottom h6{ font-size:12px !important; }
}
iframe { border:0px; }
/* #Image figure style */
figure{
display: block;
overflow: hidden;
position: relative;
margin: 0px 0px 25px 0px;
padding: 0px;
}
figure img{
max-width: 100%;
height: auto;
margin:0 auto !important;
display:block;
}
.large_image{ width:360px; position:relative; display:block; margin:0 auto; }
.medium_image { width: 240px; position:relative; display:block; margin:0 auto; }
.small_image { width: 140px; position:relative; display:block; margin:0 auto; }
.mini_image { width: 90px; position:relative; display:block; margin:0 auto; }
.tiny_image { width:70px; position:relative; display:block; margin:0 auto; }
.post_image{ height:255px; position:relative; display:block; margin: 0 auto; }
.tiny_image img, .large_image img , .medium_image img, .small_image, .post_image img { max-width: 100%; }
.imgWarpLeft, .imgWarpRight{
display: inline-block;
height:auto;
float: left;
margin-right:20px;
margin-bottom:15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow:hidden;
}
.imgWarpRight{
float: right;
margin-right:0px;
margin-left:20px;
}
.imgWarpLeft img, .imgWarpRight img{ display: inline-block !important; }
.small_image.imgWarpLeft{ margin:0px 25px 15px 0px; }
.small_image.imgWarpRight{ margin:0px 0px 15px 25px; }
.medium_image.imgWarpLeft{ margin:0px 25px 20px 0px; }
.medium_image.imgWarpRight{ margin:0px 0px 20px 25px; }
.large_image.imgWarpLeft{ margin:0px 30px 20px 0px; }
.large_image.imgWarpRight{ margin:0px 0px 20px 30px; }
@media only screen and (min-width: 992px) and (max-width:1199px ) {
.medium_image { width: 192px; }
}
@media screen and (max-width: 767px) {
.large_image{ width: 240px; }
}
.border1{ border: solid 1px;}
.border2{ border: solid 2px;}
.border3{ border: solid 2px;}
@media screen and (max-width: 480px) {
.width_30Per .arrow_border:before,
.width_40Per .arrow_border:before {
right: auto;
top: auto;
left: 50%;
margin-left: -7px;
bottom: -16px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
}
}
.circular_border{ overflow:hidden; display:block; }
.goDown{
position:relative;
margin:0 auto;
left:-1px;
top:7px;
width:35px;
height:25px;
background-image : url(../images/sprite.png);
background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x); /* Image for Retina */
background-position: 100% -120px;
background-repeat:no-repeat;
}
/* #Header Stroke */
.half_transparent {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: .5;
-khtml-opacity: .5;
opacity : .5;
}
/* #Blockquotes */
blockquote, blockquote p { font-style: italic; }
blockquote {
position:relative;
color:#5a5a5a;
display: block;
padding: 15px 20px 0px 20px;
margin: 0 0 20px;
font-size: 16px;
font-weight: 700;
line-height: 1.8em;
font-style: normal;
border: none;
}
blockquote cite { display: block; font-size: 12px; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
.blockquote_large{ padding: 0px 10px 0px 15px; border-left: #ef3d42 7px solid; }
blockquote:before {
content:"\f10d";
font-family: FontAwesome;
color:#cccccc;
font-size:25px;
width: 60px;
height: 60px;
position: relative;
padding-right: 25px;
z-index: 1;
}
blockquote:after {
content:"\f10e";
font-family: FontAwesome;
color:#cccccc;
font-size: 25px;
width: 60px;
height: 60px;
position: relative;
padding-left: 25px;
z-index: 1;
}
@media only screen and (max-width: 767px){
blockquote {
padding: 15px 0px 0px 0px;
}
}
hr { visibility:hidden; border:none clear: both; margin: 10px 0 22px; height: 2px; }
hr.borderTop { visibility:visible; border-style:dotted; margin: 40px 0 0px; }
hr.borderTop.noSpacing { visibility:visible; border-style:dotted; margin: 0px 0 0px; }
hr.borderBottom { visibility:visible; border-style:dotted; margin: -2px 0 0px; }
hr.slide_bottomSpace { clear: both; margin: 30px 0px 30px; padding:0px; height: 2px; }
/* #Links
================================================== */
a, a:visited { text-decoration: none; outline: 0; cursor:pointer !important; }
a:hover { text-decoration:none; }
p a, p a:visited { line-height: inherit; }
a{
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
a.imgBtn img{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity : 1;
-webkit-transition: 180ms ease-in-out;
-moz-transition: 180ms ease-in-out;
-o-transition: 180ms ease-in-out;
transition: 180ms ease-in-out;
}
a.imgBtn:hover img{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: .5;
-khtml-opacity: .5;
opacity : .5;
}
a.underLine, a.underLine:visited { text-decoration: underline}
a.underLine:hover { text-decoration:none; }
a.button, a.button:visited, a.normal, a.normal:visited { text-decoration: none; outline: 0; cursor:pointer; }
a.button:hover, a.normal:hover,
a.text_hover, a:hover.text_hover, a:visited.text_hover,
a.list_hover, a:hover.list_hover, a:visited.list_hover{
text-decoration:none; }
.boxed_links a {
padding: 2px 7px 2px 7px;
display: inline-block !important;
margin: 0px 3px 7px 0px !important;
-webkit-transition: border-color 0.1s ease-in-out;
-moz-transition: border-color 0.1s ease-in-out;
-o-transition: border-color 0.1s ease-in-out;
-ms-transition: border-color 0.1s ease-in-out;
transition: border-color 0.1s ease-in-out;
}
.text_hover {
padding: 2px 4px 2px 4px;
}
.list_hover {
display:inline-block;
font-size:12px;
font-weight: 700;
line-height: 16px;
margin:2px 2px 2px 2px;
padding: 4px 4px 4px 4px;
}
.list_hover i {
margin-right:5px;
font-size:14px;
}
.pad { padding: 6px 10px 8px 10px; }
.pad_5 { padding: 5px 10px 5px 10px; }
.pad_10 { padding: 10px; }
.pad_20 { padding: 20px; }
.pad_10_noLeft { padding: 10px 10px 10px 0px;}
.pad_large { padding: 50px; }
a.no_decor{ text-decoration:none; }
.removePadding{
padding: 0px 0px 0px 0px !important;
}
.list_items { margin:0px !important; padding:0px !important; }
.list_items li{ padding-bottom:0px; }
.list_items li i{ padding-right:15px; }
.width_25Per{ width:25%; }
.width_30Per{ width:30%; max-width: 250px; }
.width_40Per{ width:40%; max-width: 250px; }
.width_45Per{ width:45%; max-width: 250px; }
.width_50Per{ width:50%; max-width: 250px; }
.width_75Per{ width:75%; position:relative; margin: 0 auto !important; }
@media screen and (min-width: 992px) and (max-width:1200px ) {
.pad_large { padding: 40px; }
}
@media screen and (max-width: 991px) {
.width_75Per{ width:90%; }
.pad_large { padding: 20px; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
.width_25Per{ width:50%; }
.pad_large { padding: 20px; }
}
@media screen and (max-width: 480px) {
.width_25Per{ width:250px; margin: 0 auto; }
.width_30Per, .width_45Per, .width_40Per, .width_50Per{
width: 100%;
float: none !important;
position: relative;
display: block;
margin: 0 auto 20px;
}
.width_75Per{ width:90%; }
.pad_20 { padding: 10px; }
.pad_large { padding: 0px 0px 30px 0px; }
}
/* #Lists
================================================== */
* { margin: 0; padding: 0; }
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
.list1, .list2, .list3, .list4, .list5, .list6, .list7, .list8, .list9, .list10{
padding:0px 5px 2px 28px; line-height:18px; list-style-type:none; text-align:left; display:block; margin-bottom:13px;
}
.list1{ background:url(../images/list/icon1.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon1.png) 1x, url(../images/list/icon1@2x.png) 2x); /* Image for Retina */ }
.list2{ background:url(../images/list/icon2.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon2.png) 1x, url(../images/list/icon2@2x.png) 2x); /* Image for Retina */ }
.list3{ background:url(../images/list/icon3.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon3.png) 1x, url(../images/list/icon3@2x.png) 2x); /* Image for Retina */ }
.list4{ background:url(../images/list/icon4.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon4.png) 1x, url(../images/list/icon4@2x.png) 2x); /* Image for Retina */ }
.list5{ background:url(../images/list/icon5.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon5.png) 1x, url(../images/list/icon5@2x.png) 2x); /* Image for Retina */ }
.list6{ background:url(../images/list/icon6.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon6.png) 1x, url(../images/list/icon6@2x.png) 2x); /* Image for Retina */ }
.list7{ background:url(../images/list/icon7.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon7.png) 1x, url(../images/list/icon7@2x.png) 2x); /* Image for Retina */ }
.list8{ background:url(../images/list/icon8.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon8.png) 1x, url(../images/list/icon8@2x.png) 2x); /* Image for Retina */ }
.list9{ background:url(../images/list/icon9.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon9.png) 1x, url(../images/list/icon9@2x.png) 2x); /* Image for Retina */ }
.list10{ background:url(../images/list/icon10.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon10.png) 1x, url(../images/list/icon10@2x.png) 2x); /* Image for Retina */ }
/* White List */
.list1_white, .list2_white, .list4_white, .list5_white,
.list6_white, .list7_white, .list8_white, .list9_white, .list10_white{
padding:0px 5px 2px 28px; line-height:18px; list-style-type:none; text-align:left; display:block; margin-bottom:13px;
}
.list1_white{ background:url(../images/list/icon1_white.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon1_white.png) 1x, url(../images/list/icon1_white@2x.png) 2x); /* Image for Retina */ }
.list2_white{ background:url(../images/list/icon2_white.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon2_white.png) 1x, url(../images/list/icon2_white@2x.png) 2x); /* Image for Retina */ }
.list4_white{ background:url(../images/list/icon4_white.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon4_white.png) 1x, url(../images/list/icon4_white@2x.png) 2x); /* Image for Retina */ }
.list5_white{ background:url(../images/list/icon5_white.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon5_white.png) 1x, url(../images/list/icon5_white@2x.png) 2x); /* Image for Retina */ }
.list6_white{ background:url(../images/list/icon6_white.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon6_white.png) 1x, url(../images/list/icon6_white@2x.png) 2x); /* Image for Retina */ }
.list7_white{ background:url(../images/list/icon7_white.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon7_white.png) 1x, url(../images/list/icon7_white@2x.png) 2x); /* Image for Retina */ }
.list8_white{ background:url(../images/list/icon8_white.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon8_white.png) 1x, url(../images/list/icon8_white@2x.png) 2x); /* Image for Retina */ }
.list9_white{ background:url(../images/list/icon9_white.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon9_white.png) 1x, url(../images/list/icon9_white@2x.png) 2x); /* Image for Retina */ }
.list10_white{ background:url(../images/list/icon10_white.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/list/icon10_white.png) 1x, url(../images/list/icon10_white@2x.png) 2x); /* Image for Retina */ }
a .list1, a .list2, a .list3, a .list4, a .list5, a .list6, a .list7, a .list8, a .list9, a .list10,
a .list1_white, a .list2_white, a .list4_white, a .list5_white,
a .list6_white, a .list7_white, a .list8_white, a .list9_white, a .list10_white {
padding:3px 9px 2px 28px !important; line-height:12px; margin-bottom:0px !important;
}
a.list_hover{ margin-bottom:5px; }
/* #Listed items */
.listed_o li{ margin-bottom:10px; }
.listed_o li:before{
content: "\f192";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right:10px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
ul.item_feature { margin-bottom: 0px !important; }
ul.item_feature li { padding-top: 0px !important; }
ul.item_feature li:last-child { padding-top: 0px !important; padding-bottom: 0px !important; }
@media only screen and (max-width: 991px) {
ul.item_feature li:last-child { padding-bottom: 20px !important; }
}
/* #Image resizing
================================================== */
img.scale-with-grid {
max-width: 100%;
height: auto;
margin:0 auto !important;
display:block;
}
img.resize-with-grid {
max-width: 100%;
height: auto;
margin:0 auto !important;
display:block;
}
.scale-fit-height{
width: 100%;
height:auto;
}
.scale-fit-width, .flexSlideshow .slides img.scale-fit-width{
max-height: none;
max-width: 100%;
width: 100%;
height: auto;
}
@media only screen and (max-width: 991px) {
img.resize-with-grid {
width: 100%;
height: auto;
}
}
.resize_align{
max-width:auto !important;
max-height:auto !important;
min-width:auto !important;
min-height:auto !important;
}
/* #Buttons
================================================== */
a.button, .button,
button {
font-family: 'Droid_sans', 'Trebuchet MS', sans-serif;
white-space: nowrap;
display: inline-block;
position:relative;
font-weight: bold;
text-decoration: none;
cursor:pointer;
margin-bottom: 20px;
line-height: normal;
padding: 6px 10px 6px 10px;
border:none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a .button, a { position:relative }
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
color: #000;
}
.button.full-width,
button.full-width{
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center; }
input, textarea {
width: 100%;
font-family: 'Droid_sans', 'Trebuchet MS', sans-serif;
font-size:14px;
padding:10px;
margin: 10px 0px 10px 0px;
}
.contactusForm .transprentBg{
margin:10px 0px 20px 0px;
background-color: transparent;
}
.contactPage .form_holder{
margin:100px 0px 100px 0px;
}
.contactContent {
padding: 40px 40px 220px 40px;
position: relative;
}
.contactContent .col-md-6{
z-index:100122;
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.contactContent {
padding: 10px 0px 220px 0px;
}
}
@media only screen and (max-width: 991px) {
.contactContent {
padding: 10px 20px 20px 0px;
}
.contactPage .contactusForm{
padding-bottom:60px;
}
.contactPage .form_holder {
margin: 0px 0px 0px 0px;
}
}
@media only screen and (max-width: 479px) {
.contactPage .classicFrame.frameFitInside {
padding: 20px 20px 50px 20px;
}
}
@media only screen and (max-width: 321px) {
.contactPage .classicFrame.frameFitInside {
margin-bottom: 0px !important;
width: 320px;
margin-left: -30px;
}
}
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
.button, button{
font-size: 12px;
}
.button.small, button.small{
font-size: 10px;
}
.button.medium, button.medium{
font-size: 16px;
}
.button.large, button.large{
font-size: 16px;
font-weight:700;
text-transform:uppercase;
padding:15px 75px 15px 75px;
margin-top:25px;
width:100%;
}
@media only screen and (max-width: 480px) {
.button.large, button.large{ padding:15px 25px 15px 25px; }
}
.button i{
font-size: 14px;
margin-top: 3px;
}
.button.large i {
font-size: 21px;
top: 5px;
position: relative;
}
.center_float{
text-align:center;
margin:0px auto;
top:-25px;
}
.form_fx.font_2x { max-width:450px; width:100%; }
.form_fx { max-width: 320px; }
.form_fx form { height: 60px; overflow: hidden; }
.font_2x, .font_2x input { font-size:25px !important; }
.form_fx input{
border: none;
padding: 12px 45px 12px 25px !important;
width: 100%;
}
.form_fx.font_2x input{ padding:10px 55px 10px 15px !important; }
.form_fx.font_2x button { top: -62px; right: 2px; }
.form_fx button{
border: none !important;
position: relative;
display: inline-block;
float: right;
top: -52px;
padding: 9px 12px 9px 12px;
margin: 0px;
}
.form_fx button i.fa{ font-size:1.2em; left:5px; top: 5px; }
.form_fx button i.fa.fa-2x { top: 3px; font-size: 2em; }
.form_fx button i.fa.fa-4x { top: 3px; font-size:2.8em; }
.form_fx.font_2x button i.fa{ left: 0px; top: 2px;}
.inverseStyle .form_fx a.button:hover,
.inverseStyle .form_fx .button:hover,
.inverseStyle .form_fx button:hover{
border:none !important; }
@media screen and (max-width: 991px) {
.form_fx { max-width: 280px; float: none; }
.form_fx form { height: 50px; }
}
@media only screen and (max-width: 480px) {
.form_fx.font_2x { max-width:300px; width:100%; }
.font_2x, .font_2x input { font-size:15px !important; }
.form_fx.font_2x button i.fa{ font-size:1.2em; left:5px; top: 5px; }
.form_fx button i.fa.fa-4x { top: 3px; font-size:1.8em; }
.form_fx.font_2x button { top: -50px; }
}
/* #social bookmarks
================================================== */
.social_bookmarks {
float:left;
margin:0;
padding:0;
height:100%;
}
.social_bookmarks li {
height:16px;
float:left;
padding:0;
margin:10px 0px 5px 0px;
list-style:none;
cursor:pointer;
-webkit-transition: all 0.4s ease-in-out;
-moz-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;
}
.social_bookmarks li a {
float:left;
width:30px;
min-height:20px;
height:100%;
display: block;
text-indent: -9999px;
margin:0px;
padding:0;
outline: none;
}
.social_bookmarks .twitter {
background: transparent url(../images/social/black/twitter.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/twitter.png) 1x, url(../images/social/black/twitter@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .facebook {
background: transparent url(../images/social/black/facebook.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/facebook.png) 1x, url(../images/social/black/facebook@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .gplus {
background: transparent url(../images/social/black/gplus.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/gplus.png) 1x, url(../images/social/black/gplus@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .linkedin {
background: transparent url(../images/social/black/linkedin.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/linkedin.png) 1x, url(../images/social/black/linkedin@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .rss {
background: transparent url(../images/social/black/rss.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/rss.png) 1x, url(../images/social/black/rss@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .digg {
background: transparent url(../images/social/black/digg.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/digg.png) 1x, url(../images/social/black/digg@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .delicious {
background: transparent url(../images/social/black/delicious.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/delicious.png) 1x, url(../images/social/black/delicious@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .youtube {
background: transparent url(../images/social/black/youtube.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/youtube.png) 1x, url(../images/social/black/youtube@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .vimeo {
background: transparent url(../images/social/black/vimeo.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/vimeo.png) 1x, url(../images/social/black/vimeo@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .skype {
background: transparent url(../images/social/black/skype.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/skype.png) 1x, url(../images/social/black/skype@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .dribbble {
background: transparent url(../images/social/black/dribbble.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/dribbble.png) 1x, url(../images/social/black/dribbble@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .ichat {
background: transparent url(../images/social/black/ichat.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/ichat.png) 1x, url(../images/social/black/ichat@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .deviantart {
background: transparent url(../images/social/black/deviantart.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/deviantart.png) 1x, url(../images/social/black/deviantart@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .stumbleupon {
background: transparent url(../images/social/black/stumbleupon.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/black/stumbleupon.png) 1x, url(../images/social/black/stumbleupon@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .gplus:hover, .social_bookmarks .linkedin:hover,
.social_bookmarks .twitter:hover, .social_bookmarks .facebook:hover,
.social_bookmarks .rss:hover, .social_bookmarks .digg:hover,
.social_bookmarks .delicious:hover, .social_bookmarks .youtube:hover,
.social_bookmarks .vimeo:hover, .social_bookmarks .skype:hover,
.social_bookmarks .dribbble:hover, .social_bookmarks .ichat:hover,
.social_bookmarks .deviantart:hover, .social_bookmarks .stumbleupon:hover{
background-position: 0% 100% ;
}
/* #White Theme*/
.social_bookmarks .twitter_white {
background: transparent url(../images/social/white/twitter.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/twitter.png) 1x, url(../images/social/white/twitter@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .facebook_white {
background: transparent url(../images/social/white/facebook.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/facebook.png) 1x, url(../images/social/white/facebook@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .gplus_white {
background: transparent url(../images/social/white/gplus.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/gplus.png) 1x, url(../images/social/white/gplus@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .linkedin_white {
background: transparent url(../images/social/white/linkedin.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/linkedin.png) 1x, url(../images/social/white/linkedin@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .rss_white {
background: transparent url(../images/social/white/rss.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/rss.png) 1x, url(../images/social/white/rss@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .digg_white {
background: transparent url(../images/social/white/digg.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/digg.png) 1x, url(../images/social/white/digg@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .delicious_white {
background: transparent url(../images/social/white/delicious.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/delicious.png) 1x, url(../images/social/white/delicious@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .youtube_white {
background: transparent url(../images/social/white/youtube.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/youtube.png) 1x, url(../images/social/white/youtube@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .vimeo_white {
background: transparent url(../images/social/white/vimeo.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/vimeo.png) 1x, url(../images/social/white/vimeo@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .skype_white {
background: transparent url(../images/social/white/skype.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/skype.png) 1x, url(../images/social/white/skype@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .dribbble_white {
background: transparent url(../images/social/white/dribbble.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/dribbble.png) 1x, url(../images/social/white/dribbble@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .ichat_white {
background: transparent url(../images/social/white/ichat.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/ichat.png) 1x, url(../images/social/white/ichat@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .deviantart_white {
background: transparent url(../images/social/white/deviantart.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/deviantart.png) 1x, url(../images/social/white/deviantart@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .stumbleupon_white {
background: transparent url(../images/social/white/stumbleupon.png) top left no-repeat;
background-image: -Webkit-image-set(url(../images/social/white/stumbleupon.png) 1x, url(../images/social/white/stumbleupon@2x.png) 2x); /* Image for Retina */ }
.social_bookmarks .gplus_white:hover, .social_bookmarks .linkedin_white:hover,
.social_bookmarks .twitter_white:hover, .social_bookmarks .facebook_white:hover,
.social_bookmarks .rss_white:hover, .social_bookmarks .digg_white:hover,
.social_bookmarks .delicious_white:hover, .social_bookmarks .youtube_white:hover,
.social_bookmarks .vimeo_white:hover, .social_bookmarks .skype_white:hover,
.social_bookmarks .dribbble_white:hover, .social_bookmarks .ichat_white:hover,
.social_bookmarks .deviantart_white:hover, .social_bookmarks .stumbleupon_white:hover {
background-position: 0% 100%;
}
.font_awesome, .font_awesome_2x, .font_awesome_3x {
position:relative;
margin:0;
padding:0;
}
.font_awesome li, .font_awesome_2x li, .font_awesome_3x li {
display:inline-block;
font-weight:700;
list-style:none;
cursor:pointer;
margin-right: 2px !important;
padding-bottom: 2px !important;
}
.font_awesome>li>a, .font_awesome_2x>li>a, .font_awesome_3x>li>a {
display:block;
margin: 0px 0px 0 0;
padding: 4px 0px;
display: block;
outline: none;
text-align:center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.font_awesome li a i {
line-height: 18px;
}
.font_awesome li a i, .font_awesome_2x li a i, .font_awesome_3x li a i {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.font_awesome li{ min-height:inherit !important; }
.font_awesome.icons_listed li{ float:none; }
.font_awesome_2x.icons_listed li{ float:none; }
.font_awesome_3x.icons_listed li{ float:none; }
.font_awesome li a {
min-width:26px;
}
.font_awesome_2x li a {
display: block;
width:40px ;
}
.font_awesome_3x li a {
width:68px;
padding: 12px 0px 12px 0px;
}
.font_awesome.addFxEmbossBtn .fxEmbossBtn{
width: 26px!important;
max-width: 26px!important;
height: 26px!important;
overflow:visible;
margin-top:0px;
border-left: 0px;
border-right: 0px;
border-top: 0px;
}
.font_awesome.addFxEmbossBtn.removeBorder .fxEmbossBtn .btn_hover { border: 1px solid transparent; }
.font_awesome.addFxEmbossBtn a{
width:inherit;
}
.font_awesome_2x.addFxEmbossBtn .fxEmbossBtn{
width:32x;
height:40px;
overflow:visible;
}
.font_awesome.addFxEmbossBtn .fxEmbossBtn i,
.font_awesome_2x.addFxEmbossBtn .fxEmbossBtn i{ z-index:10; position:relative; }
/* #Font awesome colored social link */
.font_awesome li a.envelope .btn_hover, .font_awesome_2x li a.envelope .btn_hover{
border: 1px solid #e84e40;
}
.font_awesome li a.envelope i, .font_awesome_2x li a.envelope i {
color:#e84e40 !important;
}
.font_awesome li a.facebook .btn_hover, .font_awesome_2x li a.facebook .btn_hover {
border: 1px solid #3b5998;
}
.font_awesome li a.facebook i, .font_awesome_2x li a.facebook i {
color:#3b5998 !important;
}
.font_awesome li a.twitter .btn_hover, .font_awesome_2x li a.twitter .btn_hover {
border: 1px solid #00aced;
}
.font_awesome li a.twitter i, .font_awesome_2x li a.twitter i {
color:#00aced !important;
}
.font_awesome li a.youtube .btn_hover, .font_awesome_2x li a.youtube .btn_hover {
border: 1px solid #bb0000;
}
.font_awesome li a.youtube i, .font_awesome_2x li a.youtube i {
color:#bb0000 !important;
}
.font_awesome li a.googleplus .btn_hover, .font_awesome_2x li a.googleplus .btn_hover {
border: 1px solid #dd4b39;
}
.font_awesome li a.googleplus i, .font_awesome_2x li a.googleplus i {
color:#dd4b39 !important;
}
.font_awesome li a.linkedin .btn_hover, .font_awesome_2x li a.linkedin .btn_hover {
border: 1px solid #007bb6;
}
.font_awesome li a.linkedin i, .font_awesome_2x li a.linkedin i {
color:#007bb6 !important;
}
.font_awesome li a.dribbble .btn_hover, .font_awesome_2x li a.dribbble .btn_hover {
border: 1px solid #e34b86;
}
.font_awesome li a.dribbble i, .font_awesome_2x li a.dribbble i {
color:#e34b86 !important;
}
.font_awesome li a.instagram .btn_hover, .font_awesome_2x li a.instagram .btn_hover {
border: 1px solid #517fa4;
}
.font_awesome li a.instagram i, .font_awesome_2x li a.instagram i {
color:#517fa4 !important;
}
.font_awesome li a.pinterest .btn_hover, .font_awesome_2x li a.pinterest .btn_hover {
border: 1px solid #cb2027;
}
.font_awesome li a.pinterest i, .font_awesome_2x li a.pinterest i {
color:#cb2027 !important;
}
.font_awesome li a.flickr .btn_hover, .font_awesome_2x li a.flickr .btn_hover {
border: 1px solid #ff0084;
}
.font_awesome li a.flickr i, .font_awesome_2x li a.flickr i {
color:#ff0084 !important;
}
.font_awesome li a.tumblr .btn_hover, .font_awesome_2x li a.tumblr .btn_hover {
border: 1px solid #32506d;
}
.font_awesome li a.tumblr i, .font_awesome_2x li a.tumblr i {
color:#32506d !important;
}
.font_awesome li a.vk .btn_hover, .font_awesome_2x li a.vk .btn_hover {
border: 1px solid #45668e;
}
.font_awesome li a.vk i, .font_awesome_2x li a.vk i {
color:#45668e !important;
}
.font_awesome li a.vimeo .btn_hover, .font_awesome_2x li a.vimeo .btn_hover {
border: 1px solid #aad450;
}
.font_awesome li a.vimeo i, .font_awesome_2x li a.vimeo i {
color:#aad450 !important;
}
.font_awesome li a.foursquare .btn_hover, .font_awesome_2x li a.foursquare .btn_hover {
border: 1px solid #0072b1;
}
.font_awesome li a.foursquare i, .font_awesome_2x li a.foursquare i {
color:#0072b1 !important;
}
.font_awesome li a.likeit .btn_hover, .font_awesome_2x li a.likeit .btn_hover {
border: 1px solid #fea400;
}
.font_awesome li a.likeit i, .font_awesome_2x li a.likeit i {
color:#fea400 !important;
}
.icons_listed li{ float:left; }
.icons_listed li { margin-bottom: 7px; }
.icons_listed.padList {}
.icons_listed.padList li{ padding:5px; }
.icons_listed.padList li:first-child{ padding-left:0px; }
.socialLink{
overflow:hidden;
cursor:pointer;
display:block;
position:relative;
text-align:center;
padding:10px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.num_likes{
position: absolute;
display: block;
top: -10px;
left: 20px;
padding: 2px 4px 0px 4px;
z-index: 25;
line-height: 14px;
font-size: 10px;
text-align: left;
margin: 0px 0px 0px auto;
background-color: #fea400 !important;
color: #ffffff;
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
/* End social bookmarks */
/* Flex slideshow */
.flex-direction-nav li .btn_hover,
.flex-direction-nav li.fxEmbossBtn:hover .btn_hover{
border:none !important;
background:none !important;
}
.flex-direction-nav li.fxEmbossBtn:hover .btn_icon{
-moz-transform: scale(1.55) !important;
-webkit-transform: scale(1.55) !important;
-o-transform: scale(1.55) !important;
-ms-transform: scale(1.55) !important;
transform: scale(1.55) !important;
}
/* #Twitter */
.tweet-container { position:relative; display:block; left: -40px; }
#twitter_update_list { list-style:none; }
#jstwitter li { list-style:none; padding-bottom:10px; }
.tweet-wrapper li{ list-style:none; }
.tweet-wrapper h6 {
padding-top: 0px !important;
line-height: 12px !important;
padding-right: 5px !important;
}
.tweet-wrapper .text {
font-size: 13px !important;
position: relative;
padding: 0px 5px 0px 0px !important;
margin: 0px !important;
}
.tweet-wrapper span.time { font-size: 11px !important; margin-right: 15px; }
.tweet-wrapper span.user { font-size: 11px !important; font-style:italic !important; }
.slideshow_tweet {
margin: 0px 0px 0px 0px;
margin-left: 50px;
position: relative;
}
.slideshow_tweet .slide { height: 120px; font-size:13px; }
.slideshow_tweet .slide .holder{ padding:0px; display:block; width: 300px;}
.slideshow_tweet.alignRight{ right:15px; float:right; }
.tweet_feed_icon{
right: 40px;
margin: 0;
background:url(../images/tweet_feed_icon.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/tweet_feed_icon.png) 1x, url(../images/tweet_feed_icon@2x.png) 2x); /* Image for Retina */
background-position: left bottom;
}
.white_ver .tweet_feed_icon{
background:url(../images/tweet_feed_icon.png) no-repeat left;
background-image: -Webkit-image-set(url(../images/tweet_feed_icon.png) 1x, url(../images/tweet_feed_icon@2x.png) 2x); /* Image for Retina */
background-position: left top;
}
.tweet-container .tweet_holder{ visibility:visible; }
.tweet_holder{
position:relative;
top: 0px;
z-index: 62;
}
.tweet_holder .slideshow_tweet{
/*margin-bottom:0px;*/
}
/*.tweet_feed_icon:before{
content: "";
width: 0px;
height: 0px;
position: relative;
top: -25px;
right: -15px;
border-style: solid;
border-width: 0 10px 10px 10px;
z-index: 120554;
}*/
.tweet_feed_icon {
position: absolute !important;
top: 5px;
left: 0px !important;
z-index: 120555;
}
.tweet_feed_icon.large,
.tweet_feed_icon.large.light,
.white_ver .tweet_feed_icon.large.light{
margin: 0 auto; background-position: right top;
}
.white_ver .tweet_feed_icon.large, .tweet_feed_icon.large.dark{
background-position: right bottom;
}
.tweet_feed_icon { width: 70px; height: 50px; }
.tweet_feed_icon.large { width: 150px; height: 90px; }
.flex_slideshow_tweet.flexslider.slideAnimation { margin: 30px 0px 25px 0px; }
.flex_slideshow_tweet .slides li .tweet-wrapper .text { font-size:22px !important; text-align:center; padding:10px 0px 0px 0px !important; }
.flex_slideshow_tweet .slides li .tweet-wrapper h6 { font-size:18px !important; text-align:center; padding-top:15px !important; }
.flex_slideshow_tweet .slides li .tweet-wrapper span.time, .flex_slideshow_tweet .slides li .tweet-wrapper span.user { font-size:14px !important; }
.flex_slideshow_tweet .slides li .holder{ padding:0px; display:block; }
@media only screen and (max-width: 1150px) and (min-width: 992px){
/*.slideshow_tweet { margin-top: 30px; } */
}
@media screen and (max-width: 991px) {
.tweet_holder{
position: relative;
float: left;
display: block;
width: 100%;
}
.tweet-container { left: 0px; }
.slideshow_tweet { margin-left: 10px; }
.tweet_holder .slideshow_tweet {
margin-bottom: 55px;
float: left;
text-align: left;
right: auto;
left: 20px;
}
.tweet_feed_icon {
position: relative !important;
bottom: 0px;
right: auto !important;
left: -5px !important;
margin: 0px !important;
background-position: left top !important;
}
.tweet_feed_icon:before{ border-width: 0 0px 0px 0px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tweet_holder{ margin-left: 0px; margin-top: 25px; }
}
@media screen and (max-width: 767px) {
.tweet_feed_icon{ right: 0px; bottom: 10px;}
.tweet_holder{ margin-left: 0px; margin-top: 0px; }
.tweet_holder .slideshow_tweet{ margin-bottom: 20px !important; }
.slideshow_tweet .slide { padding: 0px 0px 0px 0px !important; }
.slideshow_tweet .slide .text{ padding: 0px 40px 0px 0px !important; }
}
/* #tipsy tooltips style
tipsy, facebook style tipsys for jquery
version 1.0.0a
(c) 2008-2010 jason frame [jason@onehackoranother.com]
releated under the MIT license*/
.tipsy { font-size: 10px; letter-spacing:1px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: rgba(0, 0, 0, .75); color: #ffffff; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed rgba(0, 0, 0, .75); }
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
/* End tipsy tooltips style */
/* #Parallax and Background style */
.parallax {
background-repeat:no-repeat;
background-position:center center;
background-attachment:scroll;
position: relative;
overflow:hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.notTouchDevice .parallax {
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translateZ(0);
}
.addParallaxEffect, .parallax.addParallaxEffect {
background-position: 50% 0;
background-repeat: repeat-y!important;
background-attachment: fixed!important;
}
.touchDevice .mainContent .parallax,
.touchDevice .addParallaxEffect, .touchDevice .parallax.addParallaxEffect{
background-position: center center !important;
background-attachment:scroll !important;
}
.mainContent .parallax {
background-repeat:no-repeat;
background-position:center center;
background-attachment:scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.parallax, .mainContent .parallax.bgBottomPos {
background-position: bottom center !important;
}
.parallax.removeBg, .mainContent .parallax.bgBottomPos.removeBg {
background-position: 0% -5000% !important;
}
.parallax.bgFitToWidth{
background-size: 100% auto;
background-position: top center;
}
.overlayPattern, .parallaxPattern{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
overflow:hidden;
z-index: -1;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translateZ(0);
-webkit-transition: translate3d(0,0,0);
}
.overlayBg{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
overflow:hidden;
z-index:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
-moz-opacity: .75;
-khtml-opacity: .75;
opacity : .75;
}
.overlayBg.forHomepage{ position:fixed; height:100%; }
.remove_transparent{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity : 1;
}
.videoOverlay.overlayPattern, .videoOverlay.parallaxPattern{
z-index:5;
}
.videoContent_holder{
position: relative;
z-index: 25;
}
.flatHover{ left:0px; }
.smoothPageLoad { left:0px; }
.overlayPattern{ background: url(../images/background_overlay.png) repeat scroll; }
.parallaxPattern{ background: url(../images/parallax_overlay.png) repeat scroll; }
.fullScreenGallery_items .overlayPattern{ z-index:1; }
.parallax.fixedBackground, .parallaxPattern.fixedBackground{ background-attachment:fixed !important; }
.parallax.topHeaderBg{ background-position:center top !important; }
.overlayBg.fixedPosition { position:fixed; width:100%; height:100%; visibility:visible !important; }
.bg_container{
position:relative;
overflow:hidden;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translateZ(0);
-webkit-transition: translate3d(0,0,0);
}
.show_hidden{ overflow:visible; }
.bg_pattern2{
position:relative;
background-color: #1a1a1a;
background-image: url(../images/bg_pattern2.jpg);
background-attachment:scroll;
}
.bg_transparent {
background-color: transparent !important;
background-color: none !important;
background-image:none !important;
}
iframe,
embed,
object {
max-width: 100%;
}
@media only screen and (max-width: 991px) {
.parallax.mobileRemoveParallax{
background-image:none !important;
}
}
/* #Accordion
===================================================*/
.accordion {
padding: 0px 0px 0px 0px;
position:relative;
}
.accordion dt{ margin-bottom: -1px; }
.accordion dt>a {
position:relative;
}
/* Accordion open/close style */
.accordion dt .closeOpen{
position:absolute;
width:14px;
height:14px;
right:10px;
margin-top:10px;
display:inline-block;
background-position: 0px 0px;
background-repeat:no-repeat;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.accordion dt a.normal .acc_heading > *{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.accordion dt:hover > a.active .closeOpen:before{
border-left-color: transparent;
}
.accordion dt > a.active .closeOpen:before{
border-left-width: 7px;
border-left-color: transparent;
border-top-width: 7px;
border-top-style: solid;
top:4px;
left:-7px;
}
/* Accordion Heading */
.accordion dt .acc_heading{
width:100%;
font-size: 13px;
font-weight: 300;
line-height:1.6;
display:inline-block;
padding: 10px 50px 12px 20px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.accordion dd {
margin-top: 10px;
}
.accordion dt .acc_heading h6 {
margin: 0px 34px 0px 10px;
}
.accordion dt > a.active .closeOpen { background-position:0px -15px; }
.accordion dt > a .closeOpen { background-position:0px 0px; }
/* Accordion tab content style */
.accordion dd .acc_content{
position:relative;
padding: 5px 0px 10px 5px;
display:inline-block;
}
.accordion.blog_type dt{
padding-bottom:10px;
padding-top:10px;
border-bottom:1px #cccccc solid;
}
.accordion.blog_type dt:first-child{
padding-top:25px;
}
.accordion.blog_type .acc_content{
padding-top:30px;
padding-bottom:15px;
border-bottom:1px #cccccc solid;
margin-bottom:5px;
}
.accordion.blog_type dt .blog_date{ display:inline-block; margin-top:5px; margin-right:25px; min-width: inherit; }
.accordion.blog_type dt .acc_heading{ display:inline-block; width: 80%; min-height:60px; }
.accordion.blog_type dt .acc_heading { font-size: 22px; font-weight: 600; padding:0px; }
@media only screen and (max-width: 991px) {
.accordion.blog_type dt .acc_heading{ width: 100%;}
}
/* #Tabs (activate in custom.js)
================================================== */
ul.tabs {
font-family: 'Droid_sans', Arial, Helvetica, sans-serif;
display: block;
margin: 10px 0px 20px 0px;
padding: 0;
}
ul.tabs li {
display: block;
width: auto;
height: 32px;
padding: 0;
float: left;
margin-bottom: 0;
}
ul.tabs li a {
display: block;
text-decoration: none;
width: auto;
height: 28px;
padding: 0px 20px;
line-height: 25px;
margin: 0;
font-size: 12px;
font-weight:700;
padding-top:5px;
}
ul.tabs li a.active {
height: 28px;
font-size: 12px;
position: relative;
border-left-width: 1px;
margin: 0 0 0 0px;
}
ul.tabs li:first-child a.active {
margin-left: 0;
}
ul.tabs-content { margin: 0; display: block;}
ul.tabs-content > li { display:none; }
ul.tabs-content > li.active { display: block; }
/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
ul.tabs:after {
clear: both; }
ul.tabs {
zoom: 1;
}
ul.nav-tabs {
position: relative;
display: inline-block;
margin: 0 30px 40px 0px;
float: left;
width: 25%;
min-width: 220px;
}
ul.nav-tabs.plain{
width:auto;
min-width:inherit;
margin: 0 25px 0px 0px;
}
ul.nav-tabs > li:before{
content: "";
width: 0;
height: 0;
position: absolute;
right: 0%;
bottom: 50%;
margin-right: -10px;
margin-bottom: -7px;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity : 0;
}
ul.nav-tabs.plain > li:before{
margin-right: -6px;
}
ul.nav-tabs > li{
display: block;
border: none;
clear: both;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.nav-tabs.plain > li{
padding-right: 15px;
padding-top: 0px;
margin-left: 5px;
}
.nav-tabs.plain > li a {
padding-left: 0px;
font-weight: 700;
text-transform: uppercase;
}
ul.nav-tabs > li i{
position:relative;
font-size: 9px;
top: -1px;
margin-right: 7px !important;
}
.tab-content{
display: table;
}
.tab-content .tab-pane{
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.tab-content.addInEffect .tab-pane.active{
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.tab-content .tab-pane{ display:none; }
.tab-content .tab-pane.active{ display: block; }
.nav-tabs > li a{
display:block;
margin:0 auto;
border: none;
font-size: 13px;
line-height:1.6;
padding: 12px 15px 12px;
border-radius:0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
border: none;
background-color:transparent;
}
ul.nav-tabs {
border: none;
}
.nav-tabs > li.active:before{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity : 1;
}
.nav-tabs > li.color1{ background-color:#ef593e; border: none !important; }
.nav-tabs > li.color2{ background-color:#8542dd; border: none !important; }
.nav-tabs > li.color3{ background-color:#7ec4e4; border: none !important; }
.nav-tabs > li.color4{ background-color:#60c800; border: none !important; }
.nav-tabs > li.color5{ background-color:#ffc600; border: none !important; }
.nav-tabs > li.color1 a,
.nav-tabs > li.color2 a,
.nav-tabs > li.color3 a,
.nav-tabs > li.color4 a,
.nav-tabs > li.color5 a{
color:#ffffff;
}
@media only screen and (max-width: 767px) {
ul.nav-tabs { width: 100%; min-width: inherit; }
ul.nav-tabs.plain {
width: 100%;
min-width: inherit;
margin: 0 0px 40px 0px;
display: block;
border-right: none;
border-bottom: #aaaaaa solid 1px;
}
ul.nav-tabs.plain > li {
display: inline-block;
clear: none;
width: auto;
padding-bottom: 10px;
}
ul.nav-tabs.plain > li a{ padding: 0px 0px 5px; }
ul.nav-tabs > li:before, ul.nav-tabs.plain > li:before {
right: 50%;
bottom: 0%;
margin-right: 7px !important;
margin-bottom: -17px;
border-left: 7px solid transparent !important;
border-right: 7px solid transparent;
border-top: 7px solid transparent;
}
.tab-content.plain{
margin-left: 0px;
}
}
/* #Image mouseover overlay */
.overlay {
left: 0px;
top: 0px;
position: absolute;
width: 100%;
height: 100%;
zoom: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity : 0;
z-index:5;
-webkit-transition: opacity 180ms ease-in-out;
-moz-transition: opacity 180ms ease-in-out;
-o-transition: opacity 180ms ease-in-out;
transition: opacity 180ms ease-in-out;
}
a:hover .overlay{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity : 1;
}
.overlay.zoom {
display: block;
background: url(../images/overlay_zoom.png) no-repeat center center;
zoom: 1;
}
.overlay.link {
display: block;
background: url(../images/overlay_link.png) no-repeat center center;
zoom: 1;
}
.overlay.detail{
display: block;
background: transparent;
background: url(../images/overlay_detail.png) no-repeat center center;
zoom: 1;
}
.overlay.social{
display: block;
overflow:hidden;
background: transparent;
background: url(../images/overlay_social.png) no-repeat center center;
zoom: 1;
}
.overlay.social .font_awesome{
position:relative;
top:100%;
left:25%;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
/* popup detail text */
.detail_text .link_btn{
position:absolute;
bottom:50px;
margin-left: -25px;
left:50%;
z-index: 15;
}
.detail_text .link_btn.rightAlign{
left:auto;
right: 10px;
bottom:10px;
}
.detail_text .link_btn.defaultPos{
position:relative;
bottom: auto;
margin-left: auto;
left: auto;
}
.popup_overlay .detail_text .link_btn {
position: relative;
bottom: auto;
margin-left: auto;
left: auto;
}
.popup_overlay .detail_text .link_btn span { position:absolute; }
.detail_text .link_btn span{
position: relative;
}
.detail_text .popup_text{ display:none; }
/* #Misc */
.thumb_small{
height:100px;
width:100px;
position:relative;
float: left;
display:block;
margin:0px 20px 20px 0px;
line-height:0px;
}
.fixedHeight{
height:450px;
margin: 0 auto;
position:relative;
}
.lazyload {margin: 0 auto; display: block;}
.lazyload_single{ display:block; margin: 0 auto; }
a.lazyload, a.lazyload_single,a.lazyload_masonry {
min-height:75px; min-width:100%; display:block; text-align:center; padding-top:25px; text-transform:uppercase;
}
.imageAlignCenter{
display:inline-block; width:100%; margin:0 auto; text-align:center;
}
ul.tag li{
position:relative;
display:inline-block;
list-style:none;
font: 13px 'Droid_sans', sans-serif;
font-weight: 400;
line-height: 1.5;
padding: 2px 7px 3px 7px;
margin:7px 5px 0px 5px;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.relativePos { position:relative; }
.absolutePos { position:absolute; top: 0px; left: 0px;}
.animate { position:relative; overflow:hidden; }
.animateFade{ display:none; }
.text_animate{ position:relative; display: inline-block; }
.hideOverFlow{ overflow:hidden !important; }
.parallax.absolutePos { z-index: -1; }
.title_image{ position:relative; width:200px; margin:0 auto 20px; }
.title_image img{ max-width: 100%; height: auto; margin:0 auto !important; display:block; }
/* #Page Header */
.top_heading, .mini_heading{
padding-top: 0px;
padding-bottom: 5px;
margin-bottom: 30px;
font-family: header_font,sans-serif;
text-align: left;
position: relative;
font-size: 24px;
}
.top_heading{ text-transform: uppercase; }
.mini_heading{
text-align: center;
font-size: 18px;
}
.mini_heading.small{
margin-bottom:15px;
}
.mini_heading:after{
width: 40px;
height: 1px;
display: block;
content: "";
position: relative;
margin-top: 25px;
left: 50%;
margin-left: -20px;
}
.mini_heading.small:after {
margin-top: 15px;
}
.top_heading:after{
width: 100%;
height: 1px;
display: block;
content: "";
position: relative;
margin-top: 25px;
left: 0%;
margin-left: 0px;
}
.top_heading:before {
width: 50px;
height: 5px;
display: block;
content: "";
position: absolute;
bottom: 3px;
left: 0%;
margin-left: 0px;
}
.page_header {
margin-top: 50px;
margin-bottom: 50px;
padding-bottom:25px;
}
.page_header.block{
display:block;
float:left;
}
.page_header.mini {
margin-top: 24px;
margin-bottom: 24px;
padding-bottom:24px;
}
.page_header.noBorder {
border-bottom: none;
}
.heading_doubleBorder {
position: relative;
display: inline-block;
border-bottom: 1px #e1b432 solid;
padding-bottom: 15px;
padding-top: 15px;
margin-bottom: 20px;
border-top: 1px #e1b432 solid;
text-align: center;
font-size: 24px;
}
.heading_doubleBorder.topAnchorLine{
margin-top:150px;
}
.heading_doubleBorder.topAnchorLine:after{
content:"";
position:absolute;
height:150px;
width:1px;
left:50%;
background-color:#999933;
}
@media only screen and (max-width: 991px) {
.page_header { margin-top: 20px; margin-bottom: 20px; }
}
.remove_topSpace{ margin-top: 0px !important; }
.remove_bottomSpace{ margin-bottom: 0px !important; }
.remove_bottomPadding{ padding-bottom:0px !important; }
.remove_topPadding{ padding-top:0px !important; }
.remove_rightPadding{ padding-right:0px !important; }
.remove_titleSpacing, .normal_titleSpacing{
padding-top:0px !important;
padding-bottom:0px !important;
margin-bottom: 0px !important;
height: 40px;
}
.normal_titleSpacing{ top: auto; bottom: 20px; }
.top_heading.normal_titleSpacing:after{ margin-top: 0px; }
.top_heading.normal_titleSpacing:before{ bottom: 0px; }
@media only screen and (max-width: 991px) {
.page_header h1, .page_header h2, .page_header h3,
.page_header h4, .page_header h5, .page_header h6{ padding-left:10px; padding-right:10px; }
.row-fluid .row-fluid .contactusForm .row-fluid [class*="col"] {
padding-left: 10px;
padding-right: 0px;
margin-left: -10px;
}
}
/* #Services List icons */
.services_list{
min-height: 370px;
}
.services_list h3{ font-size:22px; }
.services_list .desc {
display: block;
position:relative;
z-index:5;
max-width: 360px;
margin: 0 auto;
}
.service_icon{ font-size:160px; }
.services_list .rectangle_icon{
position: relative;
padding: 15px;
display: block;
margin: 0px auto 20px;
max-width: 210px;
text-align: center;
}
.services_list_grid{
width:100%;
min-height:420px;
padding:0px;
display: table;
}
.thumbItem.service_thumb { width:360px !important; visibility:visible !important; }
li:last-child.thumbItem.service_thumb{ width:320px !important; }
li:last-child.thumbItem.service_thumb .services_list { margin: 0% 0px 0% 20px; }
@media only screen and (max-width: 1999px) {
.services_list .rectangle_icon{ width:190px; }
}
@media only screen and (max-width: 991px) {
.services_list .circular_icon, .services_list .icon{ float:left; }
.services_list { margin: 50px auto; }
.services_list_grid{ min-height:inherit; padding-bottom: 10px; }
}
/* #Services carousel */
.s_divider {
width: 33.33333333%;
min-height: 120px;
}
.s_divider:nth-child(n+5) { border-top: none; }
.s_hr { display:none; }
@media only screen and (min-width: 481px) and (max-width: 991px) {
.s_divider { width: 50% !important; float: left; display: inline-table; margin: 0px 0px 30px 0px; }
.s_divider:nth-child(n+3) { border-top: none; }
.services_list_grid .s_hr:nth-child(4n) { display:block; }
}
@media only screen and (max-width: 479px) {
.s_divider { width: 100% !important; float: left; }
.s_divider { border-top: none; }
}
.s_divider .services_list{
text-align: center !important;
margin: 0px;
padding: 0px;
min-height: 200px;
}
.services_list .s_holder{
margin: 10px 0% 10px 0%;
width: 100%;
}
.s_divider .overlay .popup_head{
max-height:none !important;
padding-bottom: 25px !important;
}
.s_divider .services_list .icon, .s_divider .services_list .desc{
position:relative;
top:0px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.s_divider .services_list .desc{ bottom:0px; top: auto;}
.s_divider:hover .services_list .icon{ top:-15px; }
.s_divider:hover .services_list .desc{ bottom:-25px; }
.s_divider .services_list .desc p{ font-size: 13px; }
.s_divider.itemOver .readMore{
float:none;
}
.s_divider.itemOver .popup_overlay .popup_head h4{
font-size: 13px;
font-weight: 400;
font-family: 'body_font', sans-serif;
letter-spacing: .5px;
}
.s_divider.itemOver .popup_overlay .popup_head{
border-bottom:none;
}
.s_divider.itemOver .popup_overlay .popup_head:after{
width: 40px;
height: 1px;
display: block;
content: "";
position: relative;
margin-top: 25px;
left: 50%;
margin-left: -20px;
}
@media only screen and (max-width: 1024px) {
.s_divider .services_list{ min-height: 100px; }
.services_list_grid { min-height: initial; }
}
@media only screen and (max-width: 479px) {
.services_list .s_holder { margin: 0% 0% 0% 0%; }
.s_divider:first-child .s_holder { margin: 15% 0% 0% 0%; }
.s_divider { min-height: 100px; margin-bottom: 40px;}
.s_divider.itemOver .overlay .popup_overlay .popup_head {
margin-top: -90px;
}
}
/* #Staff styles */
.staff_list {
padding-bottom:50px;
margin: 0px 60px 0px 60px;
}
.staff_list .icon{
width: 140px;
position: relative;
padding: 0px;
margin: 0px 0px 0px 20px;
display: inline-block;
float: right;
}
.staff_list img{
margin:0 auto;
z-index: 10;
position: relative;
}
.staff_list .desc {
position: relative;
margin-left: 0px;
display: table;
}
.dirNavCenter .flex-direction-nav li{ margin-top: -70px!important; }
@media only screen and (min-width: 420px) and (max-width: 991px) {
.staff_list {
padding-bottom:50px;
margin: 0px 0px 0px 0px;
}
.staff_list .icon{
width: 280px;
position: relative;
margin: 20px auto 50px;
padding: 20px 20px 20px 20px;
display: block;
float: none;
}
.staff_list .desc {
margin-left: 0px;
}
.dirNavCenter .flex-direction-nav li {
margin-top: -70px!important;
top: 230px;
}
}
@media only screen and (max-width: 419px) {
.staff_list {
padding-bottom:50px;
margin: 0px 0px 0px 0px;
}
.staff_list .icon{
width: 200px;
position: relative;
margin: 20px auto 50px;
padding: 20px 20px 20px 20px;
display: block;
float: none;
}
.staff_list .desc {
margin-left: 0px;
}
.dirNavCenter .flex-direction-nav li {
margin-top: -70px!important;
top: 200px;
}
.dirNavCenter .flex-direction-nav li.next_btn {
right: 0px;
}
.dirNavCenter .flex-direction-nav li.prev_btn {
left: 0px;
}
}
/* #imac Image display - threeColumn */
.imacImg3 {
width:33%;
position: relative;
margin:0 auto;
float:left;
}
.imacImg3 figure img{
max-height:auto;
width:100%;
}
.imacImg3:nth-child(1) figure { left:100px; bottom:20px; }
.imacImg3:nth-child(2) figure { z-index:10; }
.imacImg3:nth-child(3) figure { right:100px; bottom:20px; }
@media only screen and (min-width: 480px) and (max-width: 991px) {
.imacImg3:nth-child(1) figure { left:60px; bottom:10px; }
.imacImg3:nth-child(3) figure { right:60px; bottom:10px; }
}
@media only screen and (min-width: 480px) and (max-width: 550px) {
.imacImg3:nth-child(1) figure { left:50px; bottom:10px; }
.imacImg3:nth-child(3) figure { right:50px; bottom:10px; }
}
@media only screen and (max-width: 479px) {
.imacImg3:nth-child(1) figure { left:25px; bottom:0px; }
.imacImg3:nth-child(3) figure { right:25px; bottom:0px; }
}
/* #Image hover style */
.hover_alpha{
-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;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity : 1;
}
.hover_alpha:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: .5;
-khtml-opacity: .5;
opacity : .5;
}
a .box_hover, .box_hover, a .box_hover_min, .box_hover_min{
display:inline-block;
padding:5px 10px 5px 10px;
margin:5px 10px 5px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* #Pagination */
.pagination{ margin:50px 25px 50px 0px; display:block; clear:both; }
.pagination li { display:inline-block; margin-bottom: 10px; }
.pagination li a{
display: block;
padding: 7px 14px 7px 13px;
font-weight: 400;
text-transform: uppercase;
margin-right: 10px;
font-size: 12px;
font-family: 'Droid_sans', sans-serif;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* #Magnifc popup style */
.mfp-container a.button, .mfp-container .button, .mfp-container button,
.mfp-container a.button:hover, .mfp-container .button:hover,
.mfp-container button:hover { border: none !important; }
.mfp-inline-holder .mfp-content {
min-height: 100%;
padding-top: 50px;
}
@media all and (max-width: 991px) {
.mfp-arrow{ height:50px !important; }
.mfp-inline-holder .mfp-content { padding-top: 20px; }
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a,
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: none !important;}
.mfp-arrow{ margin-top: -34px !important; height: 60px !important; }
.mfp-arrow-right{
background-image: url(../images/sprite.png) !important;
background-position: -210px 10px !important;
}
.mfp-arrow-left{
background-image: url(../images/sprite.png) !important;
background-position: 10px 0px !important;
}
.white_ver .mfp-arrow-right{ background-position: -210px -40px !important; }
.white_ver .mfp-arrow-left{ background-position: 10px -40px !important; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a,
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
border-right: none !important;
}
.i_gallery{ display:none; white-space: normal !important; position:absolute; }
.i_gallery li{ display:none; height:0px; position:absolute; }
.popup_inlines{ display:none; visibility:hidden; bottom:0px; position:absolute; }
.magnificPopup_gallery a{ display:block; padding-bottom:5px; }
.noBorder { border:none !important; }
.scrollDown_note { position:absolute; bottom:120px; left:50%; margin-left: -50px; z-index:10005; }
@media all and (max-width: 550px) {
.scrollDown_note { bottom:30px; }
}
/* #Alert Style */
.alert {
position: relative;
border: 1px solid #5d5d5d;
display: block;
border-radius: 0px;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
}
.white_ver .alert-message { background-color: #f9f9f9; border: 1px solid #dddddd; color:#5a5a5a; }
.alert-message { background-color: #3c3c3c; }
.alert-warning {
background-color: #fbf6e3;
border-color: #efd877;
color: #c4a80a;
}
.alert-error{
background-color: #ffe9e9;
border-color: #e99f9f;
color: #d25c5a;
}
.alert-success{
background-color: #e9f2d2;
border-color: #c0da66;
color: #88b12b;
}
.alert-info{
background-color: #dbe9f3;
border-color: #9fc2dd;
color: #468bbf;
}
.alert button{ border:none !important; text-shadow: none; margin-top: -2px; color:#ffffff !important; }
.white_ver .alert button { color:#000000 !important; }
.alert button:hover { border:none !important; }
.label{ padding:10px; }
.label-default{ background-color:#5a5a5a;}
.label-important { background-color: #b94a48; }
.label-inverse { color: #f1f1f1; background-color: #333333; }
/* #common media style */
@media screen and (max-width: 991px) {
.overlayPattern, .homeSlider .overlayPattern, .parallaxPattern { display: none !important; height:0px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.overlay.social .font_awesome{ left:20%; }
.fixedHeight{ height:350px; }
.post_image{ height:200px; }
hr.borderTop { margin: 10px 0 0px; }
}
@media screen and (max-width: 767px) {
.row {
margin-right: -15px !important;
margin-left: -15px !important;
}
.slideshow_medium{ width:280px; height:110px; margin-left:-10px }
.post_image{ height:110px; }
.fixedHeight{ height:auto; }
hr.borderTop { margin: 10px 0 0px; }
hr.slide_bottomSpace { clear: both; margin: 20px 0px 30px; height: 2px; }
img.set_maxHeight{ height:150px; }
.scale-fit-height { width: 100%; min-height: 100px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.slideshow_medium { width: 100%; height:160px; }
.post_image{ height:158px; }
.fixedHeight{ height:auto; }
}
/* #Circular/Rectangle shape add/remove */
.circular_radius {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.roundedRectangle {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.roundedRectangleIn {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.fxEmbossBtn,
.fxEmbossBtn .btn_hover, .footer_close,
.font_awesome>li>a, .font_awesome_2x>li>a, .font_awesome_3x>li>a,
.font_awesome li a, .font_awesome_2x li a,
.sec_title:before,
.circular_border,
a.next_btn,
a.previous_btn,
.fmSlider_plaPau .fmSlider_plaPau_inner,
.historyline > li > .historyline-badge,
.elastislide-wrapper nav .np_btn,
.circular_icon {
-webkit-border-radius: 325px;
-moz-border-radius: 325px;
border-radius: 325px;
}
.rectangle_button .fxEmbossBtn,
.rectangle_button .fxEmbossBtn .btn_hover, .rectangle_button .footer_close,
.rectangle_button .font_awesome>li>a, .rectangle_button .font_awesome_2x>li>a,
.rectangle_button .font_awesome_3x>li>a,
.rectangle_button .font_awesome li a, .rectangle_button .font_awesome_2x li a,
.rectangle_button .sec_title:before,
.rectangle_button .circular_border,
.rectangle_button a.next_btn,
.rectangle_button a.previous_btn,
.rectangle_button .fmSlider_plaPau .fmSlider_plaPau_inner,
.rectangle_button .historyline > li > .historyline-badge,
.rectangle_button .elastislide-wrapper nav .np_btn,
.rectangle_button .circular_icon {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.rectangle_button .circular_button .fxEmbossBtn,
.rectangle_button .circular_button .fxEmbossBtn .btn_hover, .rectangle_button .circular_button .footer_close,
.rectangle_button .circular_button .font_awesome>li>a, .rectangle_button .circular_button .font_awesome_2x>li>a,
.rectangle_button .circular_button .font_awesome_3x>li>a,
.rectangle_button .circular_button .font_awesome li a, .rectangle_button .circular_button .font_awesome_2x li a,
.rectangle_button .circular_button .sec_title:before,
.rectangle_button .circular_button .circular_border,
.rectangle_button .circular_button a.next_btn,
.rectangle_button .circular_button a.previous_btn,
.rectangle_button .circular_button .fmSlider_plaPau .fmSlider_plaPau_inner,
.rectangle_button .circular_button .historyline > li > .historyline-badge,
.rectangle_button .circular_button .elastislide-wrapper nav .np_btn,
.rectangle_button .circular_button .circular_icon {
-webkit-border-radius: 325px;
-moz-border-radius: 325px;
border-radius: 325px;
}
.effect_zoomIn, .effect_zoomOut {
width: 100%;
max-height: 120px;
display: block;
overflow: hidden;
}
.effect_hover:hover .effect_zoomIn img {
-webkit-transition: all 3s ;
-moz-transition: all 3s;
-o-transition: all 3s ;
-ms-transition: all 3s;
transition: all 3s;
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.effect_zoomIn img {
position: relative;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.effect_hover:hover .effect_zoomOut img {
-webkit-transition: all 3s ;
-moz-transition: all 3s;
-o-transition: all 3s ;
-ms-transition: all 3s;
transition: all 3s;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.effect_zoomOut img {
position: relative;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
-moz-transform: scale(1.25);
-webkit-transform: scale(1.25);
-o-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25);
}
All system for education purposes only. For more tools: Telegram @jackleet