/** Pure Black/White - Creative Multipurpose Template Copyright (c) 2011-2021, Subramanian Author: Subramanian Profile: themeforest.net/user/FMedia/ Version: 2.0.0 Release Date: July 2015 Last change: Jaunary 2021 **/ /*------------------------------------------------------------------ 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: 40px; font-weight: 700; text-transform: uppercase; margin-top:0px !important; } h3{ font-size: 34px; font-weight: 700; line-height:1.3; margin-top:0px !important; } h4{ font-size: 26px; font-weight: 700; line-height:1.4; margin-top:0px !important; } h5{ font-size: 16px; font-weight: 700; line-height:1.6; } h6{ font-size: 12px; font-weight: 400; line-height:20px; } .div_contents { display:: inline-flex; } .fullHeight.div_contents { display:: inline-flex; } .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: 44px; line-height: 1.5em; font-weight: 400; } .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: 30px; } .short_description { font-size: 16px; 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_large { font-size:70px; font-weight: 700; line-height: 1.2em; font-family: 'header_font', 'Trebuchet MS', sans-serif; } .font_large_x { font-size:85px; line-height: 1.2em; font-family: 'header_font', 'Trebuchet MS', sans-serif; } .font_medium{ font-size: 28px; padding-left:10px; line-height: 1.2em; } .font_medium_x{ font-size: 20px; line-height: 1.2em;} .font_small{ font-size: 15px; } p { margin: 0px 0 15px 0; font-size:15px; font-weight:500; line-height:22px; } p img { margin: 0; } p.lead { font-size: 21px; } .lineHeight{ line-height: 1 !important; } em, .italicStyle { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } h1 .textBackground, h1 .textBackground_white, h1 .textBackground_black { padding:0px 15px 0px 15px; } .textBackground, .textBackground_white, .textBackground_black, .textBackground_grey, .textBackground_white_transparent, .textBackground_black_transparent { padding: 7px 15px 7px 15px; } .fittext2 .textBackground, .fittext2 .textBackground_white, .fittext2 .textBackground_black, .fittext2 .textBackground_white_transparent, .fittext2 .textBackground_black_transparent { padding:0px 10px 0px 10px; } .tagAnimateText{ display:block; float:left; margin-right: 15px; } .textTagSlideshowCenter{ float: none; position:relative; margin: 0 auto; text-align:center; } .whiteSpace{ white-space: nowrap; } .letterSpacing { letter-spacing: 4px; } .letterSpacing3 { letter-spacing: 3px; } .letterSpacing10 { letter-spacing: 10px; } @media only screen and (min-width: 1201px) and (max-width: 1499px) { h1{ font-size: 40px; } .font_large { font-size:56px; } .font_large_x{ font-size:60px; } h3 { font-size:28px; } blockquote.large{ font-size: 24px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .makeFit h1 { font-size:28px; } .title_text_large{font-size:32px !important; } .homeSlider .font_large{ font-size:85px; } .font_large{ font-size:32px; } .font_large_x { font-size:50px; } .homeSlider h1{ font-size:50px; } h3 { font-size:28px; } blockquote.large{ font-size: 24px; } .tagAnimateText.font_large, .tagAnimateText .font_large { font-size: 45px; } .slides li .short_description { font-size:14px; } } @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; } .homeSlider h1{ font-size:50px; } .font_large{ font-size:32px; } .font_large_x { font-size:32px; } .homeSlider .font_large{ font-size:50px; } h3 { font-size:28px; } blockquote.large{ font-size: 18px; } } @media only screen and (min-width: 481px) and (max-width: 768px) { h1, h2 { font-size:32px !important; line-height:1.2 !important; } .letterSpacing10 { letter-spacing: 1px; } } @media screen and (max-width: 480px) { h1, h2 { font-size:24px !important; line-height:1.5 !important; } .counter_holder h1 { font-size:36px !important; } h1.fittext1 { font-size:32px !important; } .font_large{ font-size:32px; } .font_large_x { font-size:32px; } .homeSlider .font_large{ font-size:50px; } h3 { font-size:20px !important; } h4 { font-size:18px !important; } .title_text_large{font-size:28px !important; } .tiny_font{ font-size:12px; letter-spacing: 0.5px; } .b_heading{ font-size:14px !important; } .font_medium{ font-size:24px; } .countdown .mini_description{ font-size:12px; } 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; } blockquote.large{ font-size: 18px; } .letterSpacing3, .letterSpacing10 { letter-spacing: 1px; } } /* #Margin, Alignment, spacing ================================================== */ p { margin-right:1px;} .alignLeft { float:left; } .alignRight { float:right; } .alignCenter { margin: 0 auto; } .noMargin { margin: 0 0 0 0; } .bottom_spacing{ margin-bottom:10px; } .noMargin.pad_0 { margin: 0px !important; } .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:9% 15% 9% 15%; } .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; padding: 0px 0px 20px; height: 2px; } .separator_max { clear: both; padding: 100px 0px 20px; height: 2px; } .separator_TopBot { clear: both; padding: 140px 0px 0px; height: 2px; } .home_topSpace { clear: both; margin: 70px 0px 20px; height: 2px; } .separator_bar_mini { width: 100px; position:relative; visibility:visible !important; 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; } .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: 2px 0px 0px !important; } .space_large { display: block; margin:0px !important; padding: 0px 0px 100px !important; } .bannerTop{ padding-top:200px; padding-bottom:200px; } .separator_desktop{ margin: 0px 0px 0px 0px; padding-top: 32px; } .padLeft{ padding-left:10px !important} .padRight{ padding-right:10px !important} .padLeft_small{ padding-left:5px !important} @media only screen and (min-width: 1023px) and (max-width: 1440px) { .large_padding{ padding:20px 25px 20px 100px; } .separator_TopBot { padding: 140px 0px 0px; } .separator_max { clear: both; padding: 50px 0px 20px; height: 2px; } .col-lg-8.col-lg-offset-2 { width: 100%; margin: 0%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .home_topSpace { margin: 35px 0px 20px; } .separator_max { padding: 50px 0px 20px; } .separator_desktop{ margin: 0px 0px 0px 0px; padding-top: 0px; height: 0px; } .separator_mini { padding: 0px 0px 50px !important; } .homeSlider .separator_mini { padding: 0px 0px 20px !important; } .col-lg-8.col-lg-offset-2 { width: 100%; margin: 0%; } } @media only screen and (max-width: 991px) { .twoColumn.pad_left_right{ padding:0px !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; padding-top: 0px; height: 0px; } .separator_max { padding: 0px 0px 50px; } .separator_mini { clear: both; padding: 0px 0px 50px; height: 2px; margin: 0px 0px 0px !important; } .space_large { padding: 0px 0px 0px !important; } .bottom_spacing { margin-bottom: 40px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .separator_mini { clear: both; padding: 0px 0 20px; height: 2px; margin: 0px 0px 0px !important; } } @media only screen and (max-width: 480px) { .separator_mini { padding: 0px 0px 20px; margin: 0px 0px 0px !important;} .separator_max { padding: 20px 0px 20px; } .space_max { padding: 0px 0px 20px !important; } } /* #Item Title, Boxed Text */ .item_title { margin-top: 0px; margin-bottom: 4px; 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; } .tp-banner-container .slideshow_cycle{ position:absolute; z-index:1533; } .tp-dottedoverlay { z-index:222 !important; } .tparrows { z-index:7000 !important; } .rs_btnBottom .tparrows { bottom:50px !important; top:auto !important; } .rs_slider .tparrows { -webkit-transform: none !important; } 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%; } .topIndex{ z-index:25698; } .imgRefer_display { position: relative; display: block; top: 0px; height: 300px; z-index: 5; } .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:1450px ) { .imgRefer_display { top: 0px; height: 340px; } } @media only screen and (min-width: 992px) and (max-width:1199px ) { .large_image{ width:320px; } .medium_image { width: 192px; } .team_item .medium_image { width: 100%; } } @media only screen and (min-width: 767px) and (max-width:992px ) { .large_image{ width:320px; } .imgRefer_display { height:240px; top: 25px; } .imgRefer_display img { width: auto; max-width: auto; height:100%; max-height:100%; } } @media screen and (max-width: 767px) { .large_image{ width: 240px; } .imgRefer_display { height:240px; top: 25px; } .imgRefer_display img { width: auto; max-width: auto; height:100%; max-height:100%; } } .border1{ border: solid 1px;} .border2{ border: solid 2px;} .border3{ border: solid 5px;} .dottedBorder{ border-style:dotted; } .dashedBorder{ border-style:dashed; } .doubleBorder { display: block; padding: 55px; margin: 0 auto !important; margin-bottom: 25px; font-weight: 700; max-width: 700px; } .doubleBorder.noBorder { border-width:1px !important; } .doubleBorder.topBotBorder { padding: 25px 25px 25px 25px; border-left: transparent; border-right: transparent; } .boxBottomContent{ position:absolute; bottom: -40px; } .boxBottomContent img{ height: 60px; width: auto; max-width: none; } .boxBottomContent_tagImg{ position: absolute; top: -55px; left: -50px; width: 38%; z-index: 152; } .boxBottomContent_tagImg img{ height: auto; width: 100%; max-width: none; } .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%402x.png) 2x); /* Image for Retina */ background-position: 100% -120px; background-repeat:no-repeat; } @media screen and (max-width: 767px) { .doubleBorder { padding: 15px 15px 10px 15px; } .doubleBorder.relativePos .noMargin { margin:0px !important; } .boxBottomContent { bottom: -20px; } } @media screen and (max-width: 480px) { .doubleBorder.relativePos { width: 100%; } .boxBottomContent img { height: 40px; } } /* #Header Stroke */ .heading_stroke { display: table; width: 100%; margin: 10px 0; box-sizing: border-box; } .heading_stroke_wrapper { display: table-row; line-height: 1.5; } .stroke-start, .stroke-text, .stroke-holder { display: table-cell; vertical-align: middle; } .stroke-text { padding: 0 25px 0px 25px; width: 1px; overflow: visible; white-space: nowrap; } .stroke-line { width: 100%; height: 1px; margin-top: 0px; } .heading_stroke.mini .stroke-line {margin-top: -5px; } .half_transparent { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: .25; -khtml-opacity: .25; opacity : .25; } .stroke-line.separator { clear:both; margin:30px 0px 40px 0px !important; } .heading_stroke h2{ padding-top:18px; position:relative; font-weight:400; } @media only screen and (max-width: 767px) { .heading_stroke { margin: 0px 0; } .stroke-line {margin-top: 2px; } } @media only screen and (max-width: 599px) { .heading_stroke h2 { font-size:12px !important; padding-bottom:10px; } } @media only screen and (max-width:1199px) { .fmSlides hr.space_max{ padding: 0px 0px 20px !important; } } /* #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: 14px; 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 { color: #555555; } .blockquote_large{ padding: 0px 10px 0px 15px; } 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; } hr { visibility:hidden; border:none clear: both; margin: 0px; padding-top:32px; 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: 10px; } .pad_10 { padding: 10px; } .pad_20 { padding: 20px; } .pad_10_noLeft { padding: 10px 10px 10px 0px;} .pad_large { padding: 50px; } .pad_large_xx { padding: 120px; } .spa_5 { margin: 10px; } .spa_10 { margin: 10px; } .spa_20 { margin: 20px; } .footer_holder h5, .footer_holder h6{ line-height:normal; } .footer_holder .top_bot_pad { padding: 20px 0px 9px 0px; } .onlyHigDevice { } @media only screen and (min-width: 1440px) and (max-width: 1900px) { .pad_large_xx { padding: 60px; } } @media only screen and (max-width: 1440px) { .onlyHigDevice { font-size:18px; } .onlyHigDevice.separator_mini { padding: 0px 0px 20px !important; } .onlyHigDevice.separator_max { padding: 30px 0px 20px !important; } .onlyHigDevice.separator_TopBot { padding: 50px 0px 0px; } .onlyHigDevice.space_mini { padding: 0px 0px 10px !important; } .onlyHigDevice.pad_large { padding: 24px 24px 24px 24px; } .onlyHigDevice..pad_large_xx { padding: 24px 24px 24px 24px; } .onlyHigDevice.top_bot_pad_large { padding:0px; } .pad_large_xx { padding: 60px; } .onlyHigDevice.mini_description { font-size:18px; } .onlyHigDevice.top_space { padding: 30px 0px 0px; } .onlyHigDevice.space_max { padding:0px !important; } h4.onlyHigDevice { font-size: 22px; } h2.onlyHigDevice { font-size:22px; } } @media only screen and (max-width: 991px) { .onlyHigDevice.pad_large { padding: 20px 0px 10px 10px; } .onlyHigDevice.pad_large_xx { padding: 20px 0px 10px 10px; } } @media only screen and (max-width: 1024px) { .onlyHigDevice.separator_max { padding: 10px 0px 20px !important; } .onlyHigDevice.space_mini { padding: 0px 0px 10px !important; } .onlyHigDevice.mini_description { font-size:14px; } .onlyHigDevice.top_space { padding: 10px 0px 0px; } h4.onlyHigDevice { font-size:18px; } .pad_large_xx { padding: 50px; } } @media only screen and (max-width: 480px) { h1.onlyHigDevice { font-size: 18px !important; margin-bottom: 0px; margin-top: 0px; } .pad_large { padding: 50px 20px 50px 20px; } .pad_large_xx { padding: 50px 20px 50px 20px; } .onlyHigDevice.separator_mini { padding: 0px !important; } .onlyHigDevice.space_mini { padding: 0px 0px 10px !important; } .onlyHigDevice.space_max { padding: 10px 0px 10px !important; } } a.no_decor{ text-decoration:none; } .list_items { margin:0px !important; padding:0px !important; } .list_items li{ padding-bottom:0px; } .list_items li i{ padding-right:15px; } /* #Lists ================================================== */ * { margin: 0; padding: 0; } * .slideshow_cycle { margin: 0 auto; } * .slide { background-color: rgb(0, 0, 0, transparent); } .slideshow_cycle.noMargin { margin: 0px !important; } 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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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; } /* #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-fill-height{ width: auto; max-width: none; height:100%; } .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:none !important; max-height:none !important; min-width: inherit !important; min-height: inherit !important; } .heightFull{ height:100%; } /* #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: #000000; } .button.full-width, button.full-width{ width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } input, textarea { width: 100%; font-size:14px; padding:10px; margin:10px 0px 10px 0px; } .contactusForm .transprentBg{ margin:10px 0px 20px 0px; background-color: transparent; } .contactusForm .dashedBorder { border-width: 1px; } .contactusForm .dottedBorder { border-style:dotted !important; border-top-width: 0px !important; border-right-width: 0px !important; border-left-width: 0px !important; } .contactPage .form_holder{ margin:0px; } @media only screen and (max-width: 991px) { .contactPage .form_holder { margin: 0px 0px 0px 0px; } } /* 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; padding:15px 75px 15px 75px; margin-top:25px; width:100%; } .bannerType, .button.bannerType, a.button.bannerType{ border: none !important; display:block; padding:0px; white-space: normal; } .bannerType:hover, .button.bannerType:hover, a.button.bannerType:hover { border: none !important; } @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; } .button.bannerType.large i { font-size: 75px; } .openGoogleMap .font_large i { font-size: inherit !important; } .center_float{ text-align:center; margin:0px auto; top:-25px; } .form_fx.font_2x { max-width:450px; width:100%; } .form_fx { max-width:300px; } .font_2x, .font_2x input { font-size:25px !important; } .form_fx input{ border: none; padding: 10px 45px 10px 20px !important; width: 100%; border-radius: 50px; } .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: -42px; right: 10px; padding: 0px 10px 0px 10px; } .form_fx.form_news input{ padding:15px 55px 15px 15px !important; } .form_fx.form_news button{ top: -54px; } .form_fx button i{ position:relative; } .form_fx button i.fa{ font-size:1.2em; left:5px; top: 5px; } .form_fx button i.fa.fa-2x { font-size: 2.3em; } .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; } textarea:focus, input:focus, button:focus{ outline: 0; } @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; } } /* #Blog ================================================== */ /* Post section */ .post article.post { position:relative; padding: 0px 0px 30px 0px !important; } .notTouchDevice .post article.post { -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; } .blog_posts .item { width: 50%; } .post.single_post .post, .post.single_post article.post header { width: 100%; max-width: 100%; } .post.single_post article.post .post_desc ul.tools { margin: 0px 0px 15px 0px; text-align: left; } .post.single_post article.post .postItemGraphic{ padding: 0px 0px 0px 0px;} .post.single_post article.post .postItemGraphic .postImg{ width: 100%; height: auto; max-height:360px; margin: 0px auto; overflow: hidden; -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; } .post.single_post article.post .post_desc a.readMore { display: inline-block; text-align: left; position: relative; top: 0px; opacity: 1; } @media only screen and (max-width: 990px) { .blog_posts .item { width: 100%; } } .postImg { display: block; width: 250px; height: 250px; margin: 50px auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -webkit-transition: translate3d(0,0,0); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .notTouchDevice .postImg { -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; } .postItemGraphic { position: relative; display: block; top: 0px; padding: 10px 0px 10px 0px; margin-bottom: 30px; } .notTouchDevice .postImg, .notTouchDevice .postItemGraphic { -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; } .postImg img { width: 100%; } .imgTagSlip { position: absolute; font-family: 'header_font', 'Trebuchet MS', sans-serif; z-index: 15; top: 50px; left: 0px; font-size: 13px; font-weight: 400; padding: 10px 20px 10px 30px; } .imgTagSlip:before{ content: ""; position: absolute; width: 8px; height: 8px; top: 50%; left: 10px; margin-top: -4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .post article.post header{ padding: 0px 20px 10px 0px; position: relative; max-width: 360px; margin: 0 auto; } .post article.post header h4 { font-size: 18px; line-height: 1.5em; } .post article.post .post_desc ul.tools { margin: 0px 25px 15px 25px; text-align: center;} .post article.post .post_desc ul.tools { line-height: 3em; } .post article.post footer ul.tools { margin-bottom: 25px !important; } .post article.post .post_desc ul.tools li:first-child { margin: 0 20px 0 0px; } .post article.post .post_desc ul.tools.large li:first-child { margin: 0 10px 0 0px; } .post article.post .post_desc ul.tools .font_small { font-size: 13px; font-weight: 400; } .post article.post .post_desc ul.tools .right_spacing { margin-right: 10px; } .post article.post .post_desc a.readMore{ display:block; text-align:center; position:relative; max-width: 180px; top:25px; opacity:0; } .notTouchDevice .post article.post .post_desc a.readMore{ -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; } .post article.post.addHover a.readMore{ top:0px; opacity:1; } .post article.post header, .post article.post .post_desc{ top:0px; position:relative; } .notTouchDevice .post article.post header, .notTouchDevice .post article.post .post_desc{ -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; } .post article.post.addHover header, .post article.post.addHover .post_desc{ top:-25px; } @media only screen and (max-width: 1519px){ .post article .col-lg-6 { width: 100%; margin-bottom: 15px; } .post article.post { padding: 40px 10px 0px 10px; margin-bottom: 40px; } } @media only screen and (max-width: 768px) { .post article.post .post_desc ul.tools>li:nth-child(4) { display: block; } .post article.post header { font-size: 18px; padding: 0px 0px 0px 0px; } .post article.post header h4 { font-size: 18px; } .post article.post header .mini_description{ font-size:16px; line-height:25px; } .post article.post .post_desc { padding-top: 20px; padding-bottom: 10px; } ul.tools.large li { font-size: 14px; } .post article.post .post_desc ul.tools { margin: 0px 15px 15px 0px; } .post article.post .post_desc ul.tools.large { margin: -10px 15px 0px 0px; } } @media only screen and (min-width: 480px) and (max-width: 768px) { .post article.post { padding: 30px 15px 0px 15px; margin-bottom: 40px; } } @media only screen and (max-width: 480px) { .post article.post { padding: 20px 5px 0px 5px; margin-bottom: 40px; } } .post article.post .post_desc a, .post article.post .post_desc a i { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } /* Comment section*/ #comments-sec {} #comments-sec, #comment-replay { margin: 0px 0px 20px 20px; } .comment-list { margin: 40px 0 70px; padding: 25px 0 40px; overflow: hidden; } .comment { position:relative; list-style: none; margin: 0px 0 0; padding: 0px 0 40px; } .comment:first-child { padding-top: 0; border-top: none; } .comment > article { margin: 0; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .comment .avatar { margin: 0 0 5px 0; position: absolute; display: inline-block; width: 90px; top: -25px; z-index: 1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .comment .comment-area, .comment .comment-aut { margin: 0 0 0px 45px; } .comment .comment-aut .reply{ display:inline-block; float:right; font-size: 13px; } .comment .comment-aut .reply i{ position:relative; top:1px; margin-right:5px; } .comment .comment-aut { margin-bottom: -5px; padding: 30px 15px 20px 60px; } .comment .comment-area{ padding:0px 15px 20px 60px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .comment .comment-area p{ font-size: 13px; } .comment .author, .comment .author a { margin: 0; } .comment .date { margin: -1px 0 5px; font-size:12px; } .comment .children { margin: 0; padding: 30px 0 0 50px; position: relative; } .comment .children .comment { margin: 0px 0 0; padding: 0px 0 0; position: relative; } .comment .children .comment:first-child { margin-top: 0; } @media only screen and (max-width: 767px) { .comment .comment-area, .comment .comment-aut { margin: 0 0 0px 0px; } .comment .comment-area { padding: 0px 15px 5px 15px; } .comment .comment-aut { padding: 20px 15px 5px 100px; } .comment .children { padding: 30px 0 0 40px; } .comment-list { padding:30px 0 40px; } .comment .avatar{ width: 80px; top: -25px; left: 10px; } #comments-sec, #comment-replay { margin:0; } } /* Replay ================================================== */ #comment-replay { } .comments-form { margin: 20px -20px 0 0px; width: 550px;} .comments-form label{ display:block; font-size: 18px; margin-bottom: 7px; } .comments-form input { width: 190px; margin: 0px 0px 15px 0px; } .comments-form textarea { height: 150px; width: 100%; margin: 0px 0px 15px 0px; } @media only screen and (max-width: 767px) { .comments-form { width: 100%; } } /* #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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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%402x.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: 6px !important; padding-bottom: 13px !important; } .font_awesome.noBorder li, .font_awesome_2x.noBorder li, .font_awesome_3x.noBorder li { margin-right: 0px !important; } .font_awesome>li>a, .font_awesome_2x>li>a, .font_awesome_3x>li>a { display:block; margin: 5px 2px 0px 0px; padding: 5px 7px 5px 7px; 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:28px; } .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:28px !important; max-width:28px !important; min-width:28px !important; height:28px !important; overflow:visible; margin-top:0px; border-left: 0px; border-right: 0px; border-top: 0px; } .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; } @media only screen and (max-width: 1200px) { .font_awesome.addFxEmbossBtn .fxEmbossBtn.large { width: 50px !important; height: 50px !important; font-size: 25px; max-width: 50px !important; min-width: 50px !important; margin: 0px; } .font_awesome.addFxEmbossBtn .fxEmbossBtn.large i { padding-top: 10px; } } /* #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; font-family: 'body_font', sans-serif; background-color: #fea400 !important; color: #ffffff; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; } /* End social bookmarks */ /* #Twitter */ #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; } .tweet-wrapper .text { font-size: 11px !important; position:relative; padding: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 { height: 132px; margin: auto; margin-top:-7px; position: relative; overflow: hidden; } .slideshow_tweet .slide { height: 100px; width: 332px; padding-top:15px; font-size:12px; } .slideshow_tweet .slide .holder{ padding:0px; display:block } .slideshow_tweet.alignRight{ right:15px; float:right; } .tweet_feed_icon, .tweet_feed_icon.light, .white_ver .tweet_feed_icon.light{ position:relative; right:-15px; margin: 0 auto; margin-bottom:10px; 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%402x.png) 2x); /* Image for Retina */ background-position: left bottom; } .white_ver .tweet_feed_icon, .tweet_feed_icon.dark{ background:url(../images/tweet_feed_icon_black.html) no-repeat left; background-image: -Webkit-image-set(url(../images/tweet_feed_icon.png) 1x, url(../images/tweet_feed_icon%402x.png) 2x); /* Image for Retina */ background-position: left top; } .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 screen and (max-width: 767px) { .tweet_feed_icon{ right: 0px; } } /* #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 */ /* #Services section style */ body { counter-reset: section; } .sectionCount { counter-reset: section; } .sectionCount section{ padding:100px 0px 100px 0px; } .sectionCount.pad_0 section{ padding:0px 0px 50px 0px; } .sectionCount section .sec_title:before { content: counter(section); counter-increment: section; } .sectionCount section.nocount:before { content: none; counter-increment: none; } .sectionCount section:nth-child(even) .sec_title { right:0px; } .sec_title{ font-size: 30px !important; font-weight: 700; line-height:25px; width:25px; display: inline-block; position:relative; margin-bottom:30px !important; margin-right:45px !important; margin-left: 10px !important; } .sec_title:before{ padding: 4px 13px 1px 12px !important; } .sec_rightAlign{ float:right; } .sec_leftAlign{ float:left; } @media only screen and (max-width: 991px) { .sectionCount section{ padding:50px 0px 50px 0px; } .sec_rightAlign, .sec_leftAlign{ float:inherit; } } /* #Team carousel style */ .thumbItem_holder.carousel_container{ margin-bottom:84px; } .thumbItem_holder.carousel_container.center_nav { margin-bottom: 0px; } .thumbItem_holder .thumbItem{ padding-top:24px; padding-bottom:0px; } .carousel_thumbails li[data-preview] { cursor:pointer; margin-top:12px; -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; } .thumbItem_holder .elastislide-horizontal { padding:0px; } .carousel_preview.mini{ min-height:100px; margin-top:0px; position:relative; display:block; } .thumbItem_holder .thumbItem:last-child{ border-right: none; } .carousel_preview.mini .carousel_item .lazyload{ min-height:175px; display:block; } .thumbItem_holder .carousel_thumbails .thumbItem h3{ font-size: 16px; font-weight: 700; line-height:1.6; } .carousel_preview.mini .carousel_item { min-height: 150px; } .thumbItem hr{ margin-bottom:0px; } .project_nav { position: absolute; display:block; right:50%; top:-20px; margin-right:-40px; margin-top: 20px; z-index: 100; } .project_nav ul li a{ width:100%; height:100%;} .thumbItem .thumb_desc{ display: block; margin-left: 27px; margin-right: 27px; margin-top: 10px; padding-top: 10px; margin-bottom: 0px; top: -75px; position: relative; z-index: 5000; } .thumbItem .thumb_desc.noSpacing.pad_20{ top: 0px; padding-top:15px; } .thumb_desc_holder { margin: 0px 15px 0px 15px; padding-top: 15px; } .thumbItem.team_item .thumb_desc{ max-width: 280px; margin: 0 auto !important;} @media only screen and (max-width: 767px) { .thumbItem .thumb_desc{ margin-left:5%; margin-right:5%; } } .thumbItem .thumbItem_img{ width:200px; display: block; position:relative; margin:20px auto 0px; overflow:hidden; } .carousel_container.thumbItem_holder .elastislide-carousel ul li.current-img a img { border: none !important; } .thumbItem_holder ul li img{ border: none !important; } .thumbItem_holder .carousel_thumbails .thumbItem .button{ margin-bottom:24px 0xp 4px; } .thumbItem_holder ul .thumbItem { white-space:normal !important; } .thumbItem_holder .popup_overlay, .thumbItem_holder .magnificPopup{ z-index:10000026657; } .thumbItem_holder.carousel_container nav .np_btn { bottom:-60px; top:auto;} .thumbItem_holder.carousel_container nav .elastislide-next { left:50% !important; margin-left:24.5px; } .thumbItem_holder.carousel_container nav .elastislide-prev { left:50%; margin-left:-44.5px !important; } .thumbItem_holder.carousel_container.center_nav .elastislide-wrapper .elastislide-carousel{ margin: 0px 10px 0px 50px; } .thumbItem_holder.carousel_container.center_nav nav .np_btn { bottom:auto; top:50%; z-index: 11250; } .thumbItem_holder.carousel_container.center_nav nav .elastislide-next { left: 100% !important; margin-left: -24.5px; } .thumbItem_holder.carousel_container.center_nav nav .elastislide-prev { left:0%; margin-left: 10px !important; } @media only screen and (min-width: 992px) and (max-width:1199px ) { .thumbItem_holder.carousel_container nav .elastislide-next { left:50% !important; margin-left:24px; } .thumbItem_holder.carousel_container nav .elastislide-prev { left:50%; margin-left:-44px !important; } } @media (max-width: 991px) { .thumbItem_holder .carousel_thumbails .thumbItem{ border-bottom:none; } .thumbItem_holder .thumbItem{ border-right: none; } .thumbItem_holder .thumbItem:last-child{ border-bottom: none; } } /* #Thumbnail Default Size */ .thumbItem_holder .thumbItem:last-child{ border-right: none !important; } .thumbItem_holder.large_size .thumbItem{ max-width:396px; height:auto; max-height:none; min-height:430px; } .thumbItem_holder.large_size{ padding-bottom:0px; } .thumbItem_holder.large_size .thumbItem .large_image { width:340px; } .thumbItem_holder.large_size.gridType .thumbItem{ max-width:378px;} @media only screen and (min-width: 992px) and (max-width:1199px ) { .thumbItem_holder.large_size .thumbItem{ max-width:324px; min-height:405px; } .thumbItem_holder.large_size.gridType .thumbItem{ max-width:308px;} .thumbItem_holder.large_size .thumbItem .large_image{ width:274px; } } @media only screen and (min-width: 980px) and (max-width: 991px) { .thumbItem_holder.large_size .thumbItem{ max-width:376px; } .thumbItem_holder.large_size.gridType .thumbItem{ max-width:360px;} .thumbItem_holder.large_size .thumbItem .large_image{ width:326px; } } @media only screen and (min-width: 701px) and (max-width: 991px) { .thumbItem_holder.large_size .thumbItem{ min-height:415px; } } @media only screen and (min-width: 601px) and (max-width: 700px) { .thumbItem_holder.large_size .thumbItem{ min-height:515px; } } @media only screen and (min-width: 768px) and (max-width: 979px) { .thumbItem_holder.large_size .thumbItem{ max-width:365px; } .thumbItem_holder.large_size.gridType .thumbItem{ max-width:345px;} .thumbItem_holder.large_size .thumbItem .large_image{ width:316px; } } @media only screen and (max-width: 767px) { .thumbItem_holder.large_size .thumbItem{ min-width:100%; max-width:100%; height:auto; } .thumbItem_holder .carousel_thumbails .thumbItem{ border-right:none; } .thumbItem_holder.large_size .thumbItem .large_image{ width:90%; } .thumbItem_holder.large_size .thumbItem .large_image img{ width: 100%; height: auto; } } @media only screen and (max-width: 601px) { .thumbItem_holder.large_size .thumbItem{ max-height:none; min-height:none; } } /* #Thumbnail Medium Size */ .thumbItem_holder.medium_size .thumbItem{ max-width:277px; height:auto; max-height:none; min-height:430px; margin-bottom: -50px; } .thumbItem_holder.medium_size{ padding-bottom:0px; } .thumbItem_holder.medium_size .thumbItem .medium_size { width:240px; } @media only screen and (min-width: 992px) and (max-width:1199px ) { .thumbItem_holder.medium_size .thumbItem{ max-width:310px; min-height:405px; } .thumbItem_holder.medium_size .thumbItem .medium_image{ width:274px; } } @media only screen and (min-width: 980px) and (max-width: 991px) { .thumbItem_holder.medium_size .thumbItem{ max-width:376px; } .thumbItem_holder.medium_size .thumbItem .medium_image{ width:326px; } } @media only screen and (min-width: 701px) and (max-width: 991px) { .thumbItem_holder.medium_size .thumbItem{ min-height:415px; } } @media only screen and (min-width: 601px) and (max-width: 700px) { .thumbItem_holder.medium_size .thumbItem{ min-height:515px; } } @media only screen and (min-width: 768px) and (max-width: 979px) { .thumbItem_holder.medium_size .thumbItem{ max-width:346px; } .thumbItem_holder.medium_size .thumbItem .medium_image{ width:316px; } } @media only screen and (max-width: 767px) { .thumbItem_holder.medium_size .thumbItem{ min-width:100%; max-width:100%; height:auto; } .thumbItem_holder .carousel_thumbails .thumbItem{ border-right:none; } .thumbItem_holder.medium_size .thumbItem .medium_image{ width:90%; } .thumbItem_holder.medium_size .thumbItem .medium_image img{ width: 100%; height: auto; } } @media only screen and (max-width: 601px) { .thumbItem_holder.medium_size .thumbItem{ max-height:none; min-height:none; } } .thumbItem_holder.medium_size.carousel_container .elastislide-wrapper{ border-bottom:none !important; } /* #Thumbnail Normal Size */ .thumbItem_holder.normal_size .thumbItem{ position:relative; left:0px; width:25%; min-width:25%; max-width:25%; min-height:490px; display:inline-table; float:left; } .thumbItem_holder .carousel_thumbails{ width:100.5%; } .carousel_container.thumbItem_holder .carousel_thumbails{ visibility:visible; } .thumbItem_holder.normal_size .carousel_thumbails .thumbItem{ float: none; } .thumbItem_holder.noBorder .thumbItem { border: none; } @media only screen and (min-width: 601px) and (max-width: 991px) { .thumbItem_holder.normal_size .thumbItem{ width:50%; min-width:50%; max-width:50%; } .thumbItem_holder.normal_size .thumbItem .medium_image{ width:88%; } .thumbItem_holder.normal_size .thumbItem .medium_image img{ width: 100%; height: auto; } .thumbItem_holder.normal_size .thumbItem{ border: none; } } @media only screen and (min-width: 701px) and (max-width: 991px) { .thumbItem_holder.normal_size .thumbItem{ min-height:550px; } } @media only screen and (min-width: 601px) and (max-width: 700px) { .thumbItem_holder.normal_size .thumbItem{ min-height:515px; } } @media only screen and (max-width: 600px) { .thumbItem_holder.normal_size .thumbItem{ width:100%; min-width:100%; max-width:100%; min-height:none; } .thumbItem_holder.normal_size .thumbItem .medium_image{ width:90%; } .thumbItem_holder.normal_size .thumbItem .medium_image img{ width: 100%; height: auto; } .thumbItem_holder .thumbItem { border-right: none !important; } } /* #Thumbnail Small Size */ .thumbItem_holder.small_size .thumbItem{ position:relative; left:0px; padding-bottom:20px; width:20%; min-width:20%; max-width:20%; height:auto; max-height:none; min-height:none; display:inline-table; float:left; } .thumbItem_holder.small_size .thumbItem .small_image{ width:75%; } @media only screen and (min-width: 601px) and (max-width: 991px) { .thumbItem_holder.small_size .thumbItem{ width:33.33%; min-width:33.33%; max-width:33.33%; } .thumbItem_holder.small_size .thumbItem .small_image{ width:75%; } .thumbItem_holder.small_size .thumbItem .small_image img{ width: 100%; height: auto; } } @media only screen and (max-width: 600px) { .thumbItem_holder.small_size .thumbItem{ width:50%; min-width:50%; max-width:50%; } .thumbItem_holder.small_size .thumbItem .small_image{ width:90%; } .thumbItem_holder.small_size .thumbItem .small_image img{ width: 100%; height: auto; } } .withoutThumb ul { counter-reset: item; } .withoutThumb li:before { content: counters(item, ".") " "; counter-increment: item; } .withoutThumb li.removeNumber:before { content: ""; } .withoutThumb.thumbItem_holder.carousel_container { position: relative; bottom: 0px; width: 100%; } .withoutThumb .elastislide-wrapper { position: relative; margin: 0px auto; min-height: 0px; width: 100%; display: block; } .withoutThumb .elastislide-carousel { position: relative; display: block; } .withoutThumb.carousel_container .carousel_thumbails { position: relative; visibility: hidden; display: block; text-align: right; } .withoutThumb ul.carousel_thumbails li { width: 20% !important; min-height: 100px !important; display: block; float:left; position: relative; margin-right: 0px; margin-top: 0px; } .withoutThumb ul.carousel_thumbails li:last-child{ margin-right: 0px; } .withoutThumb ul.carousel_thumbails li:before{ position: relative; display:block; text-align:center; font-size:11px; padding-top:5px; } .withoutThumb{ border:0px !important; } .withoutThumb .np_btn { visibility:hidden; display:none; } @media screen and (min-width: 992px) and (max-width: 1499px) { .withoutThumb ul.carousel_thumbails li { width: 33.3333% !important; } } @media screen and (max-width: 991px) { .withoutThumb ul.carousel_thumbails li { width: 50% !important; } } /* #Homepage carousel Thumbnail */ .thumbItem_holder .thumbItem:last-child{ border-right: none !important; } .thumbItem_holder.home_imgTxtBanner .thumbItem{ max-width:33.3%; height:auto; max-height:none; min-height:none; padding-top: 10px; padding-bottom: 10px; } .thumbItem_holder.home_imgTxtBanner{ border-bottom: none !important; border-top: none !important; } .thumbItem_holder.home_imgTxtBanner .elastislide-carousel { margin: 5px; } .thumbItem_holder.home_imgTxtBanner{ padding-bottom:0px; padding-top: 0px; padding-left:0px; } .thumbItem_holder.home_imgTxtBanner .thumbItem .large_image { width:40%; float:left; padding-left:10px; } .thumbItem_holder.home_imgTxtBanner .thumbItem .thumb_desc { width:50%; display:inline-block; margin-left: 20px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } @media only screen and (min-width: 600px) and (max-width: 991px) { .thumbItem_holder.home_imgTxtBanner .thumbItem{ max-width:50%; } } @media only screen and (max-width: 599px) { .thumbItem_holder.home_imgTxtBanner .thumbItem{ min-width:100%; max-width:100%; height:auto; } } @media only screen and (max-width: 767px) { .thumbItem_holder .carousel_thumbails .thumbItem{ border-right:none; } .thumbItem_holder.home_imgTxtBanner .thumbItem .large_image{ width:34%; max-height:100px; } .thumbItem_holder.home_imgTxtBanner .thumbItem .large_image img{ width: auto; max-height: 100%; } .thumbItem_holder.home_imgTxtBanner .thumbItem .thumb_desc { width:60%; display:inline-block; margin-left: 10px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } .thumbItem_holder.home_imgTxtBanner.carousel_container { margin-bottom:60px; } } @media only screen and (max-width: 601px) { .thumbItem_holder.home_imgTxtBanner .thumbItem{ max-height:none; min-height:none; } } .thumbItem_holder.auto_height.normal_size .thumbItem, .thumbItem_holder.auto_height.large_size .thumbItem, .thumbItem_holder.auto_height.medium_size .thumbItem, .thumbItem_holder.auto_height.small_size .thumbItem { min-height:100px !important; max-height:none !important;} .thumbItem_holder .elastislide-carousel ul li a { width: auto; } .thumbItem_holder .elastislide-carousel ul li a { max-width: none; } /* #Grid Thumbnail */ .gridType .thumbItem{ float: left; position:relative; border: rgba(0, 0, 0, 0) 1px solid !important; margin-bottom:25px; } hr.gird_separator{ display:none; margin:10px 0 27px; } .thumbItem .large_image figure{ margin-bottom:0px !important; } .thumbItem_holder.gridType { border-bottom: none; } .col3 hr.gird_separator:nth-of-type(3n){ display: block; } .content.col2 hr.gird_separator:nth-of-type(4n){ display: none; } .content.col2 hr.gird_separator:nth-of-type(2n){ display: block; } .col2 hr.gird_separator:nth-of-type(4n){ display: block; } @media only screen and (min-width: 768px) and (max-width: 991px) { .col3 hr.gird_separator:nth-of-type(3n){ display:none; } .col3 hr.gird_separator:nth-of-type(4n){ display: block; } } @media only screen and (max-width: 767px){ .large_size hr.gird_separator { display: block !important; } } .sidebox{ display:block; margin-top:50px; margin-bottom:50px; clear:both; } .widget-title { margin-bottom:20px; font-size: 20px; } .post-list>li { display:block; width:100%; clear:both; margin-bottom:25px; } .post-list>li figure { width:70px; width:70px; margin-right:15px; float:left; display:inline-block; } .post-list .meta{ font-size:11px; clear: both; display: inline-block; margin-top: 0px; } .post-list>li .clearfix{ line-height:5px; font-size:5px; } .item_feature.horizontal_align>li{ display: inline-block; margin-left: 20px; border:none !important; } .item_feature.horizontal_align>li .title{ padding-right:10px; } ul.link_lists li a{ font-size:13px; display:block; } ul.link_lists li { padding:0px 0px 9px 0px; } .item_feature.link_lists li { padding:6px 0px 6px 0px; } .post_large :first-child{ padding-top:0px; } .single_post{ padding: 50px 0px 50px 0px; display:block; position:relative; width:100%; } .post_main{ padding: 50px 0px 20px 0px; display:block; position:relative; width:100%; } @media only screen and (max-width: 767px){ .post_main{ padding: 20px 0px 10px 0px; } } .post_figure { margin-bottom:25px; } .post_desc{ display:block; width:100%; } .post_desc .tools>li{ float:none; display:inline; margin: 0px 20px 5px 0px; line-height: 25px; } .post_desc ul.tools>li:first-child { margin: 0px 20px 5px 0px; } .flexslider .slides img { max-width:100%; height:auto; } .flex-caption { padding:15px; position:absolute; top:-1px; left:0px; margin:0; } .flexslider.slideAnimation .slides img { width: 100%; height: auto; max-height: none; max-height: auto; } .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; } /* #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; } .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; } .mainContent .parallax.bgBottomPos { background-position: bottom center !important; } .parallax.bgFitToWidth{ background-size: 100% auto; background-position: top center; } .mainContent .parallax.retainMinHeight { min-height: 560px !important; } @media only screen and (max-width: 767px) { .mainContent .parallax.retainMinHeight { min-height: 360px !important; } } .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:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: .75; -khtml-opacity: .75; opacity : .75; } .overlay_content { z-index: 5; position: relative; } .big_video .overlayBg{ z-index:-1; } .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%; } /* #Accordion ===================================================*/ .accordion { padding: 0px 0px 0px 0px; position:relative; margin-top: 0px; } .accordion dt{ margin-bottom:10px; } .accordion dt>a { position:relative; } /* Accordion open/close style */ .accordion dt .closeOpen{ position:absolute; width:14px; height:14px; right:15px; 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 > a .closeOpen:before{ content: "\f055"; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; display: -moz-inline-box; display: inline-block; height: 0; width: 0; line-height: 0; position: relative; vertical-align: middle; -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{ content: "\f056"; } /* Accordion Heading */ .accordion dt .acc_heading{ width:100%; font-size: 16px; font-weight: 300; line-height:1.6; display:inline-block; padding: 10px 50px 10px 15px; border-top: none !important; border-left: none !important; border-right: none !important; -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 .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:flex ; margin:0 auto; } ul.nav-tabs.serviceTab { display: contents; } ul.nav-tabs > li:before{ content:""; width: 0; height: 0; position:absolute; left:50%; bottom:-7px; margin-left:0px; border-left: 0px solid transparent; border-right: 0px solid transparent; border-left: 0px solid transparent; border-right: 0px solid transparent; -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 > li{ display: inline-block; contain: layout; float:none !important; border: none; border-top: transparent !important; border-left: transparent !important; border-right: transparent !important; padding-top: 0px; padding-bottom: 5px; margin-left: -4px; margin-top: 10px; margin-bottom: -1px; -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 > li i{ position:relative; top: 3px; } ul.nav-tabs.serviceTab > li h5, ul.nav-tabs.serviceTab > li i { -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; } .nav-tabs.serviceTab > li { float: left !important; margin-left: 0px; border-color: transparent !important; } ul.nav-tabs.serviceTab > li:before{ display:none !important; } .tab-content{ margin-top:20px; } .tab-content .tab-pane{ -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tab-content .tab-pane.active{ -webkit-animation-name: fadeIn; animation-name: fadeIn; display: flex; } .nav-tabs > li a{ display:block; margin:0 auto; border: none; font-size: 14px; line-height:1.6; padding: 7px 15px 7px; -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{ margin-left:-7px; border-left: 7px solid transparent; border-right: 7px solid transparent; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color:transparent; } @media only screen and (max-width: 991px) { .tab-content > .active { display: block !important; } } /* #Image mouseover overlay */ .overlay { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity : .5; 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; } /* #Flicker */ .flickerFeed.thumbs { margin: 0; padding: 0px 0px 5px 0px; overflow: hidden; } .flickerFeed.thumbs li { list-style: none; float: left; width:50px; height:50px; margin: 3px; padding: 0px; background: #eee; } .flickerFeed.thumbs li a { } .flickerFeed.thumbs li img { display: block; } .flickerFeed.thumbs li a img { border: none; width: auto; max-height: 100%; -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; } .flickerFeed.thumbs li a:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity : .5; } /* #Full Screen gallery ================================================== */ .fullScreenGallery_thumbnails{ position: relative; width:930px; height:100px; margin: 0 auto; z-index:10000; overflow:visible !important; 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; } .miniView { top: -180px; } .not_onepage_ver .fullScreenGallery_thumbnails { height: auto; } .fullScreenGallery_thumbnails .elastislide-carousel ul li a img { -webkit-filter : grayscale(1); } .fullScreenGallery_thumbnails .elastislide-carousel ul li.current-img a img, .fullScreenGallery_thumbnails .elastislide-carousel ul li a img:hover { -webkit-filter : grayscale(0); } .fullScreenGallery_thumbnails a.fxEmbossBtn{ width:100%; height:32px; display:block; margin:0 auto; text-align:center; position:relative; font-size:15px; font-weight: 700; letter-spacing:1px; padding: 7px 15px 0px 15px; left:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border:none !important; } .fullScreenGallery_thumbnails a.fxEmbossBtn .btn_icon{ line-height:20px; } .fullScreenGallery_thumbnails a.thumbClose_btn.fxEmbossBtn{ height:34px; line-height:18px; } .fullScreenGallery_thumbnails a.fxEmbossBtn .btn_hover{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .retinaDevice .fullScreenGallery_thumbnails a.fxEmbossBtn:hover .btn_hover{ width:96%; height:92%; left:2px; top:2px; } .fullScreenGallery_thumbnails a.fxEmbossBtn:hover .btn_icon{ border:none !important; } .fullScreenGallery_thumbnails .carousel_thumbails li[data-preview] { margin-top: 0px; border-top: none; } .fullScreenGallery_thumbnails .carousel_thumbails li.current-img[data-preview]{ border-top: none; } @media only screen and (max-width: 991px) { .fullScreenGallery_thumbnails{ width:75%; } } .detail_text .link_btn{ position:absolute; bottom:20px; margin-left: -25px; left:50%; z-index: 15; } .fullScreenGallery_items .detail_text .link_btn{ bottom:50px; } .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; } .detail_text .link_btn span{ position: relative; } .detail_text .popup_text{ display:none; } .elastislide-wrapper nav>span{ -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; } .elastislide-wrapper nav .np_btn{ background-color: transparent !important; background-image:none !important; } .elastislide-wrapper nav .np_btn .btn_icon{ background: no-repeat 0px 0px !important; } .elastislide-wrapper nav .elastislide-next .btn_icon{ background-position: 0px -45px !important; } .elastislide-wrapper .elastislide-carousel{ z-index:10000; } .topNav nav .np_btn{ top: -10px ; } .miniView.topNav nav .np_btn{ top: 50px !important; } .fullScreenGallery_thumbnails .elastislide-carousel ul li a img{ opacity:.5; } .fullScreenGallery_thumbnails .carousel_container .elastislide-carousel ul li a:hover img, .fullScreenGallery_thumbnails .carousel_container .elastislide-carousel ul li.current-img a img{ opacity:1; } .fullScreenGallery_thumbnails .elastislide-carousel ul li a img, .fullScreenGallery_thumbnails .carousel_container .elastislide-carousel ul li.current-img a img{ border:none !important; } .fullScreenGallery_thumbnails .elastislide-carousel ul li a { background-color:#000000; } .white_ver .imageCarousel .elastislide-wrapper nav .np_btn .btn_icon, .fullScreenGallery_thumbnails .imageCarousel .elastislide-wrapper nav .np_btn .btn_icon{ background : transparent url(../images/next_previous_button_white.png) !important; background-image: -Webkit-image-set(url(../images/next_previous_button_white.png) 1x, url(../images/next_previous_button_white%402x.png) 2x) !important; background-position: 100% 0px; background-repeat:no-repeat; } .white_ver .imageCarousel .elastislide-wrapper nav .elastislide-next.np_btn .btn_icon { background-position: 100% 0px !important; } .fullScreenGallery_thumbnails .imageCarousel .elastislide-wrapper nav .elastislide-next.np_btn .btn_icon{ background-position: 100% 0px !important; } .fullScreenGallery_thumbnails .fxEmbossBtn.np_btn .btn_hover { display:none; } .thumbnail_hitArea{ position: absolute; width: 150px; height: 34px; left: 0px; bottom: 0px; z-index: 22; text-align: center; padding-top: 10px; font-size: 11px; font-weight: 400; cursor: pointer; } .gallery_navigations{ position: absolute; display: block; width: 150px; height: 32px !important; bottom: 0px; left: 50%; margin-left: -75px; z-index: 100000; } /* #Gallery, Portfolio - Next, previous and close button, item Number */ a.next_button{ width:30px; height:30px; overflow:hidden; left: 140px; cursor:pointer; display:inline-block; z-index:1000; background : transparent url(../images/next_previous_button_white.png); background-image: -Webkit-image-set(url(../images/next_previous_button_white.png) 1x, url(../images/next_previous_button_white%402x.png) 2x); background-position: 100% 0px; background-repeat:no-repeat; } a.next_button:hover{ } a.previous_button{ width:30px; height:30px; overflow:hidden; left: -54px; cursor:pointer; display:inline-block; z-index:10000; background-image : url(../images/next_previous_button_white.png); background-image : -Webkit-image-set(url(../images/next_previous_button_white.png) 1x, url(../images/next_previous_button_white%402x.png) 2x); /* Image for Retina */ background-position: 0px 0px; background-repeat:no-repeat; } .fullScreenGallery_thumbnails a.previous_button, .fullScreenGallery_thumbnails a.next_button { background:none; background-image: none !important; } /* close button */ a.close_button{ width:30px; height:30px; overflow:hidden; cursor:pointer; z-index:10000; display:none; background-image : url(../images/next_previous_button.png); background-image : -Webkit-image-set(url(../images/next_previous_button.png) 1x, url(../images/next_previous_button%402x.png) 2x); /* Image for Retina */ background-position: 50% 0px; background-repeat:no-repeat; } /* item Number */ a.next_button, a.previous_button, a.close_button { background-image : url(../images/next_previous_button_white.png); background-image: -Webkit-image-set(url(../images/next_previous_button_white.png) 1x, url(../images/next_previous_button_white%402x.png) 2x); /* Image for Retina */ background-color: transparent !important; } .white_nav a.next_button, .white_nav a.previous_button, .white_nav a.close_button { background-image : url(../images/next_previous_button.png); background-image: -Webkit-image-set(url(../images/next_previous_button.png) 1x, url(../images/next_previous_button%402x.png) 2x); /* Image for Retina */ background-color: transparent !important; } .close_pos {bottom:auto; top:75px; right:5px; position:fixed; } .next_pos {bottom:auto; top:75px; right:40px;position:fixed } .previous_pos {bottom:auto; top:75px; right:75px; position:fixed } .sliderNumber_pos {bottom:auto; top:75px; right:110px; position:fixed } .close_mobile_top_pos {bottom:auto; top:75px; right:-50px; position:fixed; } .next_mobile_top_pos {bottom:auto; top:75px; right:5px;position:fixed } .previous_mobile_top_pos {bottom:auto; top:75px; right:40px; position:fixed } .sliderNumber_mobile_top_pos {bottom:auto; top:75px; right:75px;position:fixed } .next_mobile_bottom_pos{ top:auto; bottom:20px; right:5px; position:fixed } .previous_mobile_bottom_pos { top:auto; bottom:20px; right:40px; position:fixed } .sliderNumber_mobile_bottom_pos { top:auto; bottom:20px; right:75px; position:fixed } .sliderNumber{ padding:5px 7px 5px 7px; max-height:30px; z-index:10003; font-family: 'Droid_sans', sans-serif; font-size:16px; font-weight: 400; line-height: 1.25; } .title_top{ top:50px; display:block; position:absolute; z-index:10; padding-left:20px; } .title_bottom{ bottom:150px; display:block; position:absolute; z-index:10; padding-left:20px; } .title_top h4, .title_bottom h4{ padding:10px 15px 7px 15px !important; font-size: 24px; } @media only screen and (max-width: 991px) { .title_top, .title_bottom{ top:20px; bottom:auto; } .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: 18px !important; } } @media only screen and (max-width: 767px) { .title_top, .title_bottom{ padding-left:0px; } } /* #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; } .animate { position:relative; overflow:hidden; } .animateFade{ display:none; } .text_animate{ position:relative; display: inline-block; } .hideOverFlow{ overflow:hidden !important; } /* #Background Frame image Slideshow */ .frame_slideshow{ background:url(../images/slideshow_frame.png) no-repeat top center; background-size:100%; } .frame_slideshow .slides{ width:486px; display:block; margin: 0 auto; overflow:visible; padding-bottom:50px; padding-top:20px; } .frame_slideshow .slides li{ width:100%; display:block; } .frame_slideshow .slides li img{ max-width: 100%; height: auto; margin:0 auto !important; display:block; } .frame_slideshow .flex-direction-nav li{ margin-top:-45px !important; } .frame_slideshow .flex-direction-nav li.next_btn { right: 20px; } .frame_slideshow .flex-direction-nav li.prev_btn { left: 20px; } @media only screen and (min-width: 992px) and (max-width:1199px ) { .frame_slideshow{ background-size:90%; } .frame_slideshow .slides{ width:365px; padding-top:15px; } } @media only screen and (min-width: 980px) and (max-width: 991px) { .frame_slideshow{ background-size:90%; } .frame_slideshow .slides{ width:492px; padding-top:20px; } } @media (min-width: 768px) and (max-width: 979px) { .frame_slideshow{ background-size:90%; } .frame_slideshow .slides{ width:480px; padding-top:20px; } } @media only screen and (max-width: 767px) { .frame_slideshow .slides{ width:auto; padding-bottom: 40px; padding-top:0px; } .frame_slideshow{ background: none !important; } .frame_slideshow hr.slide_bottomSpace { margin: 0px 0px 0px; } .frame_slideshow .flexslider { margin-bottom: 0px; } .frame_slideshow .flex-direction-nav li{ margin-top:-15px !important; } .frame_slideshow .flex-direction-nav li.next_btn { right: 25px; } .frame_slideshow .flex-direction-nav li.prev_btn { left: 25px; } } .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: 50px; padding-bottom: 5px; margin-bottom: 30px; text-align: center; position: relative; } .mini_heading.small { font-size: 14px; font-family: body_font,sans-serif; } .top_heading.center, .mini_heading.center{ text-align: center; } .mini_heading.center:after{ left: 50%; margin-left: -20px; } .mini_heading:after{ width: 40px; height: 1px; display: block; content: ""; position: relative; margin-top: 25px; margin-left: -20px; left: 50%; } .top_heading:after{ width: 100px; height: 1px; display: block; content: ""; position: relative; margin-top: 25px; left: 50%; margin-left: -50px; } .top_heading:before { width: 18px; height: 18px; display: block; content: ""; position: absolute; bottom: -3px; margin-left: -9px; left: 50%; border-radius: 100%; z-index: 12; } @media only screen and (max-width: 991px) { .top_heading:after{ margin-top: 15px; } } .top_heading.center:after{ left: 50%; margin-left: -50px; } .top_heading.center:before{ left: 50%; margin-left: -12px; } .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; } .tag_leftTitle { position: relative; display: block; padding-left: 20px; margin-left: 40px; margin-top: 30px; border-left: 1px solid #aaaaaa; } .tag_leftTitle .icon { position: absolute; display: block; left: -50px; top: 10px; width: 50px; font-size: 22px; } @media only screen and (max-width: 991px) { .page_header { margin-top: 20px; margin-bottom: 20px; } } .pad_0{ padding-top:0px !important; padding-bottom:0px !important; padding-right:0px !important; padding-left:0px !important; } .padTop_0{ padding-top:0px !important; } .padBot_0{ padding-bottom:0px !important; } .padRig_0{ padding-right:0px !important; } .padLef_0{ padding-left:0px !important; } .spa_0{ margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; margin-left:0px !important; } .spaTop_0{ margin-top:0px !important; } .spaBot_0{ margin-bottom:0px !important; } .spaRig_0{ margin-right:0px !important; } .spaLef_0{ margin-left:0px !important; } /* #Contactus page style */ .container.contactUsPg{ padding:0px; top:0px; } .contactPage_content{ position:relative; z-index:150; } .contactPage_content .container{ padding:30px !important; } /* #Google Map style */ .map_holder{ position:relative; display:block; } #map_canvas{ position:relative; width:100%; top:0px; left:0px; height: 280px; background-color:#dddddd; overflow:hidden; } #map_canvas:before{ display: inline-block; right: 50%; top: 0px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 15px; margin-top: 0px; margin-right: -15px; z-index: 2566; } .map_container{ position:absolute; z-index:10; top:0px; left:0px } .openGoogleMap{ text-align:center; padding-top:25px; margin:0 auto; display:block; } .openGoogleMap .removeMap{ display: block; } .openGoogleMap .loadMap{ display: none; } .openGoogleMap.hideMap .removeMap{ display: none; } .openGoogleMap.hideMap .loadMap{ display: block; } @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; } #map_canvas{ height: 240px; position:relative; } .map_holder { height: 240px !important; } .map_holder .space_max{ padding: 0px 0px 0px !important; } } /* #Services List icons */ .services_list{ text-align:center; padding: 0px 25px 25px 25px; min-height: 410px; margin: 0% 40px 0% 20px; } .services_list{ min-height: 370px; } .services_list .desc p{ line-height: 28px; } .services_list h3{ font-size:22px; } .services_list2{ padding-bottom:20px; } .services_list2 .icon { float:left; padding-right:15px; padding-top:3px; } .services_list .desc, .services_list2 .desc { display: block; position:relative; overflow:hidden; z-index:5; } .services_list2 .desc h5 { margin-top:0px; font-weight:700; } .services_list2 .desc p{ font-size:14px; font-family: 'header_font', 'Trebuchet MS', sans-serif; } .services_list2 h3 { font-size: 18px; margin-bottom: 5px; } .services_list2 h4 { font-size: 16px; } .services_list2 i.back_icon, i.back_icon{ position: absolute; float: left; padding-right: 70px; right: 0; top: 0; width: 144px; height: 144px; line-height: 144px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); -moz-opacity: .1; -khtml-opacity: .1; opacity : .1; } .services_list2 i.back_icon{ font-size: 100px; z-index: 1; } i.back_icon{ font-size: 144px; } i.back_icon.bottom{ top:auto; bottom:-100px; } i.back_icon_title{ position: absolute; left: 50%; margin-left: -50px; top: 10px; width: 100px; height: 85px; line-height: 85px; font-size: 50px; text-align: center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: .25; -khtml-opacity: .25; opacity: .25; } h3.highlight_color.textAlignCenter.font_large { display: block; width: 100%; white-space:nowrap; position:relative; } .padTop_0 i.back_icon_title { top: -30px; } .services_list img{ width:auto; height:75px; } .service_icon{ font-size:160px; } .service_icon_2{ font-size:95px; line-height:155px; } .services_circularDiagram { position: relative; width: 100%; max-width: 600px; height: 360px; display: block; border-radius: 100%; margin: 0 auto; margin-bottom: 150px; } .service3Col { max-width: 350px; text-align: center; margin: 0 auto; } .service3Col i.back_icon { left: 20%; right: auto; float: left; } .services_list3 { text-align:center; margin-bottom:20px; position: absolute; } .services_list3_centerText { text-align: center; width: 220px; position: absolute; left: 50%; margin-left: -110px; margin-top: -10px; top: 50%; } .services_list3:nth-child(1) { left: 50%; top: -50px; margin-left: -55px; } .services_list3:nth-child(2) { right: 0%; top: 50%; margin-top: -50px; margin-right: -50px; } .services_list3:nth-child(3) { top: 100%; left: 50%; margin-left: -50px; margin-top: -50px; } .services_list3:nth-child(4) { left: 0%; top: 50%; margin-left: -50px; margin-top: -50px; } .services_list3 h5{ position: absolute; top: 110px; font-size: 15px; } .services_list3 .circular_icon{ margin:0px auto 20px; background:none; } .services_list3 .circular_icon i{ position:relative; display:block; margin:5px auto;} .services_list3:after{ /*content:"";*/ position:absolute; width:40%; top:52px; left:80%; } .services_list3:last-child:after{ border-bottom: none !important; } .services_list .rectangle_icon{ position:relative; padding: 60px 0px 0px 0px; display: block; margin: 0px auto 0px ; max-width:250px; text-align:center; } .services_list_grid{ min-height:420px; padding:0px; } .services_list3 .circular_icon:before{ width: 100%; height: 100%; display: block; content: ""; position: absolute; left:0px; 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; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .services_list3 .circular_icon i{ -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; } .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; } .services_list4{ position:relative; } .services_list4 .desc{ position:relative; font-size: 15px; z-index: 2; padding: 0px 0px 0px; margin: 10px 0 20px; white-space: nowrap; text-align: center; } .services_list4 .icon_font { position: absolute; top: -5px; left: 50%; margin-left: -30px; z-index: 1; width: 60px; text-align: center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"; filter: alpha(opacity=5); -moz-opacity: .05; -khtml-opacity: .05; opacity : .05; } .services_list4 .icon_font i{ font-size: 4em; } .col-1by2 .heading_stroke { padding: 0px 15px 0px 15px; } @media only screen and (min-width: 992px) and (max-width: 1519px) { .services_list_grid{ min-height:280px; } .services_list4 .icon_font i { font-size: 2em; } } @media only screen and (max-width: 991px) { .services_list .circular_icon, .services_list .icon{ float:left; } .services_list .desc{ padding-left:25px; } .services_list { margin: 0% auto; } .services_list_grid.col-1by3.makeFit { height:280px !important; } } @media only screen and (max-width: 767px) { .services_circularDiagram{ max-width: 280px; } .services_list2 .icon i { font-size: 3em; padding-right: 0px; } .services_list2 .icon.back_icon { float: left; font-size: 144px; padding-right: 5px; padding-top: 3px; } .col-1by2 .heading_stroke { margin: 10px 0px 10px 0px; } } @media only screen and (min-width: 992px) and (max-width:1199px ) { .thumbItem.service_thumb { width:290px !important; visibility:visible !important; } li:last-child.thumbItem.service_thumb { width: 250px !important; } } @media only screen and (max-width: 991px) { .thumbItem .services_list{ width:auto; margin: 0% 40px 0% 20px;} .services_list4 .icon_font i { font-size: 2em; } } @media only screen and (min-width: 980px) and (max-width: 991px) { .thumbItem.service_thumb { width:330px !important; visibility:visible !important; } li:last-child.thumbItem.service_thumb { width: 290px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .thumbItem.service_thumb { width:315px !important; visibility:visible !important; } li:last-child.thumbItem.service_thumb { width: 275px !important; } } @media only screen and (min-width: 601px) and (max-width: 767px) { .thumbItem.service_thumb { width:100% !important; visibility:visible !important; } li:last-child.thumbItem.service_thumb { width: 95% !important; } .thumbItem .services_list{ border-left:none; border-right:none; } } @media only screen and (max-width: 600px) { .thumbItem.service_thumb { width:100% !important; visibility:visible !important; } .thumbItem .services_list{ margin: 0% auto; padding: 0px 0px 25px 0px; border-left:none; border-right:none; } li:last-child.thumbItem.service_thumb { width: 95% !important; } .thumbItem_holder.carousel_container.center_nav .elastislide-wrapper .elastislide-carousel { margin: 0px 10px 0px 40px; } li:last-child.thumbItem.service_thumb .services_list { margin: 0% 0px 0% 0px; } .thumbItem .services_list .desc { padding: 15px; } .thumbItem_holder.center_nav .elastislide-horizontal { left: -7px !important; } } /* #Services carousel */ .s_divider { width:25%; min-height:420px; float:left; } .s_divider:nth-child(n+5) { border-top: none; } @media only screen and (max-width: 1500px) { .s_divider { min-height:320px; } .col-lg-4.s_divider { padding: 0px 1px 0px; } .s_divider .services_list{ border: none; } } @media only screen and (min-width: 481px) and (max-width: 991px) { .s_divider { width: 50% !important; float: left; } .s_divider:nth-child(n+3) { border-top: none; } } @media only screen and (max-width: 480px) { .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: 250px; } .services_list .s_holder{ margin: 48% 0% 0% 0%; width: 100%; } .s_divider .services_list.style2{ max-width:300px; min-height: 380px; text-align: center !important; margin: 0px auto 0px auto !important; padding: 0px !important; position: relative; overflow: hidden; border: none !important; } .services_list.style2 .s_holder{ position: absolute; width: 100%; height: 100%; bottom: -220px; padding: 15px; margin: 0px; z-index:10; -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; } .services_list.style2 .circular_icon{ float:none; } .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-transform: scale(1); transform: scale(1); } .s_divider .overlay, .s_divider .services_list .icon, .s_divider .services_list .desc{ -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .notTouchDevice .s_divider .overlay, .notTouchDevice .s_divider .services_list .icon, .notTouchDevice .s_divider .services_list .desc{ -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.itemOver.addHover .services_list .icon{ top:25px; -webkit-transform: scale(0); transform: scale(0); } .s_divider.itemOver.addHover .services_list .desc{ bottom:25px; -webkit-transform: scale(0); transform: scale(0); } .s_divider .services_list .desc p{ font-size: 13px; } .s_divider.itemOver .readMore{ float:none; display: inline-block; } .s_divider.itemOver .popup_overlay .popup_head h4{ font-size: 13px !important; font-weight: 400; font-family: 'body_font', sans-serif; letter-spacing: .5px; padding-bottom: 5px; margin-bottom: 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; } .s_divider.addHover .s_holder { bottom: 0px; } @media only screen and (max-width: 1500px) { .col-2by3 .col-lg-4.s_divider .services_list .s_holder{ margin: 100px 0% 0% 0%; } } @media only screen and (min-width: 481px) and (max-width: 991px) { .col-2by3 .col-lg-4.s_divider .services_list .s_holder{ margin: 100px 0% 0% 0%; } } @media only screen and (max-width: 480px) { .col-2by3 .col-lg-4.s_divider .services_list .s_holder{ margin: 70px 0% 0% 0%; } } @media only screen and (max-width: 1024px) { .s_divider .services_list.style2 .service_img .separator_mini{ padding: 0px 0px 20px !important; } } @media only screen and (max-width: 480px) { .services_list .s_holder { margin: 15% 0% 15% 0%; } .s_divider { min-height: 250px; } .s_divider.itemOver .overlay .popup_overlay .popup_head { margin-top: -90px; } } /* fourColumn */ .threeColumn { width:33.333333%; min-width:120px; } .fourColumn { width: 25%; min-width:220px; } .fiveColumn { width: 20%; min-width:120px; } .twoColumn { width: 50%; min-width:120px; } .threeByFive { width: 60%; } .twoColumn, .threeColumn, .fourColumn, .fiveColumn { position:relative; margin:0 auto; text-align:center; display:inline-block; float:left; } .fourColumn h4{ margin-top:25px !important; } .fourColumn h3{ margin-bottom:25px !important; font-size:25px; } .fourColumn .counter_holder h3 { font-size: 22px !important; font-weight: 400; margin-top: 25px !important; margin-bottom: 20px !important; display: inline-block; color: #999; } .counter_holder{ padding:5px 10px 5px 10px; margin: 0px 25px 0px 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; } .counter_holder h2 { font-size: 38px; position: relative; font-weight: 700; font-family: 'body_font', 'Trebuchet MS', sans-serif; top: -10px !important; padding-right: 15px; display: inline-block; } .counter_holder h4 { display: inline-block; font-size: 14px; margin-top: -0px !important; padding-top: 0px; position: relative; top: -15px; font-style: italic; font-weight: 400; color: #999; } @media only screen and (min-width: 480px) and (max-width: 991px) { .twoColumn { width: 100%; } .threeColumn { width: 50%; } .threeByFive { width: 100%; } .fourColumn { margin-bottom:50px; width: 50%;} .fourColumn:nth-child(odd){ clear:both; } .fiveColumn { width: 33.3333%; } } @media only screen and (min-width: 480px) and (max-width: 550px) { .twoColumn { width: 100%; } .threeColumn { width: 50%; } .threeByFive { width: 100%; } .fourColumn { display:block; float:none;} .fiveColumn { width: 49.9%;} } @media only screen and (max-width: 480px) { .twoColumn { width: 100%; } .threeColumn { width:100%; float:none; } .threeByFive { width: 100%; } .fourColumn { display:block; float:none; padding-bottom:0px; } .fourColumn:last-child{ padding-bottom:0px; } .fourColumn .noBorder{ padding-bottom:30px; } .fourColumn h3 { font-size: 16px !important; } .fourColumn .counter_holder h3 { margin-top: 15px !important; margin-bottom: 20px !important; } .counter_holder hr { padding-top: 22px; } .counter_holder .icon i { font-size: 3em; } .fiveColumn { width: 240px; margin: 0 auto 20px; display: block; float: none; } .nav-tabs .fiveColumn { width: 49.9%; } .counter_holder{ padding: 5px 10px 5px 10px; } .counter_holder h1{ padding-bottom: 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: 480px) { .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 -40px !important; } .mfp-arrow-left{ background-image: url(../images/sprite.png) !important; background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite%402x.png) 2x) !important; /* Image for Retina */ background-position: 10px -40px !important; } .white_ver .mfp-arrow-right{ background-position: -210px 10px !important; } .white_ver .mfp-arrow-left{ background-position: 10px 7px !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: 7px; font-size: .9em; margin: 5px; } .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%; overflow:hidden; } .roundedRec { -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important; overflow:hidden; } .removeTransform.circular_radius, .removeTransform .circular_radius{ -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; } .sec_title:before, .circular_border, a.next_btn, a.previous_btn, .fmSlider_plaPau .fmSlider_plaPau_inner, .teamline > li > .teamline-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 .teamline > li > .teamline-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 .teamline > li > .teamline-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; }