/** Horizonal Unique Creative OnePage Bootstrap HTML5 Copyright (c) 2013, Subramanian Author: Subramanian Profile: themeforest.net/user/FMedia/ Version: 1.0.0 Release Date: September 2013 Basic styles are added in this file **/ /* Add font face style */ @font-face { font-family: 'Droid_sans'; src: url('../fonts/droidsans-webfont.eot'); src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droidsans-webfont.woff') format('woff'), url('../fonts/droidsans-webfont.ttf') format('truetype'), url('../fonts/droidsans-webfont.svg#droid_sansregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Droid_sans'; src: url('../fonts/droidsans-bold-webfont.eot'); src: url('../fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droidsans-bold-webfont.woff') format('woff'), url('../fonts/droidsans-bold-webfont.ttf') format('truetype'), url('../fonts/droidsans-bold-webfont.svg#droid_sansbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'ralewayextralight'; src: url('../fonts/raleway-extralight-webfont.eot'); src: url('../fonts/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-extralight-webfont.woff') format('woff'), url('../fonts/raleway-extralight-webfont.ttf') format('truetype'), url('../fonts/raleway-extralight-webfont.svg#ralewayextralight') format('svg'); font-weight: normal; font-style: normal; } /* montserrat-100 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; src: url('../fonts/montserrat-v25-latin-100.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-100.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-200 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; src: url('../fonts/montserrat-v25-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-300 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('../fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('../fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('../fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('../fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-900 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: url('../fonts/montserrat-v25-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-100italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; src: url('../fonts/montserrat-v25-latin-100italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-100italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-200italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 200; src: url('../fonts/montserrat-v25-latin-200italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-200italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-300italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; src: url('../fonts/montserrat-v25-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: url('../fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; src: url('../fonts/montserrat-v25-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; src: url('../fonts/montserrat-v25-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; src: url('../fonts/montserrat-v25-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; src: url('../fonts/montserrat-v25-latin-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-900italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; src: url('../fonts/montserrat-v25-latin-900italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-900italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* End Font face style */ body { font-family: 'montserrat', Arial, Helvetica, sans-serif; } /* Menu style*/ ul.nav li{ font-family: 'Droid_sans', Arial, Helvetica, sans-serif; font-weight:700; text-align: left; white-space: nowrap; text-transform: uppercase; } ul.nav li .arrow{ background:url(../images/menu_arrow.png) bottom center no-repeat; } ul.nav li a{ display: inline-block; padding:10px 15px 10px 15px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } ul.nav li a i { margin:0px 5px 0px 0px} /* #Typography ================================================== */ h1, h2, h3{ font-family: 'ralewayextralight', 'Trebuchet MS', sans-serif; } h4, h5{ font-family: 'Droid_sans', 'Trebuchet MS', sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1, h2 { font-weight: 300; margin-top:0px !important; } h3, h4 { font-weight: 300; margin-top:0px !important; } h4 { line-height:1.4; } h5 { font: 18px; font-weight: 300; } h6 { font: 14px; font-weight: 300; } h3 {line-height:24px;} .jana {padding-top:400px;} @media (max-width: 400px) { .jana {padding-top:000px;}} .title_text { position:relative; display: block; font-family: 'Montserrat', 'Trebuchet MS', sans-serif; font-size: 48px; font-weight: 300; line-height:1.2; } .title_text_large { position:relative; display: block; font-family: 'Montserrat', 'Trebuchet MS', sans-serif; font-size: 75px; font-weight: 300; line-height:1.2; } .fontFamily_1{ font-family: 'Montserrat', 'Trebuchet MS', sans-serif; } .fontFamily_2{ font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:900; font-size:44px; } .mini_description{ font: 18px 'Montserrat', 'Trebuchet MS', sans-serif; font-weight:400; line-height:1.6; } .tiny_font{ font-size:12px; } .bold_weight{ font-weight: 700 !important; } .light_weight{ font-weight: 300 !important; } .upperCase{ text-transform: uppercase; } p { margin: 15px 0 15px 0; font-weight:lighter; } p img { margin: 0; } p.lead { font-size: 21px; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-style: italic; } blockquote { margin: 0 0 20px; padding: 5px 15px 5px 15px; border-left: 1px solid; } blockquote cite { display: block; font-size: 12px; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { visibility:hidden; border:none clear: both; margin: 10px 0 22px; height: 2px; } hr.borderTop { visibility:visible; border-style:dotted; margin: 40px 0 0px; } hr.borderTop.noSpacing { visibility:visible; border-style:dotted; margin: 0px 0 0px; } hr.borderBottom { visibility:visible; border-style:dotted; margin: -2px 0 0px; } hr.slide_bottomSpace { clear: both; margin: 20px 0px 40px; height: 2px; } hr.topSpacing{ visibility:hidden; border:none clear: both; margin: 30px 0 30px; 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.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; } .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; } a.no_decor{ text-decoration:none; } .removePadding{ padding: 0px 0px 0px 0px !important; } .list_items { margin:0px !important; padding:0px !important; } .list_items li{ padding-bottom:0px; } .list_items li i{ padding-right:15px; } /* #Lists ================================================== */ 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; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } .list1, .list2, .list3, .list4, .list5, .list6, .list7, .list8, .list9, .list10{ padding:0px 5px 2px 28px; line-height:18px; list-style-type:none; text-align:left; display:block; margin-bottom:13px; } .list1{ background:url(../images/list/icon1.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon1.png) 1x, url(../images/list/icon1@2x.png) 2x); /* Image for Retina */ } .list2{ background:url(../images/list/icon2.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon2.png) 1x, url(../images/list/icon2@2x.png) 2x); /* Image for Retina */ } .list3{ background:url(../images/list/icon3.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon3.png) 1x, url(../images/list/icon3@2x.png) 2x); /* Image for Retina */ } .list4{ background:url(../images/list/icon4.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon4.png) 1x, url(../images/list/icon4@2x.png) 2x); /* Image for Retina */ } .list5{ background:url(../images/list/icon5.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon5.png) 1x, url(../images/list/icon5@2x.png) 2x); /* Image for Retina */ } .list6{ background:url(../images/list/icon6.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon6.png) 1x, url(../images/list/icon6@2x.png) 2x); /* Image for Retina */ } .list7{ background:url(../images/list/icon7.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon7.png) 1x, url(../images/list/icon7@2x.png) 2x); /* Image for Retina */ } .list8{ background:url(../images/list/icon8.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon8.png) 1x, url(../images/list/icon8@2x.png) 2x); /* Image for Retina */ } .list9{ background:url(../images/list/icon9.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon9.png) 1x, url(../images/list/icon9@2x.png) 2x); /* Image for Retina */ } .list10{ background:url(../images/list/icon10.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon10.png) 1x, url(../images/list/icon10@2x.png) 2x); /* Image for Retina */ } /* White List */ .list1_white, .list2_white, .list4_white, .list5_white, .list6_white, .list7_white, .list8_white, .list9_white, .list10_white{ padding:0px 5px 2px 28px; line-height:18px; list-style-type:none; text-align:left; display:block; margin-bottom:13px; } .list1_white{ background:url(../images/list/icon1_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon1_white.png) 1x, url(../images/list/icon1_white@2x.png) 2x); /* Image for Retina */ } .list2_white{ background:url(../images/list/icon2_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon2_white.png) 1x, url(../images/list/icon2_white@2x.png) 2x); /* Image for Retina */ } .list4_white{ background:url(../images/list/icon4_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon4_white.png) 1x, url(../images/list/icon4_white@2x.png) 2x); /* Image for Retina */ } .list5_white{ background:url(../images/list/icon5_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon5_white.png) 1x, url(../images/list/icon5_white@2x.png) 2x); /* Image for Retina */ } .list6_white{ background:url(../images/list/icon6_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon6_white.png) 1x, url(../images/list/icon6_white@2x.png) 2x); /* Image for Retina */ } .list7_white{ background:url(../images/list/icon7_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon7_white.png) 1x, url(../images/list/icon7_white@2x.png) 2x); /* Image for Retina */ } .list8_white{ background:url(../images/list/icon8_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon8_white.png) 1x, url(../images/list/icon8_white@2x.png) 2x); /* Image for Retina */ } .list9_white{ background:url(../images/list/icon9_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon9_white.png) 1x, url(../images/list/icon9_white@2x.png) 2x); /* Image for Retina */ } .list10_white{ background:url(../images/list/icon10_white.png) no-repeat left; background-image: -Webkit-image-set(url(../images/list/icon10_white.png) 1x, url(../images/list/icon10_white@2x.png) 2x); /* Image for Retina */ } a .list1, a .list2, a .list3, a .list4, a .list5, a .list6, a .list7, a .list8, a .list9, a .list10, a .list1_white, a .list2_white, a .list4_white, a .list5_white, a .list6_white, a .list7_white, a .list8_white, a .list9_white, a .list10_white { padding:3px 9px 2px 28px !important; line-height:12px; margin-bottom:0px !important; } a.list_hover{ margin-bottom:5px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; margin:0px !important; } img.scale-fit-height { width: auto; min-height: 100%; margin:0 auto; display:block; position:relative; } img.scale-img { width: 100%; height: auto; margin:0 auto; } img.img-align-left{ float:left; margin: 0px 20px 10px 0px } img.scale_fill { min-width:100%; min-height:100%; margin:0 auto; } img.scale_fit { max-width:100%; max-height:100%; margin:0 auto; } img.scale_cover { width: auto; min-height: 100%; margin:0 auto; display:block; position:relative; } .resize_align{ max-width:auto !important; max-height:auto !important; min-width:auto !important; min-height:auto !important; } .lazyload_single{ display:block; margin: 0 auto; } /* #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; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a .button, a { position:relative } input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #000; } .button.full-width, button.full-width{ width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { } /* 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: 23px; } /* #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; } /* #Forms ================================================== */ /* comments ================================================== */ #comments-sec {} #comments-sec, #comment-replay { margin: 0px 0px 20px 20px; } .comment-list { border-bottom: 1px solid; margin: 40px 0 70px; padding: 0 0 40px; overflow: hidden; } .comment { list-style: none; margin: 40px 0 0; padding: 40px 0 0; border-top: 1px solid; } .comment:first-child { margin-top: 0; padding-top: 0; border-top: none; } .comment > article { margin: 0; overflow: hidden; } .comment .avatar { float: left; margin: 0 0 5px 0; position: relative; width: 54px; z-index: 1; } .comment .comment-area, .comment .comment-aut { float: right; margin: 0 0 -20px 25px; width: 770px; } .comment .comment-aut { margin-bottom: 0; } .comment .author, .comment .author a { margin: 0; } .comment .date { font-style: italic; margin: -1px 0 5px; } .comment .children { margin: 0; padding: 30px 0 0 70px; position: relative; } .comment .children .comment { border-top: 1px solid; margin: 30px 0 0; padding: 35px 0 0; position: relative; } .comment .children .comment:first-child { margin-top: 0; } .comment .children .comment-area, .comment .children .comment-aut { width: 700px; } /* Replay ================================================== */ #comment-replay { } .comments-form { margin: 20px -20px 0 0px; width: 550px;} .comments-form input { width: 190px; } .comments-form textarea { height: 150px; width: 100%; } /* Blog date */ .blog_date{ min-width:165px; text-align:center; font-size:18px; float:left; font-family: 'Droid_sans', sans-serif; font-weight: 700; line-height: 1.25; margin-right:15px; margin-bottom:2px; } .blog_date .b_date{ display:block; width:36px; float:left; padding:7px 5px 7px 5px; background-color:#ef3d42; color:#222; } .blog_date .b_month{ display:block; float:left; padding:7px 5px 7px 10px; background-color:#333; color:#eee; } .blog_date .b_year{ display: inline-block; float:left; padding:7px 10px 7px 5px; background-color:#333; color:#eee; } .b_heading{ font-family: 'Droid_sans', sans-serif; font-weight: 400; font-size: 20px; line-height: 1.50; display:block; margin-bottom: 5px; padding-right:40px; } /* social bookmarks ================================================== */ .social_bookmarks { float:left; margin:0; padding:0; height:100%; } .social_bookmarks li { height:16px; float:left; padding:0; margin:10px 0px 5px 0px; list-style:none; cursor:pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .social_bookmarks li a { float:left; width:30px; min-height:20px; height:100%; display: block; text-indent: -9999px; margin:0px; padding:0; outline: none; } .social_bookmarks .twitter { background: transparent url(../images/social/black/twitter.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/twitter.png) 1x, url(../images/social/black/twitter@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .facebook { background: transparent url(../images/social/black/facebook.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/facebook.png) 1x, url(../images/social/black/facebook@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .gplus { background: transparent url(../images/social/black/gplus.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/gplus.png) 1x, url(../images/social/black/gplus@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .linkedin { background: transparent url(../images/social/black/linkedin.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/linkedin.png) 1x, url(../images/social/black/linkedin@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .rss { background: transparent url(../images/social/black/rss.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/rss.png) 1x, url(../images/social/black/rss@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .digg { background: transparent url(../images/social/black/digg.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/digg.png) 1x, url(../images/social/black/digg@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .delicious { background: transparent url(../images/social/black/delicious.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/delicious.png) 1x, url(../images/social/black/delicious@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .youtube { background: transparent url(../images/social/black/youtube.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/youtube.png) 1x, url(../images/social/black/youtube@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .vimeo { background: transparent url(../images/social/black/vimeo.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/vimeo.png) 1x, url(../images/social/black/vimeo@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .skype { background: transparent url(../images/social/black/skype.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/skype.png) 1x, url(../images/social/black/skype@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .dribbble { background: transparent url(../images/social/black/dribbble.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/dribbble.png) 1x, url(../images/social/black/dribbble@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .ichat { background: transparent url(../images/social/black/ichat.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/ichat.png) 1x, url(../images/social/black/ichat@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .deviantart { background: transparent url(../images/social/black/deviantart.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/deviantart.png) 1x, url(../images/social/black/deviantart@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .stumbleupon { background: transparent url(../images/social/black/stumbleupon.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/black/stumbleupon.png) 1x, url(../images/social/black/stumbleupon@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .gplus:hover, .social_bookmarks .linkedin:hover, .social_bookmarks .twitter:hover, .social_bookmarks .facebook:hover, .social_bookmarks .rss:hover, .social_bookmarks .digg:hover, .social_bookmarks .delicious:hover, .social_bookmarks .youtube:hover, .social_bookmarks .vimeo:hover, .social_bookmarks .skype:hover, .social_bookmarks .dribbble:hover, .social_bookmarks .ichat:hover, .social_bookmarks .deviantart:hover, .social_bookmarks .stumbleupon:hover{ background-position: 0% 100% ; } /* White Theme*/ .social_bookmarks .twitter_white { background: transparent url(../images/social/white/twitter.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/twitter.png) 1x, url(../images/social/white/twitter@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .facebook_white { background: transparent url(../images/social/white/facebook.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/facebook.png) 1x, url(../images/social/white/facebook@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .gplus_white { background: transparent url(../images/social/white/gplus.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/gplus.png) 1x, url(../images/social/white/gplus@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .linkedin_white { background: transparent url(../images/social/white/linkedin.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/linkedin.png) 1x, url(../images/social/white/linkedin@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .rss_white { background: transparent url(../images/social/white/rss.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/rss.png) 1x, url(../images/social/white/rss@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .digg_white { background: transparent url(../images/social/white/digg.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/digg.png) 1x, url(../images/social/white/digg@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .delicious_white { background: transparent url(../images/social/white/delicious.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/delicious.png) 1x, url(../images/social/white/delicious@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .youtube_white { background: transparent url(../images/social/white/youtube.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/youtube.png) 1x, url(../images/social/white/youtube@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .vimeo_white { background: transparent url(../images/social/white/vimeo.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/vimeo.png) 1x, url(../images/social/white/vimeo@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .skype_white { background: transparent url(../images/social/white/skype.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/skype.png) 1x, url(../images/social/white/skype@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .dribbble_white { background: transparent url(../images/social/white/dribbble.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/dribbble.png) 1x, url(../images/social/white/dribbble@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .ichat_white { background: transparent url(../images/social/white/ichat.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/ichat.png) 1x, url(../images/social/white/ichat@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .deviantart_white { background: transparent url(../images/social/white/deviantart.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/deviantart.png) 1x, url(../images/social/white/deviantart@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .stumbleupon_white { background: transparent url(../images/social/white/stumbleupon.png) top left no-repeat; background-image: -Webkit-image-set(url(../images/social/white/stumbleupon.png) 1x, url(../images/social/white/stumbleupon@2x.png) 2x); /* Image for Retina */ } .social_bookmarks .gplus_white:hover, .social_bookmarks .linkedin_white:hover, .social_bookmarks .twitter_white:hover, .social_bookmarks .facebook_white:hover, .social_bookmarks .rss_white:hover, .social_bookmarks .digg_white:hover, .social_bookmarks .delicious_white:hover, .social_bookmarks .youtube_white:hover, .social_bookmarks .vimeo_white:hover, .social_bookmarks .skype_white:hover, .social_bookmarks .dribbble_white:hover, .social_bookmarks .ichat_white:hover, .social_bookmarks .deviantart_white:hover, .social_bookmarks .stumbleupon_white:hover { background-position: 0% 100%; } .font_awesome, .font_awesome_2x, .font_awesome_3x { position:relative; margin:0; padding:0; } .font_awesome li, .font_awesome_2x li, .font_awesome_3x li { display:block; float:left; font-weight:700; list-style:none; cursor:pointer; } .font_awesome li a, .font_awesome_2x li a, .font_awesome_3x li a { display:block; margin:5px 5px 0px 0px; padding-top:5px; padding-bottom:5px; display: inline-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; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .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 a { min-width:28px; } .font_awesome_2x li a { display: block; min-width:40px; } .font_awesome_3x li a { min-width:68px; padding: 12px 0px 12px 0px; } .circule_shape_1x, .circule_shape_2x, .circule_shape_3x, .circule_shape_1, .circule_shape_2, .circule_shape_3 { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .circule_shape_1x { padding: 7px 9px 6px 10px; } .circule_shape_2x { padding: 22px 9px 9px 12px; } .circule_shape_3x { padding: 40px 16px 16px 19px; } .circule_shape_1 { padding: 5px 6px 4px 10px; } .circule_shape_2 { padding: 18px 11px 5px 14px; } .circule_shape_3 { padding: 34px 20px 12px 24px; } .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; } #shareLinks { max-width:450px; } .topPosition{ position:fixed; right:0px; top:50%; z-index:70000015; } .popupContent{ margin:25px; min-width:75%; min-height:75%; } /* End social bookmarks */ /* Twitter */ #twitter_update_list { list-style:none; } #twitter_update_list li span { font-family: 'Droid_sans', Arial, Helvetica, sans-serif; font-size: 34px; line-height:1.3; } #twitter_update_list li span a { font-size: 24px; margin-top: 10px;} #twitter_update_list li a { font-size: 36px; display: block; margin-top: 15px;} /* 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 { width:auto; padding:5px; position: absolute; z-index: 100001; } .tipsy-inner { padding: 5px 8px 10px 8px; zoom: 1; max-width: 200px; text-align: center; font-size:12px; } .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat; background-position: bottom left; width: 9px; height: 5px; bottom: 0; left: 50%; margin-left: -4px; } a.hastip, a.hastip:visited { text-decoration:none } /* End tipsy tooltips style */ /* Static content (The static pages below the home page) style */ .mainContent{ position: relative; left: 0px; margin:0px; padding:0px 0px 0px 0px; overflow:auto; } .contentWrapper{ margin:0px; padding:0px 0px 0px 0px; position:relative; width:100%; left:0px; float:left; overflow:auto; outline: none; } .contentHold{ position:relative; overflow:auto; margin:0px; padding:0px 0px 0px 0px; } .vertical_page{ max-width:768px; } .m-Scrollbar{ position: relative; left: 0px; margin:0px; padding:0px 0px 0px 0px; overflow:auto; } .homeSlider{ float:none !important; max-height:100%; overflow:hidden; } .contentSpacing{ padding:70px 0px 70px 0px; } .contentWrapper.homeSlider { padding:0px; } .contentWrapper.fullWidth { padding:0px !important; margin:0px !important; } .fullWidth { width:100%; padding:0px 0px 0px 0px;} .titleTop, .titleTopLarge { padding:10px 0px 10px 0px;} /* Parallax style */ .parallax { background: no-repeat center center fixed; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mainContent .parallax { background: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .overlayPattern, .parallaxPattern{ width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden; } .overlayPattern{ background: url(../images/background_overlay.png) repeat fixed; } .parallaxPattern{ background: url(../images/parallax_overlay.png) repeat fixed; } .fullScreenGallery_items .overlayPattern{ z-index:1; } /* Video style */ video { max-width: 100%; height: auto; } .video_content.largeSize{ width: 100%; height:100%; } .video-shadow { position:relative; margin:0 auto; text-align:center; width:115%; left:-72px; height: 19px; z-index:1; top: -13px; } .video_content.mini{ height:256px; } .video-shadow.mini{ left:-30px; top: -6px; width:113%; } .video-shadow img{ max-width:100%; } .vid{ z-index:20; } .video_title{ position:absolute; z-index:11; display:inline-block; width:100%; margin:0px; padding:10px; } .video_title.placeBottom{ bottom:0px; } .video_title li{ float:left; left:0px; display: block; margin:0px 20px 20px 0px; list-style:none; } .addVideo .fs_caption{ visibility:visible; } .backGroundVideo{ background-repeat: no-repeat ; background-position:center; background-size:100% ; } .backGroundVideo .vid{ margin: 0 !important; left:0px; top:0px; position: relative; } .backGroundVideo{ position:absolute; z-index:0; } .mainContent .backGroundVideo{ position:absolute; z-index:-1; } .container-fluid.full-Height{ height:100% !important; } .backGroundVideo.bg_pattern2{ background-size: auto; } .bg_pattern1{ background-color:#fff; background-image : url(../images-bg/team.png); background-size:contain; background-position:top center; background-repeat:no-repeat; } .bg_pattern2{ background-color:#fff; } .bg_pattern3{ background-color:#fff; background-image : url(../images-bg/bg-mitteilungsblatt.jpg); background-size:contain; background-position:top right; background-repeat:no-repeat; } .bg_pattern4{ background-color:#fff; background-image : url(../images-bg/bg-unserseit.jpg); background-size:contain; background-position:bottom left; background-repeat:no-repeat; } .bg_pattern5{ background-color:#fff; background-image : url(../images-bg/bg-impressum.jpg); background-size:contain; background-position:bottom left; background-repeat:no-repeat; } .bg_pattern_home{ background-color:#fff; background-image : url(../images-bg/landing.jpg); background-size:contain; background-position:bottom left; background-repeat:no-repeat; } .button-img {position:relative; margin-right:5px; margin-bottom:5px;} .vert-bottom {position:relative;margin-top:50%!important;} /* Project detail background */ .projDetailLoad, .darkStyle .projDetailLoad { background-color: #1a1a1a; background-image: url(../images/bg_pattern3.png); } .lightStyle .projDetailLoad { background-color: #fff; background-image: url(../images/bg_pattern4.png); } iframe, embed, object { max-width: 100%; } /* Accordion ===================================================*/ .accordion { padding: 0px 0px 0px 0px; position:relative; } .accordion dt a { position:relative; } /* Accordion open/close style */ .accordion dt .closeOpen{ position:absolute; width:14px; height:14px; right:10px; margin-top:9px; overflow:hidden; 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 Heading */ .accordion dt .acc_heading{ width:100%; font-family: 'Droid_sans', sans-serif; font-weight: 700; line-height: 1.50; font-size: 13px; padding: 7px 0px 8px 10px; margin: 0px 0px 2px 0px; display:inline-block; border-bottom: 0; } .accordion dt .acc_heading h6 { margin: 0px 34px 0px 10px; } /* Accordion tab content style */ .accordion dd .acc_content{ position:relative; font-weight:lighter; font-size:12px; padding: 0px 0px 10px 5px; display:inline-block; } .accordion dt .closeOpen{ background : transparent url(../images/accordion_icon.png); background-image: -Webkit-image-set(url(../images/accordion_icon.png) 1x, url(../images/accordion_icon@2x.png) 2x); /* Image for Retina */ } .darkStyle .accordion dt .closeOpen{ background : transparent url(../images/accordion_white_icon.png); background-image: -Webkit-image-set(url(../images/accordion_white_icon.png) 1x, url(../images/accordion_white_icon@2x.png) 2x); /* Image for Retina */ } .lightStyle .accordion dt .closeOpen{ background : transparent url(../images/accordion_icon.png); background-image: -Webkit-image-set(url(../images/accordion_icon.png) 1x, url(../images/accordion_icon@2x.png) 2x); /* Image for Retina */ } /* accordion_blog open/close style */ .accordion_blog { position:relative; } .accordion_blog dt a { position:relative; } .accordion_blog dt .closeOpen{ position:absolute; width:28px; height:28px; right:10px; margin-top:0px; overflow:hidden; 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_blog Heading */ .accordion_blog dt .acc_heading{ width:100%; line-height: 1.50; padding: 7px 0px 5px 7px; margin: 0px 0px 2px 0px; display:inline-block; border-bottom: 0; } .accordion_blog dt .acc_heading h3 { font-family: 'Droid_sans', sans-serif; font-size: 18px; font-weight: 700; margin: 0px 54px 0px 120px; } /* accordion_blog tab content style */ .accordion_blog dd .acc_content{ position:relative; font-weight:lighter; font-size:12px; padding: 15px 0px 10px 5px; display:inline-block; } .accordion_blog dt .closeOpen{ background : transparent url(../images/accordion_blog_icon.png); background-image: -Webkit-image-set(url(../images/accordion_blog_icon.png) 1x, url(../images/accordion_blog_icon@2x.png) 2x); /* Image for Retina */ } .darkStyle .accordion_blog dt .closeOpen{ background : transparent url(../images/accordion_blog_white_icon.png); background-image: -Webkit-image-set(url(../images/accordion_blog_white_icon.png) 1x, url(../images/accordion_blog_white_icon@2x.png) 2x); /* Image for Retina */ } .lightStyle .accordion_blog dt .closeOpen{ background : transparent url(../images/accordion_blog_icon.png); background-image: -Webkit-image-set(url(../images/accordion_blog_icon.png) 1x, url(../images/accordion_blog_icon@2x.png) 2x); /* Image for Retina */ } /* image mouseover overlay */ .overlay { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity : 0; -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; } .img_place:hover .overlay.social{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 1; -khtml-opacity: 1; opacity : 1; } .img_place:hover .overlay.social .social_bookmarks{ top:70px; } .img_place:hover .overlay.social .font_awesome{ top:70px; } a:hover .overlay{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity : 1; } .porImgOver: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: transparent; background: url(../images/overlay_zoom.png) no-repeat top center; zoom: 1; } .overlay.content { display: block; background: transparent; background: url(../images/overlay_content.png) no-repeat center center; zoom: 1; } .darkStyle .overlay.content, .lightStyle .overlay.content { background: transparent; background: url(../images/overlay_content_transparent.png) no-repeat center center; } .porImgOver .overlay.content{ background: transparent; background: url(../images/overlay_content_transparent.png) no-repeat center center; } .overlay .imageText{ width:100%; bottom:-50%; left:0px; position:absolute; -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; } .overlay .imageText .pad { padding:10px; display:block; } .porImgOver:hover .overlay .imageText{ bottom:0%; } .overlay .navs{ width:100%; left:0px; position:absolute; } .overlay .navs .pad { padding:10px; display:block; } .overlay .navs .font_awesome, .overlay .navs .font_awesome_2x{ -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; top:-60px; } .porImgOver:hover .overlay .navs .font_awesome{ -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; transition-duration: .3s; -webkit-transition-delay: .25s; -moz-transition-delay: .25s; -o-transition-delay: .25s; -ms-transition-delay: .25s; transition-delay: .25s; top:0px; } .porImgOver:hover .overlay .navs .font_awesome_2x{ -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; transition-duration: .3s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -o-transition-delay: .2s; -ms-transition-delay: .2s; transition-delay: .2s; top:0px; } .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; } /* #Misc ================================================== */ 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; } .spacing{ margin: 20px; } .right_spacing{ margin-right:20px;} .left_spacing{ margin-left:20px; } .desktop_alignRight{ float:right; margin-right:20px; } /* Image style */ .smallImg { float: left; display: inline-block; width: 70px; height:auto; margin-right:10px;} .large_image{ height:360px; margin: 0 auto; padding:0px; position:relative; overflow:hidden; } .medium_image { width: 243px; height:176px; position:relative; overflow:hidden } .post_image{ height:255px; margin: 0 auto; position:relative; overflow:hidden } .smallImg img, .large_image img , .medium_image img, .post_image img { max-width: 100%; } .border1{ border: solid 2px;} .border2{ border: solid 1px;} .border3{ border: solid 2px;} hr{ clear:both; margin: 10px 0px 10px; } .separator { clear: both; margin: 0px 0px 10px; height: 2px; } .separator_mini { clear: both; margin: 0px 0px 20px; height: 2px; } .separator_max { clear: both; margin: 100px 0px 20px; height: 2px; } .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; } .space_max { display: block; padding-bottom:50px } .space_mini { display: block; padding-bottom:30px } .padLeft{ padding-left:10px !important} .padLeft_small{ padding-left:5px !important} /* Home banner Diamond */ .diamond_container.fullWid { position:relative; display:none; width:300px; height:300px; top:20px; text-align:center; margin:0 auto; z-index:1; } .diamond_content{ position:relative; margin: 0 auto; width:95%; padding-top:20px; } .diamond { width: 100%; height: 100%; position:absolute !important; border:#ef3d42 solid 5px; left:50%; /* Rotate */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* Rotate Origin */ -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } .diamond:after { content: ""; display:block; width:96%; height:96%; margin:2%; background-color:#000; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity : .7; } .posDiamond{ position:absolute !important; left:50%; top:300px; } .fixTransform .posDiamond{ left:45% !important; } .diamond_small { width: 40px; height: 40px; position: relative; /* Rotate */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* Rotate Origin */ -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255,.75); -webkit-transition-property:color, background; -webkit-transition-duration: .2s, .2s; -webkit-transition-timing-function: linear, ease-in; -moz-transition-property:color, background; -moz-transition-duration: .2s, .2s; -moz-transition-timing-function: linear, ease-in; -o-transition-property:color, background; -o-transition-duration: .2s, .2s; -o-transition-timing-function: linear, ease-in; -ms-transition-property:color, background; -ms-transition-duration: .2s, .2s; -ms-transition-timing-function: linear, ease-in; } .invert_rotate{ /* Rotate */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .goDown{ position:relative; margin:0 auto; left:-1px; top:7px; width:35px; height:25px; background-image : url(../images/sprite.png); background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x); /* Image for Retina */ background-position: 100% -120px; background-repeat:no-repeat; } a .diamond_small:hover { background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0,.75); } a .diamond_small:hover .goDown{ background-position: 100% -152px; } .fixTransform .diamond{ left:0%; } .fixTransform .diamond_content{ top:20% !important; } /* Flicker Feed */ #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; -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; } /* Scroll Items */ .previousPage, .nextPage{ top:50%; position:fixed; -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; } .previousPage{ left:0px; z-index:254800000; } .nextPage { right:0px; z-index:254800001;} .previousPage span, .nextPage span{ width:30px; height:40px; position:relative; display:block; text-align:center; cursor:pointer; -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; } .previousPage span{ background-image: url(../images/sprite.png); background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x); /* Image for Retina */ background-position: 0px 0px; background-repeat:no-repeat; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .white_ver .previousPage span{ background-position: -33px 0px; } .nextPage span { background-image: url(../images/sprite.png); background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x); /* Image for Retina */ background-position: -100px 0px; background-repeat:no-repeat; -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; } .white_ver .nextPage span{ background-position: -68px 0px; } .previousPage.autoPosition { left:-50px; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity : 0; } .nextPage.autoPosition{ right:-52px; } .nextPage.endPage{ right:-52px; } /* Close button */ .closeBtn{ width:30px; height:30px; position:relative; cursor:pointer; } .closeBtn .closeBtn_inner{ position:relative; width:30px; height:30px; right:0px; top:0px; float:right; overflow:hidden; } .closeBtn .closeBtn_icon{ position:absolute; right:-40px; width:70px; height:30px; background : url(../images/sprite.png); background-image: -Webkit-image-set(url(../images/sprite.png) 1x, url(../images/sprite@2x.png) 2x); /* Image for Retina */ background-position: 100% 43% ; background-repeat:no-repeat; } .closeBtn:hover .closeBtn_icon{ background-position: 100% 55%; } /* Gallery Next button, previous button and item Number */ /* Next button */ a.next_button{ width:30px; height:30px; overflow:hidden; cursor:pointer; display:inline-block; z-index:1000; background : transparent url(../images/next_previous_button.png); background-image: -Webkit-image-set(url(../images/next_previous_button.png) 1x, url(../images/next_previous_button@2x.png) 2x); /* Image for Retina */ background-position: 100% 0px; background-repeat:no-repeat; } .fullScreenGallery_thumbnails a.next_button{ -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* previous button */ a.previous_button{ width:30px; height:30px; overflow:hidden; cursor:pointer; display:inline-block; z-index:10000; 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@2x.png) 2x); /* Image for Retina */ background-position: 0px 0px; background-repeat:no-repeat; } .fullScreenGallery_thumbnails a.previous_button { -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; } .darkStyle_bg a.next_btn, .darkStyle_bg a.previous_btn, .darkStyle_bg .fmSlider_plaPau .fmSlider_plaPau_icon{ background-image : url(../images/banner_next_previous.png); background-image: -Webkit-image-set(url(../images/banner_next_previous.png) 1x, url(../images/banner_next_previous@2x.png) 2x); /* Image for Retina */ } a.next_btn, a.previous_btn, .fmSlider_plaPau .fmSlider_plaPau_icon{ background-image : url(../images/banner_next_previous_white.png); background-image: -Webkit-image-set(url(../images/banner_next_previous_white.png) 1x, url(../images/banner_next_previous_white@2x.png) 2x); /* Image for Retina */ } /* 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@2x.png) 2x); /* Image for Retina */ background-position: 50% 0px; background-repeat:no-repeat; } /* item Number */ .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; } 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@2x.png) 2x); /* Image for Retina */ } .white_ver a.next_button, .white_ver a.previous_button, .white_ver 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@2x.png) 2x); /* Image for Retina */ } .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 } /* Full Screen gallery ================================================== */ .gallery_navigations{ position:relative; display:block; width:100%; height:60px !important; top:12px; z-index:100000; } .pageClose_btn{ position:relative; display:block; width:150px; margin:0 auto; text-align:center; font-size:11px; font-family: 'PT Sans Caption', sans-serif; font-weight: 700; letter-spacing:1px; top:-6px; height:27px; padding: 7px 15px 0px 15px; } .fullScreenGallery_thumbnails{ bottom:0px; z-index:10000; position:absolute; } .fullScreenGallery_thumbnails a.next_button, .fullScreenGallery_thumbnails a.previous_button{ margin:0 auto; position:relative; display:block; left:-109px; top:24px; } .fullScreenGallery_thumbnails a.next_button{ left:109px; top:-40px; } .fullScreenGallery_thumbnails.mobileView{ bottom:0px; position:relative; } .fullScreenGallery_thumbnails.mobileView .gallery_navigations{ position:absolute; top:-59px; } .sliderStyle1, .sliderStyle2, .sliderStyle3, .sliderStyle4, .sliderStyle5{ display:none; } .sliderStyle1{ position:absolute; width:50%; top:20%; left:50%; } .sliderStyle2{ position:absolute; left:50px; top:170px } .sliderStyle3{ position:absolute; width:100%; bottom:100px; left:50px; } .sliderStyle4 span{ position:absolute; max-width:550px; bottom:150px; right:50px; display:block; } .sliderStyle5 .slider5_text{ top:200px; display:block; position:absolute; } .blockquote_large{ padding: 0px 10px 0px 15px; border-left: #ef3d42 7px solid; } .title_top{ top:200px; display:block; position:absolute; z-index:10; padding:10px 20px 0px 20px; } .title_bottom{ bottom:200px; display:block; position:absolute; z-index:10; padding:10px 20px 0px 20px; } /* Gallery Isotope ========================================================== */ /* options style */ #options { text-align:center; list-style: none; position:relative; margin: 0 auto 0 0; } #options li { font-family: 'Droid_sans', Arial, Helvetica, sans-serif; font-weight:700; line-height: 25px; letter-spacing: 0.5px; position:relative; float:left; margin-right: 0px; margin-top: 5px; padding-right:18px; padding-bottom:5px; height:27px; overflow:hidden; } #options ul{ margin-left:0px; } #options li a { font-family: 'Droid_sans', Arial, Helvetica, sans-serif; font-weight: 700; display: block; left:0px; text-decoration:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; text-align:center; } #options li:hover a .catName, #options li a.selected .catName { bottom:25px; } .catName span{ display:block; text-transform: uppercase; } .options_title{ padding-top: 5px; } /* Category name animation */ #options li a .catName{ position:relative; bottom:0px; padding: 5px 0px 3px 7px; text-indent:-3px; zoom: 1; /* gives the object layout */ -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; } /* Isotope Gallery item style */ .isotope_items .item a{ position:relative; visibility:visible; display:block; } .isotope_items{ display:block; } .isotope_items .item { overflow:hidden; } .projDetailLoad{ position:relative; width:100%; overflow:hidden; clear:both; } /* portfolio navigation */ .itemNav { padding:15px 0px 15px 0px; margin: 0 auto; } /* Next button */ a.next_button_pro{ width:30px; height:30px; overflow:hidden; cursor:pointer; z-index:1002; display:block; position:relative; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; 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@2x.png) 2x); /* Image for Retina */ background-position: 100% 0px; background-repeat:no-repeat; } .lightStyle a.next_button_pro{ background : transparent url(../images/next_previous_button.png); background-image: -Webkit-image-set(url(../images/next_previous_button.png) 1x, url(../images/next_previous_button@2x.png) 2x); /* Image for Retina */ background-position: 100% 0px; background-repeat:no-repeat; } /* previous button */ a.previous_button_pro{ width:30px; height:30px; overflow:hidden; cursor:pointer; margin-right:10px; z-index:1000; display:block; position:relative; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; 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@2x.png) 2x); /* Image for Retina */ background-position: 0px 0px; background-repeat:no-repeat; } .lightStyle a.previous_button_pro{ background : transparent url(../images/next_previous_button.png); background-image: -Webkit-image-set(url(../images/next_previous_button.png) 1x, url(../images/next_previous_button@2x.png) 2x); /* Image for Retina */ background-position: 0px 0px; background-repeat:no-repeat; } /* Close button */ a.close_button_pro{ width:30px; height:30px; overflow:hidden; cursor:pointer; z-index:1002; display:block; position:relative; margin: 0px 0px 0px 10px; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; 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@2x.png) 2x); /* Image for Retina */ background-position: 50% 0px; background-repeat:no-repeat; } .lightStyle a.close_button_pro{ background : transparent url(../images/next_previous_button.png); background-image: -Webkit-image-set(url(../images/next_previous_button.png) 1x, url(../images/next_previous_button@2x.png) 2x); /* Image for Retina */ background-position: 50% 0px; background-repeat:no-repeat; } /* item Number */ .sliderNumber_pro{ padding: 0px 5px 0px 5px; z-index:999; display:block; position:relative; vertical-align:middle; height:20px; margin: 5px 10px 0px 0px; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; font-size:20px; font-weight: 400; } /* End Isotope styles ========================== */ .fullDetails { height:0px; width:0px; overflow-y:hidden; } .fullDetails { padding:0px 0px 50px 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; } .projImgs{ position:relative; float:left; overflow:hidden } .projDetails { height:100px; overflow:hidden } .lazyload {margin: 0 auto; display: block;} /* image */ .img_place { position:relative; display:block; line-height:0px; } .thumbnail.img_place { margin:0px 2px 0px 0px } /* circular image */ .circle_holder{ position:relative; display: inline; padding: 0px 0px 0px 0px; width:300px; float:left; margin:0px ; } .enableTransition{ -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; } /* circular image type two */ .circle { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; text-align:center; vertical-align:middle; display:block; width:auto; height:auto; background-position:center; background-size:105% } .circle span{ display:inline-block; padding:75px 12px 20px 12px; } .circleHolder { width:186px; display:inline-block; position:relative; text-align:center; top:0px; margin: 0 auto; height:100%; -webkit-transition-property: background; -webkit-transition-duration: .25s, .25s; -webkit-transition-timing-function: linear, ease-in; -moz-transition-property:background; -moz-transition-duration: .25s, .25s; -moz-transition-timing-function: linear, ease-in; -o-transition-property: background; -o-transition-duration: .25s, .25s; -o-transition-timing-function: linear, ease-in; -ms-transition-property: background; -ms-transition-duration: .25s, .25s; -ms-transition-timing-function: linear, ease-in; } .circleHolder .description{ margin:15px; display:inline-block; } .smallCircle, .smallCircle .circle{ width:160px; height:160px; } .circleHolder .description{ position:relative; padding: 12px 10px 0px 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .description i{ position:absolute; top:-18px; left:50%; margin-left:-5px; } .description, .description i, .description h4, .description p{ -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; } .flipPanel.smallCircle{ top:10px; left:10px; margin-top:10px;} /* Flip panel */ .front, .back{ position:absolute; float:left; } .flipPanel { float: left; position: relative; font-size: .8em; margin:0 auto; padding-bottom:25px; } .flipPanel .front { float: none; position: absolute; top: 0; left: 0; z-index: 900; width: inherit; height: inherit; text-align: center; -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; /* -- transition is the magic sauce for animation -- */ -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .flipPanel.flip .front { z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .flipPanel .back { float: none; position: absolute; top: 0; left: 0; z-index: 800; width: inherit; height: inherit; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; /* -- transition is the magic sauce for animation -- */ -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .flipPanel.flip .back { z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); } .imageAlignCenter{ display:inline-block; width:100%; margin:0 auto; text-align:center; } h1 .textBackground, h1 .textBackground_white, h1 .textBackground_black { padding:0px 15px 0px 15px; } .textBackground, .textBackground_white, .textBackground_black { padding:0px 10px 0px 10px; } .bottomSpace{ bottom:50px; } .top_bot_pad{ padding:40px 0px 40px 0px; } .textAlignCenter{ text-align:center !important; } .textAlignRight{ text-align:right !important; right:20px; } .padTopLarge { padding-top:45px !important; } /* Feature Project thumbnails */ .feature_pro{ display:block; top:0px; left:0px; position:relative; padding: 0px 0px 0px 0px; margin-bottom:40px; margin-right:25px; overflow:hidden; width:45%; float:left; } .feature_pro.last_item{ float:right !important; margin-right:0px !important; } .feature_pro a { position:relative; display:inline-block; overflow:hidden; } .feature_pro a{ position:relative; -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; } .pro_link{ margin:0px 0px 20px 0px; padding:0px; width:100%; display:block;} .pro_link img{ min-width: 100% ; height: auto ; } .feature_pro .overlay{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: .3; -khtml-opacity: .3; opacity : .3; } .pro_title{ font-family: 'Droid_sans', 'Trebuchet MS', sans-serif; font-size:16px; line-height:1; text-transform:uppercase; margin:0px 0px 20px 0px !important; padding: 2px 0px 0px 15px; display:block; clear:both; } .pro_title .tit_text{ display:inline-block; margin-bottom:0px; } .feature_pro .font_awesome li a, .feature_pro .font_awesome_2x li a { margin-top:0px !important; } .over_text{ font-size:14px; font-weight:300; overflow:hidden; position:absolute; display:inline-block; top:10px; z-index:120; left:0px; padding:10px 10px 0px 0px; -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; } .over_text h6, .over_text h5{ display:inline-block; margin:2px 0px 0px 0px !important; color: #fff !important; padding:5px; background-color:#222222; background: rgb(34, 34, 34); background: rgba(0, 0, 0, 0.75); display:none; } .feature_pro p{ margin-top:3px; } .feature_pro a:hover .overlay{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity : 0; } .feature_pro a:hover .over_text{ left:-100%; } .over_text .navs{ left:0px; position:absolute !important; } /* portfolio images */ .flexSlideshow.fixedSize { height:350px; overflow:hidden; } .flexSlideshow.fixedSize .slides img{ max-width:100%; height: auto; } .flexSlideshow .slides img { max-height: 100%; } .midVideo{ height:288px; } .share{ position:relative; display:inline-block; float:left; padding-right:9px; margin-top:9px; margin-right:5px; overflow:visible; } .share span{ font: 13px 'Droid_sans', sans-serif; font-weight: 400; line-height: 1.5; padding: 5px 10px 7px 7px; margin:0px 0px 0px 4px; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; } 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; } .projImgPop, .projImgPop img{ display:block; position:relative } .contact_top_spacing{ padding-top:200px !important; } .bestFit{ position:relative; } .popupContent { display:none; } .frame_slideshow{ height:500px; background:url(../images/ipad_frame.png) no-repeat top center; background-size:90%; } .frame_slideshow .slides{ width:480px; height:470px; display:block; overflow:visible; } .frame_slideshow .slides li{ width:100%; height:385px; top:58px; left:95px; } .frame_slideshow .flex-direction-nav li a{ top:34%; } #map_canvas{ position:relative; width:100%; top:0px; left:0px; background-color:#dddddd; overflow:hidden; } .container.contactUsPg{ padding:0px; top:0px; } .contactPage_content{ position:relative; z-index:150; } .contactPage_content .container{ padding:30px !important; } .map_container{ position:absolute; z-index:10; top:0px; left:0px } .service_icon{ font-size:160px; } .service_icon_2{ font-size:95px; line-height:155px; } .animate{ position:relative; } .animateFade{ display:none; } .hideOverFlow{ overflow:hidden !important; } .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; } .hover_moveTop{ padding:20px 15px 5px 15px; cursor:pointer; } .hover_moveTop img{ top:5px; } .hover_moveTop, .hover_moveTop img{ position:relative; -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; } .hover_moveTop:hover img{ top:-5px; } .hover_moveTop:hover{ background: rgb(34, 34, 34); background: rgba(0, 0, 0, 0.3); } .hover_moveTop:hover .team_detail{ height:100px; } .team_detail{ position:relative; display:block; height:0px; overflow:hidden; -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; } .pointer_text{ position:relative; display:inline-block; font-size:16px; font-weight:bold; text-align:center; padding: 15px 15px 15px 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background-color:#111; color:#fff !important; } .pointer_text i.downarrow{ color:#111; position:absolute; bottom:-19px; left:50%; margin-left:-7px; margin-bottom:0px; } a .box_hover, .box_hover, a .box_hover_min, .box_hover_min{ display:inline-block; padding:5px 10px 5px 10px; border:4px #F00 solid !important; margin:5px 10px 5px 5px; color:#F00 !important; } a .box_hover_min, .box_hover_min{ border:2px #F00 solid !important; } a .box_hover:hover, a .box_hover_min:hover { border-color:#FFF !important; color:#FFF !important; } .lightStyle a .box_hover:hover, .lightStyle a .box_hover_min:hover { border-color:#000 !important; color:#000 !important; } a .box_hover_min:hover { border-color:#FFF !important; color:#FFF !important; } .lightStyle a .box_hover_min:hover { border-color:#000 !important; color:#000 !important; } /* Media style */ @media only screen and (min-width: 960px) and (max-width:1199px ) { .frame_slideshow{ height:400px; } .frame_slideshow .slides{ width:386px; height:370px; } .frame_slideshow .slides li{ height:340px; top:46px; left:77px; } .comment .comment-area, .comment .comment-aut { width: 600px; } .comment .children .comment-area, .comment .children .comment-aut { width: 530px; } .shadow_container{ padding:20px 20px 20px 20px; } } @media only screen and (max-width:1249px ) { .team_detail{ height:auto !important; min-height:auto !important; } .hover_moveTop:hover .team_detail{ height:auto !important; min-height:auto !important; } .feature_pro{ width:90% !important; margin-right:10px !important; } .feature_pro.last_item{ float:left !important; } } @media only screen and (min-width: 768px) and (max-width: 1150px) { .flexSlideshow.fixedSize { height:290px; } .title_text, .title_text_large{font-size:32px !important; } .frame_slideshow { height:450px; } .frame_slideshow .slides{ height:380px; } .frame_slideshow .slides li{ top:47px; left:77px; width:385px !important; height:280px !important; } .overlay.social .font_awesome{ left:20%; } .service_icon{ font-size:130px } .service_icon_2{ font-size:80px; line-height:125px; } .padTopLarge { padding-top:40px !important; } .img_place:hover .overlay.social .font_awesome{ top:50px; } .circle_holder{ width:182px; } .fixedHeight{ height:350px; } .large_image{ height:376px; } .medium_image { width: 200px; height:145px; } .post_image{ height:200px; } .circleHolder { width:150px; } .smallCircle { margin-right:15px;} .smallCircle, .smallCircle .circle{ width:130px; height:130px; } .circle span{ margin-top:-10px; } .video-shadow { left:-54px; top: -13px; margin-top:2px; width:114%;} .video_content.mini{ height:205px; } .video-shadow.mini{ left:-28px; top: -5px; width:115%; margin-top:auto;} .comment .comment-area, .comment .comment-aut { width: 600px; } .comment .children .comment-area, .comment .children .comment-aut { width: 530px; } .shadow_container{ padding:10px 20px 10px 20px; } hr{ margin: 0px 0px 10px 0px } hr.borderTop { margin: 10px 0 0px; } .desktop_alignRight{ float:right !important; margin-right:20px !important; } } @media only screen and (min-width: 768px) and (max-width: 979px) { .blog_date{ clear:both; float:none; font-size:15px; } .b_heading { clear:both; float:none; padding-top:5px; } .frame_slideshow .slides{ height:280px; } .frame_slideshow .slides li{ width:295px !important; top:36px; left:60px !important; } .comment .comment-area, .comment .comment-aut { width: 430px; } .comment .children .comment-area, .comment .children .comment-aut { width: 360px; } } @media (max-width: 979px) { .desktop_alignRight{ float:none; margin:0 auto; margin-right:20px; } .video_content.largeSize { width: 100%; height: 540px !important; } .socialLink{ padding:5px; } .socialLink, .white_ver .socialLink{ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .topPosition{ top:auto; bottom:0px; } hr.topSpacing{ margin: 30px 0 20px; } .footer { margin: 10px; } .footer .darkBgTransparent{ background:none !important; } .over_text h1, .over_text h2, .over_text h3, .over_text h4, .over_text h5, .over_text h6 { font-size:12px !important; } } /* styles for mobile */ @media screen and (max-width: 767px) { .right_shadow_arrow, .left_shadow_arrow{ left:0x; width:0px;} .shadow_container{ background-image:none !important; } .top_shadow_arrow{ padding-top:0px !important; } .top_arrow{ position: relative; left:20px; top:-3px; } .shadow_white.isRight{ background-image:none !important; } .shadow_container.shadow_white.isRight{ background-image:none !important; } .frame_slideshow{ width:100% !important; height:auto; background:none; padding-bottom:50px; } .frame_slideshow .slides{ width:100% !important; height:auto; } .frame_slideshow .slides li{ top:0px; left: auto !important; height:auto; } .frame_slideshow .slides li img{ min-width:100% !important; height:auto; } .frame_slideshow .flex-direction-nav li a{ top:50%; } .homeSlider p { font-size:12px; } .sliderStyle1{ width:90%; left:5%; top:120px; } .sliderStyle2 { width:90%; left:5%; top:120px } .sliderStyle3{ width:100%; bottom:100px; left:10px; } .sliderStyle4 span{ max-width:100%; bottom:120px; left:10px; } .sliderStyle5 { position:absolute !important; width:80%; left:10px; } body{ padding-left:0px; padding-right:0px; } .mobileSpacing{ padding-left:20px; padding-right:20px; } .fullWidth { padding-left:0px; padding-right:0px; } .blog_date{ clear:both; float:none; font-size:15px; } .b_heading { clear:both; float:none; padding-top:5px; } .title_text, .title_text_large{font-size:28px !important; } h1, h2 { font-size:24px !important; line-height:1.2 !important; } h3 { font-size:20px !important; } .b_heading{ font-size:14px !important; } .separator_mini { clear: both; margin: 0px 0px 10px; height: 2px; } .separator_max { margin: 0px 0px 10px; } hr.borderTop { margin: 10px 0 0px; } hr{ margin: 0px 0px 10px 0px } hr.slide_bottomSpace { clear: both; margin: 20px 0px 30px; height: 2px; } hr.topSpacing{ margin: 30px 0 20px; } } .img_maxHeight{ position:relative; display:inline-block; } /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .overlayPattern, .homeSlider .overlayPattern, .parallaxPattern { display: none } .circleHolder { width:186px; } .smallCircle, .smallCircle .circle{ width:160px; height:160px; } .smallCircle { margin-right:10px;} .circle span{ padding:75px 12px 20px 12px; } .large_image{ height:115px; } .slideshow_medium{ width:280px; height:110px; margin-left:-10px } img.set_maxHeight{ height:150px; } .previousPage, .nextPage{ top:45px; } .post_image{ height:110px; } .photo_holder { padding: 0px 15px 20px 10px; } .fixedHeight{ height:auto; } .flexSlideshow.fixedSize { height:160px; } .flexSlideshow .slides img { max-width: 100%; height:auto; } .title_text, .title_text_large { font-size: 28px; } .tiny_font{ font-size:12px; letter-spacing: 0.5px; } .video_content{ height:170px; } .video-shadow { left:-22px; top: -13px; width:115%; margin-top:0px; } .video_content.mini{ height:170px; } .video-shadow.mini{ left:-22px; top: -3px; width:115%; margin-top:0px; } .midVideo{ height:170px; } .video_title h1, .video_title h2, .video_title h3, .video_title h4, .video_title h5, .video_title h6, .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, .title_top, .title_bottom { font-size:12px !important; } .video_content.largeSize { width: 100%; height: 220px !important; } img.scale-fit-height { width: 100%; min-height: 100px; } .diamond_container h4{ font-size:14px !important; } .posDiamond { top:155px; } .diamond_content{ top:-25px ; } .fixTransform .diamond_content{ top:0% !important; } .fixTransform .posDiamond{ top:160px !important; left:45%; } .team_detail{ height:auto !important; overflow:visible; } .hover_moveTop:hover .team_detail{ height:auto !important; } .footer .alignRight{ float:left; } .clear_footer{ clear:both; } /* Blog comment */ #comments-sec, #comment-replay { margin: 0px 0px 40px 0px; } .comment-list { margin: 30px 0 0px; padding: 0 0 20px; } .comment { margin: 10px 0 0; padding: 25px 0 0; } .comment .comment-area, .comment .comment-aut { float: none; margin: 0 0 -5px 65px; width: 65%; } .comment .children .comment-area, .comment .children .comment-aut { width: 60%; } .comment .children { padding: 0px 0 0 20px; } .comment .children .comment { margin: 10px 0 0; padding: 25px 0 0; } .comments-form { margin: 20px -10px 0 0px; width: 100%; } .comments-form input { width: 100%; } .comments-form textarea { width: 100%; } .vert-bottom {position:relative;margin-top:00%!important;} } /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .separator_mini { clear: both; margin: 0px 0 15px; height: 2px; } .img_place:hover .overlay.social .font_awesome{ top:100px; } .circleHolder { width:186px; } .smallCircle, .smallCircle .circle{ width:160px; height:160px; } .smallCircle { margin-right:10px;} .circle span{ padding:75px 12px 20px 12px; } .overlayPattern, .homeSlider .overlayPattern, .parallaxPattern { display: none} .large_image{ height:164px; } .slideshow_medium { width: 100%; height:160px; } .post_image{ height:158px; } .fixedHeight{ height:auto; } .flexSlideshow.fixedSize { height:210px; } .title_text, .title_text_large { font-size: 28px; } .tiny_font{ font-size:12px; letter-spacing: .5px; } .video_content{ height:240px; } .video-shadow { left:-32px; top: -12px; width:115%; margin-top:-2px; } .video_content.mini{ height:240px; } .video-shadow.mini{ left:-32px; top: -5px; width:115%; margin-top:-2px; } .midVideo{ height:240px; } .video_content.largeSize { width: 100%; height: 360px !important; } /* Blog comment */ .comment .comment-area, .comment .comment-aut { width: 80%; } .comment .children .comment-area, .comment .children .comment-aut { width: 75%; } .comments-form input { width: 70%; } .comments-form textarea { width: 70%; } }