@charset "utf-8"; /* CSS Document */ /* Global elements -------------------------------------------------------------- */ html, body { min-width:100%; } .pr-tb-col .tb-content li { font-family:'Istok Web', sans-serif; } p, address, form, dl, dd, input, textarea, h1, h2, h3, h4, h5, h6 { margin-bottom:20px; } strong, dt { font-weight:bold; } a:hover { color:#828282; } i { font-family:FontAwesome !important; } h3, h4, li, a, h1, h2, h5 { font-family: 'dosis', sans-serif; } .widget.widget_recent_posts h5 a, .blog-post .post-details h2 a, .post-details ul li, .post-details ul li a { font-family: 'PT Sans', sans-serif; } ol, ul, li ul, li ol { padding-left:20px; } ul { list-style:disc; margin-bottom:20px; } ul ul { list-style:circle; } ul ul ul { list-style:square; } ol { list-style:decimal; } ol ol { list-style:lower-alpha; } ol ol ol { list-style:lower-roman; } blockquote { quotes: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup -------------------------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* Main global 'theme' and typographic styles -------------------------------------------------------------- */ hr { background-color: #d7d7d7; border: 0; clear: both; height: 1px; margin:20px 0; float:left; width:100%; } /* Text elements */ ol.decimal-leading-zero { list-style-type: decimal-leading-zero; } ol.lower-alpha { list-style-type: lower-alpha; } ol.lower-roman { list-style-type: lower-roman; } ol.upper-alpha { list-style-type: upper-alpha; } ol.upper-roman { list-style-type: upper-roman; } cite, em, i, blockquote { font-style: italic; } cite { float:right; } big { font-size: 131.25%; } ins { background: #ffc; text-decoration: none; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; overflow: auto; padding: 1.5em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } input[type="text"], select, input[type="email"], input[type="password"], textarea { color:#3a3a3a; clear:both; border:1px solid #d7d7d7; padding:11px 15px; background:#f3f3f3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e8e8e8)); background: -webkit-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%); background: -o-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%); background: -ms-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%); background: linear-gradient(to bottom, #f3f3f3 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e8e8e8', GradientType=0 ); /* IE6-8 */ } input[type="text"], select, input[type="email"], input[type="password"], textarea { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } input[type="text"]:focus, select, input[type="email"]:focus, input[type="password"]:focus, textarea:focus { border-color: #d1d1d1; background-color: #f6f5f0; -webkit-box-shadow: inset 2px 2px 3px #eaeaea!important; -moz-box-shadow: inset 2px 2px 3px #eaeaea!important; box-shadow: inset 2px 2px 3px #eaeaea!important; } input[type="text"], input[type="email"], input[type="password"] { width:90%; } textarea { width:97%; } input[type="submit"], input[type="reset"], input[type="button"], button { padding:0 18px 0px; height:40px; margin:0; } input[type="submit"]:hover { cursor:pointer; } input[type="submit"] i, button i, .button i { position:relative; margin-top:0px; } input[type="submit"], input[type="reset"], input[type="button"], button { transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; } select { background: none repeat scroll 0 0 #EDEDED; border: 1px solid #C4C4C4; display: block; margin: 10px 0; max-width: 100%; padding: 10px; } input[type="submit"], button, input[type="button"] { float:right; } input[type="submit"]:active i, input[type="button"]:active i, button:active i, .button:active i { text-shadow:none; } li h6 { line-height:20px; } li h6 span { font-style:italic; font-weight:normal; } .column:last-child { margin-bottom:0; margin-right:0; } .intro :last-child { margin-bottom:0; } .last { margin-right:0 !important; } input.error, textarea.error { border-color: #CE0000 !important; } /* theme -------------------------------------------------------------- */ /* Icon fonts -------------------------------------------------------------- */ .text-align-center .icon-magic, .text-align-center .icon-lightbulb, .text-align-center .icon-resize-full { width:100% !important; } .icon-lightbulb { padding-top:12px; font-size:75px; color:#666666; margin-bottom:26px; text-align:center; width:100%; float:left; } .icon-magic { padding-top:12px; font-size:73px; color:#666666; margin-bottom:26px; text-align:center; width:100%; float:left; } .icon-resize-full { padding-top:12px; font-size:75px; color:#666666; margin-bottom:26px; text-align:center; width:100% ; float:left; } .tabs-framed .icon-circle-arrow-right { float:right; font-size:18px; color:#9d9d9d; } .icon-angle-right { font-size:14px; margin-left:7px; font-weight:bold; line-height:16px; } .button-arrow .icon-angle-right { border-radius: 26px 26px 26px 26px; /*float: right;*/ font-size: 25px; font-weight: bold; height: 26px; line-height: 25px; margin-left: 20px; margin-top: 3px; text-align: center; text-shadow: none; width: 26px; } .widget_footer_links .icon-angle-right { font-weight:bold; float:left; text-align:left; margin:3px 0 0 0; color:#7a7a7a; } .icon-tags { font-size:14px; float:left; margin-right:3px; } .icon-calendar { font-size:14px; float:left; margin-right:3px; margin-top:3px;} .icon-tags, .icon-calendar, .icon-comment { line-height:23px !important; } .post-details .icon-comment { font-size:14px; float:left; margin-right:3px; } .widget_contact_details .icon-map-marker { font-size:29px; line-height:20px; } .icon-mobile-phone { font-size: 39px; line-height: 26px; } .icon-envelope-alt { font-size: 20px; line-height: 17px; text-decoration:none; } .icon-twitter { margin-top:4px; float:left; font-size:17px; margin-right:6px; line-height:19px; } .icon-quote-left { float:left; font-size:18px; margin-right:10px; } .icon-quote-right { float:right; font-size:18px; margin-left:10px; } .icon-minus { font-size:16px; float:left; } icon-minus { font-size:16px; float:left; } a:link, a, span { font-size:inherit; text-decoration:none; } a:active, a span:hover, :after:hover, :before:hover { color:#6f6f6f; cursor:pointer; } .post-details h2 a, .post-details ul li a, #secondary .widget_recent_posts h5 a, #secondary .widget_categories ul li a, .widget_testimonials ul li p a, .portfolio-container h4 a, .toggle-accordion a, .toggle a, .comment-author .reply{ color:#5c5b5b; } /* Transition effect -------------------------------------------------------------- */ a:link, a, span, a:active, a h1, a h2, a h3, a h4, a h5, a h6, a:hover, a span:hover, .widget_flickr ul li, .widget_flickr ul li:hover, i, i:hover, .custom-tabs-content { transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } /* Heading Style -------------------------------------------------------------- */ .intro h1 { color:#ffffff; margin-bottom:0; } #secondary h3.widget-title, .bg-title { background:#ebebeb; clear:both; text-transform:uppercase; margin-bottom:34px; border-bottom:1px solid #e8e8e8; font-size:30px; line-height:25px; padding:18px 0 16px 20px; box-shadow: 0px 1px 0px #ffffff; -moz-box-shadow: 0px 1px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px #ffffff; behavior: url(PIE.htc); } .intro.color span h2, .intro.color span h6, .side-nav li a:hover, .side-nav li.active a { color:#161616; } /* special inline elements and alignment style -------------------------------------------------------------- */ .text-align-right { text-align:right; } .text-align-center { text-align:center; } .text-align-center .button { float:none; } img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:99.6%; height: auto; } .alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; } .alignright, img.alignright { display: inline; float: right; margin-left: 20px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; } .alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom:20px; } /* Margining -------------------------------------------------------------- */ .margin { width:100%; clear:both; background-color:transparent; } .clear-5 { height:5px; } .clear-10 { height:10px; } .clear-15 { height:15px; } .clear-20 { height:20px; } .clear-25 { height:25px; } .clear-30 { height:30px; } .clear-35 { height:35px; } .clear-40 { height:40px; } .clear-45 { height:45px; } .clear-50 { height:50px; } .clear-55 { height:55px; } .clear-60 { height:60px; } .clear-65 { height:65px; } .clear-70 { height:70px; } .clear-75 { height:75px; } .clear-80 { height:80px; } .float-right { float:right } .float-left { float:left; } .read-more { line-height:14px; width:auto; font-style:italic; text-transform:capitalize; } .read-more i { margin-top:0px; } .post-details h3 a, .read-more, .pagination a, .tabs-framed li a { color:inherit; } .read-more, .post-details ul li a, .widget_tag_cloud li a { font-weight:normal; } .portfolio-column, .widget_categories li, .post-details ul, .pagination ul, .sorting-container, .tagcloud, .widget_testimonials, .angle-arrow, .side-nav-container, .commententries ul, .contact-details, #page-nav ul, .widget_tag_cloud li, .tabs-framed li, .content-box li, .portfolio-container li, .related-works.three-fourth li, .portfolio-slider li { padding-left:0; list-style:none; } .tabs-framed, .fancy-list, .content-box ul, .portfolio-container, .related-works.three-fourth { padding-left:0; } /* border-width -------------------------------------------------------------- */ header { border-width:5px 0 1px 0; } .widget_flickr ul li:hover { border-width:3px; } /* border-style */ header, .widget_flickr ul li:hover { border-style:solid; } /* LAYOUTS -------------------------------------------------------------- */ #home { min-width:100%; margin:0; background:#f3f3f3; } #wrapper { width:100%; float:left; } .main-container { float:left; min-width:100%; background-color:#f3f3f3; width:100%; } .container { width:940px; margin:0 auto !important; } /* Boxed Layouts -------------------------------------------------------------- */ .boxed { background:#161616; } .boxed #wrapper { width:1000px; margin-left:auto; margin-right:auto; float:none; /*background:#f3f3f3;*/ } .boxed #wrapper .banner .container { width:100%; } /*----*****---- << Responsive Menu >> ----*****----*/ .mobile-menu { display:none; height:50px; background-color:#f3f3f3; color:#333334; background-image:url(images/responsive-nav-bg.png); background-position:center right; background-repeat: no-repeat; border:1px solid #d9d9d9; border-radius:0px; width:100%; margin:6px 0px 16px; padding:15px 14px 15px 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; } /* Main Content( With Side Bar) -------------------------------------------------------------- */ #primary { border-right: 1px solid #DDDDDD; float:left; margin:0px; min-height:1350px; padding-right: 20px; width:65.8%; } #primary.with-left-sidebar { border-left: 1px solid #DDDDDD; border-right: none; } #primary.with-side-nav.with-left-sidebar { border:none; padding:0; } #main { width:100%; margin:0px; padding:0px 0px 85px; float:left; } #primary.content-full-width { border:none; width:100%; padding:0; } #primary.with-side-nav.with-left-sidebar, #primary.content-full-width { min-height:auto; } #primary.with-left-sidebar { float:right; padding-left:20px; padding-right:0; } #secondary { width:29.8%; margin:0px 0px 0px 20px; float:left; padding:0px; } #secondary.left-sidebar { margin:0px 20px 0px 0px; } #secondary .widget ul, #main-menu, #main-menu ul, .post-details ul, footer ul, .content-box ul, .pagination ul, .portfolio-container { margin-bottom:0; } /* SIDE CONTENT (Aside ) -------------------------------------------------------------- */ #secondary .widget, .widget { margin-bottom:40px; } .post-details h2 a, .post-details ul li a, #secondary .widget_recent_posts h5 a, #secondary .widget_categories ul li a, .widget_testimonials ul li p a, .portfolio-container h4 a, .toggle-accordion a, .toggle a, .comment-author .reply { color: #333333; } /* Page Header Style -------------------------------------------------------------- */ header { background:#dedcdc; float:left; width:100%; border-bottom-color:#c6c6c6; position:relative; } header:after { content:""; background:url(images/header-overlay.png) no-repeat; width:100%; height:68px; position:absolute; top:0px; left:0; } header.gradient { background:#dedcdc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedcdc), color-stop(100%, #f4f3f3)); background: -webkit-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: -o-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: -ms-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: linear-gradient(to bottom, #dedcdc 0%, #f4f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedcdc', endColorstr='#f4f3f3', GradientType=0 ); /* IE6-8 */ } header .container { position:relative; z-index:999; } .pp_description { text-shadow:none; } /* logo style -------------------------------------------------------------- */ #logo { float:left; margin-top:16px; margin-bottom:0; } /* Page Navigation Style -------------------------------------------------------------- */ #page-nav { float:right; } #page-nav ul li { float:left; position:relative; } #page-nav ul li a { color:#282828; float:left; padding:23px 16px; text-transform:uppercase; } #page-nav ul li a.active, #page-nav ul li a:hover, #page-nav ul li:hover a, #page-nav ul li ul.sub-menu a:hover, #page-nav ul li ul.sub-menu li:hover a, #page-nav ul li ul.sub-menu ul.sub-menu li:hover a { color:#ffffff; } #page-nav ul li a:hover, .portfolio-container li { transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; } #page-nav ul li:hover ul.sub-menu { display:block; } /* SUB MENU -------------------------------------------------------------- */ #page-nav ul li ul.sub-menu { display:none; position:absolute; top:69px; width:230px; } #page-nav ul li ul.sub-menu li { background-color:#f1f0f0; border-bottom:1px solid #e4e2e2; width:100%; } #page-nav ul li ul.sub-menu .last { border-bottom:none; } #page-nav ul li ul.sub-menu a, #page-nav ul li ul.sub-menu ul.sub-menu li a { color:#5f5e5e; width:86.1%; padding:11px 16px; text-transform:capitalize; font-weight:normal; text-shadow:none; } #page-nav ul li:hover ul.sub-menu ul.sub-menu, #page-nav ul li ul.sub-menu li ul { display:none; position:absolute; top:-1px; left:230px; border:1px solid #e4e2e2; width:230px; } #page-nav ul li ul.sub-menu li:hover ul, #page-nav ul li:hover ul.sub-menu li:hover ul.sub-menu { display:block; } /* Banner Style -------------------------------------------------------------- */ .banner { background-color:#dfe3e6; margin:0; padding:0; width:100%; float:left; position:relative; } .theme-border { height:5px; float:left; width:100%; } .buy { position:absolute !important; top: 30%; right:30%; } /* Content Style starts here ------------------------------------------------------------- */ .content { float:left; width:100%; } /* [triangle shape] */ .widget_newsletter:after, .intro:after, .intro.page-heading .container:after { content:""; left:48.16%; width:0; height:0; position:absolute; border-left:24px solid transparent; border-right:24px solid transparent; } /* Welcome content -------------------------------------------------------------- */ .intro { background-image:url(images/intro-pattern.png); background-repeat:repeat; background-color:#252525; width:100%; float:left; border-bottom:5px solid #161616; padding:32px 0; position:relative; } .intro * { color:#ffffff; text-shadow:none; } .intro:after { border-top:17px solid #161616; bottom:-22px; } .intro h6 { font-weight:normal; line-height:25px; } .intro-2, .post-author-details { margin-top:10px; background:#e8e8e8; float:left; padding:22px 20px; border-radius:5px; border:#d7d7d7; box-shadow: 0px 1px 0px #ffffff; -moz-box-shadow: 0px 1px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px #ffffff; -o-box-shadow: 0px 1px 0px #ffffff; behavior: url(PIE.htc); } .post-author-details { border:1px solid #d7d7d7; } .intro-2 p, .post-author-details p { line-height:21px; margin-bottom:0; } .intro-2 img, .post-author-details img { float:left; margin:0 20px 16px 0; width:61px; } .post-author-details img, .commentlist .comment-author img { box-shadow: 0px 4px 0px #d7d7d7; -moz-box-shadow: 0px 4px 0px #d7d7d7; -webkit-box-shadow: 0px 4px 0px #d7d7d7; -o-box-shadow: 0px 4px 0px #d7d7d7; } /* New Intro */ .intro-text { width:100%; margin:0px; padding:0px; float:left; } .intro-text.type1 { background:url(images/introtext-border-top.png) center top no-repeat; padding:40px 0px 0px; text-align:center; } .intro-text.type1 h4 { text-transform:uppercase; } .intro-text.type1 h4 span.highlight { color:#ffffff; padding:7px 15px; margin:0px 5px; } .intro-text.type1 h6 { text-transform:uppercase; color:#a0a0a1; background:url(images/intro-text-border-bottom.png) center bottom no-repeat; padding-bottom:37px; } .intro-text.type4, ul.tabs-vertical-frame li a.current { border-left:3px solid; } .intro-text.type4 { background:#ededed; padding:30px 2.5%; width:94%; } .intro-text.type4 h4 { text-transform:uppercase; margin-bottom:5px; } .intro-text.type4 h5 { color:#a0a0a1; margin-bottom:0px; } .intro-text.type4 a { float:right; } /* PAGE HEADING -------------------------------------------------------------- */ .intro.page-heading { padding:25px 0 22px; margin-bottom:30px; } .intro.page-heading .container { position:relative; } .intro.page-heading .container:after { border-left: 0 solid transparent; border-right: 50px solid transparent; border-top: 30px solid #161616; bottom: -55px; left: 0px; } /* breadcrumb -------------------------------------------------------------- */ .breadcrumb-section { float:left; height:30px; width: 100%; background:url(images/pattern-stripes.png) repeat; border:none; position:relative; top:-30px; } .breadcrumb { float:right; line-height:30px; text-shadow:1px 1px 0px #f6f6f6; text-transform:capitalize; } .breadcrumb a { color: #161616; font-weight:normal; } .breadcrumb span { color:#757575; } .breadcrumb span.icon-circle { color: #161616; font-size: 7px; margin: 0 3px; position: relative; top: -1px; } /* columns -------------------------------------------------------------- */ .widget { width:100%; float:left; } .column { float:left; margin-right:2.1%; } .one-column { width:100%; } .one-half { width:48.9%; } .one-third { width:31.9%; } .one-fourth { width:23.4%; } .one-fifth { width:18.32%; } .one-sixth { width:14.9%; } .two-fifth { width:38.74%; } .three-fifth { width:59.16%; } .two-third { width:65.9%; } .three-fourth { width:74.5%; } .four-fifth { width:79.58%; } .five-sixth { width:83%; } .two-third .one-column .post-details { width:61.2%; } .one-column.column { margin-right:0; } /* Form -------------------------------------------------------------- */ .one-third form input, .one-third form textarea, .one-fourth form input, .one-fourth form textarea, .one-fifth form input, .one-fifth form textarea { width:80% !important; } /* Image Caption -------------------------------------------------------------- */ .caption { float:left; } .caption h6 { background: #EBEBEB !important; border-radius: 3px 3px 3px 3px; color: #5F5E5E; font-family: 'PT Sans', sans-serif; margin: 0; padding: 18px 46px; text-align: center; behavior: url(PIE.htc); } /* Border- Bottom -------------------------------------------------------------- */ /*.border-bottom:after, .border-bottom:before { content: ""; background: #EBEBEB; border: 1px solid #D7D7D7; height: 6px; position: absolute; width: 99.8%; z-index: 2; }*/ .border-bottom { border-radius: 0px 0px 4px 4px; } .border-bottom:after { border-radius: 0px 0px 4px 4px; bottom: -3px; border-top:none; left: 0; behavior: url(PIE.htc); } .border-bottom:before { border-radius: 4px 4px 4px 4px; bottom: -6px; left: 0; behavior: url(PIE.htc); } .post-desc p .border-bottom:after, .post-desc p .border-bottom:before { width:99.2% !important; } /* services */ .services { position:relative; min-height:280px; } .services .service-cont { position:relative; top:130px; } .services .icon-lightbulb, .services .icon-resize-full, .services .icon-magic { display: block; left: 7px; position: absolute; top: 20px; transition: all 0.4s linear 0s; width: 115px; } .services:hover .icon-lightbulb, .services:hover .icon-resize-full, .services:hover .icon-magic { top:0; } .services:hover .icon-lightbulb:after, .services:hover .icon-resize-full:after, .services:hover .icon-magic:after { background: url(images/shadow.png) no-repeat scroll 0 0 transparent; content: ""; display: block; height: 24px; left: 29%; position: absolute; top: 93px; transition: all 0.4s linear 0s; visibility: hidden; width: 126px; } .services:hover .icon-lightbulb:after, .services:hover .icon-resize-full:after, .services:hover .icon-magic:after { visibility:visible; } /* Portfolio -------------------------------------------------------------- */ .portfolio-container li { margin-bottom:50px; margin-right:0; } .portfolio-container.related-works li { margin-right:2.1%; } .portfolio .related-works .portfolio-thumb { margin-bottom:0; } .portfolio .portfolio-thumb { float:left; position:relative; } .portfolio-container li h4, .related-works.three-fourth li h4 { width:100%; float:left; } .portfolio-container li h4.title, .related-works.three-fourth li h4.title { font-size:14px; margin-bottom:0; } .portfolio .content-box h4 { font-family: 'PT Sans', sans-serif; } .portfolio-container li a:hover h4 span { color:#ffffff; text-shadow:1px 1px 0 rgba(0,0,0,.5); } .portfolio-container li h4 a, .related-works.three-fourth li h4 a { color:#5F5E5E; } .portfolio-container .thick-border { overflow-x:hidden; } .right-gallery { float: right !important; margin-left: 2%; margin-right: 0; } /* one-col */ .portfolio.one-column-with-sidebar .portfolio-detail { width: 48%; } .portfolio { float: left; margin: 10px 20px 10px 0px; padding: 0px; } .portfolio-container { width: 100%; float: left; clear: both; } .portfolio.one-column, .portfolio.one-column-with-sidebar { width: 100%; margin-bottom: 30px; margin-right: 0px; } .portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column .portfolio-thumb { margin-right:20px; } .portfolio.one-column-with-sidebar .portfolio-thumb img { width: 286px; height: 222px; } /*.portfolio-thumb { margin-bottom:24px; }*/ .portfolio-container .one-third.with-sidebar { min-height:235px; } .portfolio-container .one-fourth h4 span { padding:13px 18px; } /* image overlay */ .portfolio-thumb .image-overlay { background:url(images/desc-bg.png) repeat scroll 0 0 transparent; opacity:0; filter:alpha(opacity=0); width:100%; height:100%; float:left; position:absolute; top:0px; left:0px; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; overflow:hidden; } .related-works .portfolio-thumb .image-overlay { border-radius: 5px 5px 0px 0px; } .portfolio-thumb .image-overlay a { opacity:0; filter:alpha(opacity=0); text-align:center; position:absolute; display:inline-block; width:42px; height:42px; border-radius:42px; } .portfolio-thumb .image-overlay a span { color:#ffffff; font-size:18px; line-height:42px; width:42px; height:42px; border-radius:42px; behavior:url(PIE.htc); } .portfolio-thumb .image-overlay a span.icon-fullscreen { } .portfolio-thumb .image-overlay a span.icon-external-link { line-height:44px; } .portfolio-thumb .image-overlay a span:hover { background-color:#373737; } .portfolio-thumb .image-overlay a.zoom { left: 0; } .portfolio-thumb .image-overlay a.link { right: 0; position:absolute; } .portfolio-thumb .image-overlay a { top: 20%; } .portfolio-thumb .image-overlay a, .portfolio-thumb .image-overlay a span { position:relative\0/; z-index:1\0/; } .portfolio-thumb .image-overlay a.zoom, .portfolio-thumb .image-overlay a.link { z-index:-1\0/; } .portfolio-thumb:hover .image-overlay a.zoom, .portfolio-thumb:hover .image-overlay a.link { z-index:1\0/; } .related-works li:hover .portfolio-thumb a.zoom, .related-works li:hover .portfolio-thumb .image-overlay a.link, .related-works li:hover .portfolio-thumb .thick-border p, .portfolio-container li:hover .portfolio-thumb a.zoom, .portfolio-container li:hover .portfolio-thumb .image-overlay a.link, .portfolio-container li:hover .portfolio-thumb .thick-border p { opacity:1; filter:alpha(opacity=100); } .related-works li:hover .portfolio-thumb .image-overlay, .portfolio-container li:hover .portfolio-thumb .image-overlay { opacity:1; filter:alpha(opacity=100); transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } .portfolio-container .thick-border p, .related-works.three-fourth .one-third .thick-border p { border-radius: 0; color: #252525; position:absolute; top:50%; opacity:0; font-size: 12px; line-height: 18px; padding:10px 13px 7px 13px; margin-bottom:0; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; text-align:center; visibility:hidden; } .portfolio-container li h4.title a, .related-works.three-fourth li h4.title a { display:block; font-family: 'PT Sans', sans-serif; padding:18px 10px; background-color:#ebebeb; border-radius:0px 0px 5px 5px; text-align:center; font-style:normal; /*font-weight:bold;*/ behavior:url(PIE.htc); } .related-works.three-fourth li h4.title a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .portfolio-container li:hover .thick-border p, .related-works.three-fourth .one-third:hover .thick-border p { visibility:visible; } .portfolio.three-column .image-overlay a, .portfolio.two-column-with-sidebar .image-overlay a, .portfolio.one-column-with-sidebar .image-overlay a { top:37%; } .portfolio.three-column:hover a.zoom, .portfolio.two-column-with-sidebar:hover a.zoom, .portfolio.one-column-with-sidebar:hover a.zoom { left:30%; } .portfolio.three-column:hover .image-overlay a.link, .portfolio.two-column-with-sidebar:hover a.link, .portfolio.one-column-with-sidebar:hover a.link { right:30%; } .portfolio.two-column .image-overlay a, .portfolio.one-column .image-overlay a { top:41%; } .portfolio.two-column:hover a.zoom, .portfolio.one-column:hover a.zoom { left:37%; } .portfolio.two-column:hover .image-overlay a.link, .portfolio.one-column:hover .image-overlay a.link { right:37%; } /* hover animation */ .portfolio-container li.one-fourth { min-height:251px; } .portfolio-container li.one-fourth.with-sidebar { min-height:194px; } .portfolio-container .one-fourth .image-overlay a { top:31%; } .portfolio-container .one-fourth:hover a.zoom { left:27%; } .portfolio-container .one-fourth:hover .image-overlay a.link { right:27%; } .portfolio-container .one-fourth .thick-border p { top:55%; } .portfolio-container .one-fourth.with-sidebar .image-overlay a { top:31%; } .portfolio-container .one-fourth.with-sidebar:hover a.zoom { left:15%; } .portfolio-container .one-fourth.with-sidebar:hover .image-overlay a.link { right:15%; } .portfolio-container .one-third .image-overlay a { top:39%; } .portfolio-container .one-third:hover a.zoom { left:33.5%; } .portfolio-container .one-third:hover .image-overlay a.link { right:33.5%; } .portfolio-container .one-third .thick-border p { top:60%; } .portfolio-container .one-third.with-sidebar .image-overlay a { top:23%; } .portfolio-container .one-third.with-sidebar:hover a.zoom { left:24.5%; } .portfolio-container .one-third.with-sidebar:hover .image-overlay a.link { right:24.5%; } .portfolio-container .one-third.with-sidebar .thick-border p { top:50%; } .portfolio-container .one-half .image-overlay a { top:43%; } .portfolio-container .one-half:hover a.zoom { left:39%; } .portfolio-container .one-half:hover .image-overlay a.link { right:39%; } .portfolio-container .one-half .thick-border p { top:68%; } .portfolio-container .one-half.with-sidebar .image-overlay a { top:38%; } .portfolio-container .one-half.with-sidebar:hover a.zoom { left:33.5%; } .portfolio-container .one-half.with-sidebar:hover .image-overlay a.link { right:33.5%; } .portfolio-container .one-column-with-sidebar .image-overlay a { top:40%; } .portfolio-container .one-column-with-sidebar:hover a.zoom { left:33%; } .portfolio-container .one-column-with-sidebar:hover .image-overlay a.link { right:33%; } .portfolio-container .one-column-with-sidebar .thick-border p { top:72%; } .portfolio-container.three-column-with-sidebar .image-overlay a { top:30%; } .portfolio.three-column-with-sidebar:hover a.zoom { left:20%; } .portfolio.three-column-with-sidebar:hover a.link { right:20%; } .portfolio.four-column-with-sidebar .image-overlay a { top:20%; } .portfolio.four-column-with-sidebar:hover a.zoom { left:9%; } .portfolio.four-column-with-sidebar:hover a.link { right:9%; } .related-works.three-fourth .one-third .image-overlay a { top:40%; } .related-works.three-fourth .one-third:hover a.zoom { left:27%; } .related-works.three-fourth .one-third:hover .image-overlay a.link { right:27%; } .related-works.three-fourth .one-third .thick-border p { top:66%; } /* Portfolio Detail -------------------------------------------------------------- */ .one-fourth .portfolio-thumb, .portfolio-thumb.full-width { width:auto; margin-right:0; float:left; } .portfolio-thumb img { width:610px; } .project-desc .content-box { width:83.8%; margin-bottom:17px; } .project-desc .content-box p { float:left; } .portfolio-thumb.full-width { margin-bottom:55px; } .one-third .content-box { float:left; width:84.6%; } .content-box ul.project-details { float:left; margin-bottom:8px; padding-left:0; } .content-box ul.project-details li { float:left; clear:both; list-style:none; font-style:normal; line-height:16px; margin-bottom:10px; } .content-box ul.project-details li span { font-size:16px; } .portfolio-slider-container { float: left; margin: 0px; padding: 0; position: relative; width: 100%; z-index:7; } .portfolio-slider { float: left; margin: 0; padding: 0; } .portfolio-thumb.full-width .portfolio-slider-container ul li { width:930px !important; } .portfolio-thumb.two-third .portfolio-slider-container ul li { width:609px !important; } .portfolio-thumb.full-width { float:left; width:100%; } .portfolio-slider-container .bx-wrapper { position:relative; } .portfolio-slider-container .bx-controls-direction a { background-repeat: no-repeat; display: block; height: 80px; width: 40px; text-indent:-9999px; } .portfolio-slider-container .bx-controls-direction a:hover { background-color:#ffffff; } .portfolio-slider-container .bx-controls a { position:absolute; top:44%; } .portfolio-slider-container .bx-controls a.bx-next { right:5px; background-position:8px center; } .portfolio-slider-container .bx-controls a.bx-prev { left:5px; background-position:6px center; } /* Portfolio Category Navigation -------------------------------------------------------------- */ .sorting-container { line-height:41px; margin-bottom:34px; text-align:center; } .sorting-container li { display:inline-block; line-height:36px; } .sorting-container li a:before { background:url(images/sorting-seperator.jpg) right no-repeat; content: ""; float: left; height: 37px; left: -5px; position: relative; width: 1px; } .sorting-container li a { color:#252525; font-size:12px; font-weight:normal; padding:10px 16px 10px 15px; border-top:1px solid #dfdfdf; border-bottom:4px solid #c7c7c7; margin:0 0 0 -6px; background:url(images/sorting-bg.jpg) repeat-x ; behavior: url(PIE.htc); text-transform:uppercase; text-shadow:1px 1px 0px #ffffff; } .sorting-container li:first-child a.active:before, .sorting-container li:first-child:hover a:before { border-radius:5px; background:#F3F3F3; } .sorting-container li:first-child a:before { position:relative; top:2px; } .sorting-container li:first-child a { border-radius:5px 0 0 5px; behavior: url(PIE.htc); border-left:1px solid #DFDFDF; } .sorting-container li:last-child a { border-radius:0 5px 5px 0; behavior: url(PIE.htc); border-right:1px solid #DFDFDF; } .sorting-container li:last-child a.active { border-right:none; } .sorting-container li a.active, .sorting-container li a:hover { background-image:none; } .sorting-container li a.active { margin-left:-6px; } /* BLOG -------------------------------------------------------------- */ .blog-post { float:left; margin-bottom:40px; } .blog-single-entry .blog-post { margin-bottom:13px; } .post-details { float:left; } .post-details h2 { border-bottom:1px solid #ebebeb; margin-bottom:0; font-size:20px; text-transform:none; padding-bottom: 4px; } .blog-post .post-details p { border-top:1px solid #fcfcfc; padding-top:13px; margin-bottom:10px; float:left; } .blog-single-entry .blog-post .post-details p { border-top:none; } .blog-single-entry .blog-post .post-details h2 { font-size:25px; padding-bottom:12px; } .blog-post .post-details .post-desc p { float:none; } .post-details ul { padding-top:4px; padding-bottom:3px; float:left; width:100%; border-top:1px solid #fcfcfc; border-bottom:1px solid #ebebeb; } .post-details ul li { margin-right:17px; font-size:12px; float:left; } .post-desc { border-top:1px solid #fcfcfc; float:left; } .post-desc p { border:none; float:none; } .post-desc p span { margin:4px 0 10px 18px; } .post-desc p span span { margin:0; } .post-desc p .portfolio-thumb, ul.commentlist li .commentmetadata { float:right; } .post-details .read-more { clear:both; float: right; } /* hover */ /*.blog-entry-img:after { content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: background-color 0.2s ease 0s; width: 100%; } .blog-entry-link:hover .blog-entry-img:after { background-color:rgba(255, 255, 255, 0.3) } .animate_afc.animate_start { -webkit-animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 afc; animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 afc; opacity: 1; }*/ .blog-post .post-thumb a { display: block; overflow: hidden; } .blog-post .post-thumb a img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0.99; filter: alpha(opacity=99); } .blog-fullwidth.blog-post .border-bottom:after, .blog-post .border-bottom:before { width:99.6%; } .blog-entry-link:hover .blog-entry-img:after, .blog-post .post-thumb a:hover { border-radius:5px; } .blog-post .post-thumb a:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /* one-column */ .one-column.with-sidebar .post-details { width:61.1%; } .one-column .border-bottom:after, .one-column .border-bottom:before { width:99.7%; } .blog-post.one-column .border-bottom:after, .blog-post.one-column .border-bottom:before { width:99.5%; } .blog-post.one-column.with-sidebar .border-bottom:after, .blog-post.one-column.with-sidebar .border-bottom:before { width:99.2%; } .one-column .post-details { width:74.4%; } .blog-single-entry .blog-post .border-bottom:before, .blog-single-entry .blog-post .border-bottom:after { width:99.7%; } /* two column */ .blog-post.one-half.with-sidebar .border-bottom:after, .blog-post.one-half.with-sidebar .border-bottom:before { width:98.5%; } .one-half.with-sidebar .border-bottom:after, .one-half.with-sidebar .border-bottom:before { width:99.3%; } .one-half .border-bottom:after, .one-half .border-bottom:before { width:99.6%; } /* three column */ .one-third .border-bottom:after, .one-third .border-bottom:before { width:99.3%; } .one-third.with-sidebar .border-bottom:after, .one-third.with-sidebar .border-bottom:before { width:98.8%; } .blog-post.one-third { min-height:417px; } /* four column */ .one-fourth .border-bottom:after, .one-fourth .border-bottom:before { width:98.9%; } .portfolio-thumb.two-third.border-bottom:after, .portfolio-thumb.two-third.border-bottom:before { width:99.7%; } .one-column-with-sidebar .portfolio-thumb.border-bottom:before, .one-column-with-sidebar .portfolio-thumb.border-bottom:after { width:99.4%; } /* Blog Style - Primary Content -------------------------------------------------------------- */ .blog-post.no-thumb .post-details { width:100%; } .recent-post.two-col .post-details ul li { margin-right:12px; } .one-half .blog-post .post-thumb { margin:0 0px 24px 0; } .one-half .post-details { width:100%; } .blog-post .post-thumb { margin-bottom:24px; width:100%; } .two-col article .border-bottom:after, .two-col article .border-bottom:before { width:99.4%; } .two-third .blog-post:last-child, .widget_contact_details ul li:last-child { margin-bottom:0; } .one-column .post-thumb { margin:0 20px 0 0; width:220px; } /* COMMENT ENTRIES -------------------------------------------------------------- */ .commententries { float:left; } .commentlist * { font-family: 'Istok Web', sans-serif; } .commententries ul { float:left; margin-bottom:0; } .commentlist .comment-author { float:left; margin-right:20px; width: 60px; text-align:center; } .comment-author .reply { display: inline-block; font-weight:bold; font-size:13px; margin-top: 5px; text-transform: capitalize; } .commentlist .comment-author img { float:left; width:60px; } .commentlist .comment-author { float:left; } .commentlist .comment-author img { float:left; } .comment { float:left; } .comment .comment-meta { width:100%; margin-bottom:5px; } .comment .comment-meta .author-name a{ color:#5f5e5e; font-weight:bold; float:left; } .comment-meta .commentmetadata { color:#5f5e5e; float:right; font-style:italic; font-size:14px; } .commententries .commentlist .comment-details { float:left; width:87%; } .comment-details p { line-height:20px; } .comment-container { float:left; margin-bottom:20px; border-bottom:1px dotted #b9b9b9; } .commentlist .children { margin-left:80px; } .commentlist .children .comment-details { width:85%; } #respond, .contact-frm { float:left; width:100%; } #respond input[type="text"], .contact-frm input[type="text"] { width:43.8%; margin-right:20px; } #respond input[type="email"], .contact-frm input[type="email"] { width:43.2%; } #respond textarea, .contact-frm textarea { width:95%; } #respond input[type="text"], #respond input[type="email"], #respond textarea, .contact-frm input[type="text"], .contact-frm input[type="email"], .contact-frm textarea { color:#5f5e5e; float:left; clear:none; box-shadow: 1px 1px 0px #ffffff; -moz-box-shadow: 1px 1px 0px #ffffff; -webkit-box-shadow: 1px 1px 0px #ffffff; -o-box-shadow: 1px 1px 0px #ffffff; padding:14px; resize:none; } #respond input[type="submit"] { float:right; margin-top:20px; } .two-third #respond { margin-top:0; } /* widget_testimonials -------------------------------------------------------------- */ .widget_testimonials li:last-child { margin-bottom:0; } .widget_testimonials li { margin-bottom:0px; } .widget_testimonials blockquote { float:left; position:relative; background-color:#ebebeb !important; border:none !important; box-shadow:1px 1px 0px #d7d7d7; -moz-box-shadow:1px 1px 0px #d7d7d7; -webkit-box-shadow:1px 1px 0px #d7d7d7; -o-box-shadow:1px 1px 0px #d7d7d7; margin-bottom:9px; behavior: url(PIE.htc); } .widget_testimonials blockquote q { float:left; } .widget_testimonials blockquote:after { content:""; border-left: 20px solid transparent; border-right: 0 solid transparent; border-top: 23px solid #EBEBEB; bottom: -23px; height: 0; right: 10px; position: absolute; width:0; left:inherit; border-bottom:transparent; } .carousel-wrapper { position:relative; } .widget_testimonials .carousel-arrows { right: 13px; position: absolute; top: -74px; } .widget_testimonials .carousel-arrows .prev-arrow { float: left; margin-right: 1px; } .widget_testimonials .carousel-arrows .icon-chevron-left { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .widget_testimonials .carousel-arrows .icon-chevron-right { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .widget_testimonials .carousel-arrows .icon-chevron-left, .widget_testimonials .carousel-arrows .icon-chevron-right { background-color: #BEBEBE; color: #ebebeb; padding: 5px 7px; box-shadow:1px 1px 0px #fff; } .widget_testimonials .carousel-arrows .icon-chevron-left:hover, .widget_testimonials .carousel-arrows .icon-chevron-right:hover { color:#fff; } /* newsletter -------------------------------------------------------------- */ .widget_newsletter { background:#dedcdc; float:left; width:100%; padding:13px 0; position:relative; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; z-index:555; } .widget_newsletter.gradient { background: #dedcdc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2RlZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dedcdc 1%, #e9e9e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #dedcdc), color-stop(100%, #e9e9e9)); background: -webkit-linear-gradient(top, #dedcdc 1%, #e9e9e9 100%); background: -o-linear-gradient(top, #dedcdc 1%, #e9e9e9 100%); background: -ms-linear-gradient(top, #dedcdc 1%, #e9e9e9 100%); background: linear-gradient(to bottom, #dedcdc 1%, #e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedcdc', endColorstr='#e9e9e9', GradientType=0 ); } .widget_newsletter:before { background:url(images/newsletter-overlay.png) no-repeat; width:905px; height:65px; right:0; bottom:0; position:absolute; content:""; } .widget_newsletter:after { border-top:17px solid #ededed; bottom:-17px; } .widget_newsletter .container { position:relative; z-index:999; } .widget_newsletter h2 { font-size: 20px; font-weight: bold; float:left; margin-right:24px; margin-top:10px; margin-bottom:0; } .widget_newsletter form { width:88.5%; margin:0 auto; } .widget_newsletter form.subscribe-frm input[type="text"], .widget_newsletter form.subscribe-frm input[type="email"] { margin-bottom:0; } .widget_newsletter form input[type="text"], .widget_newsletter form input[type="email"] { margin-right:20px; width:23.4%; } .widget.widget_newsletter.gradient { margin-bottom:0; } /* Boxed -------------------------------------------------------------- */ .boxed-content { float:left; background:#e8e8e8; border-radius:5px; border:1px solid #d7d7d7; box-shadow: 1px 1px 0px #ffffff; -moz-box-shadow: 1px 1px 0px #ffffff; -webkit-box-shadow: 1px 1px 0px #ffffff; -o-box-shadow: 1px 1px 0px #ffffff; padding:22px 22px 22px 22px; } .boxed-content h4 { text-shadow:1px 1px 0px rgba(255,255,255,.75); } .boxed-content p { font-style:italic; line-height:25px; } /* BUTTON STYLES -------------------------------------------------------------- */ input[type="submit"], input[type="reset"], input[type="button"], button, .button { cursor:pointer; border-top: none; border-left: none; border-right:none; background-repeat:repeat-x; border-bottom:0; font-family: 'PT Sans', sans-serif; font-size:16px; text-transform:uppercase; border-radius:4px 4px 4px 4px; display:inline; position:relative; background-size:1px 41px; behavior: url(PIE.htc); } input[type="submit"] .icon-circle-arrow-right, input[type="button"] .icon-circle-arrow-right, button .icon-circle-arrow-right, .button .icon-circle-arrow-right { float:right; font-size:30px; margin-left:20px; padding-left:10px; } .button { padding: 9px 18px 9px; color:#fff; } /* Button Sizes -------------------------------------------------------------- */ .small { font-size:13px; padding:5px 15px 6px; background-size:1px 34px; } .large { font-size:18px !important; padding: 10px 32px 11px; line-height:31px; height:31px; background-size:1px 52px; } .lengthy { font-size:16px !important; padding: 12px 45px 13px; line-height:26px; height:31px; background-size:1px 50px; } .small.button-arrow { line-height:30px; background-size:1px 42px; } input.button.medium { height:40px; padding:5px 18px 5px; } input.button.large { height:52px; } /* List Styles -------------------------------------------------------------- */ .tabs-framed li { border-bottom: 1px solid #EBEBEB; border-top: 1px solid #FCFCFC; float: left; line-height: 17px; width: 100%; } .tabs-framed li a { float: left; font-size: 16px; padding:11px 0 7px; width: 100%; } .widget_categories ul, .widget_testimonials ul, .widget_tag_cloud ul { padding-left:0; } .testimonial-carousel blockquote q{ font-style:italic; } .widget_categories ul li { float:left; width:100%; border-top:1px solid #fcfcfc; border-bottom:1px solid #ebebeb; line-height:18px } .widget_categories ul li a { float:left; font-size:16px; padding:12px 0 12px 33px; width:87%; } .widget_categories ul li a:hover { color:#5f5e5e; } .widget_categories ul li:first-child, .tabs-framed li:first-child { border-top:none; } .widget_categories ul li:last-child, .tabs-framed li:last-child { border-bottom:none; } .widget_categories ul li:first-child, .widget_categories ul li:first-child a, .tabs-framed li:first-child a { padding-top:0; } .widget_categories ul li a span { float:right; margin-right:5px; } .angle-arrow i { float:left; } ul .icon-angle-right { margin-top:3px; } .angle-arrow ul, .widget_testimonials ul li { list-style:none; } /* Tags -------------------------------------------------------------- */ .widget_tag_cloud li { float:left; margin:0 9px 9px 0; } .widget_tag_cloud li a { float:left; background:#ffffff; color:#5f5e5e; font-size:16px; padding:10px; box-shadow:1px 1px 0px #d7d7d7; -moz-box-shadow:1px 1px 0px #d7d7d7; -webkit-box-shadow:1px 1px 0px #d7d7d7; -o-box-shadow:1px 1px 0px #d7d7d7; min-width:1px; min-height:1px; border-radius:4px; behavior: url(PIE.htc); } /* BLOCKQUOTE STYLES -------------------------------------------------------------- */ .post-details blockquote { margin-left:18px; width:30%; margin-top:26px; } blockquote.float-right { width:30%; margin-left:26px; } blockquote.float-left { width:30%; margin-right:26px; } /* Banner -------------------------------------------------------------- */ .banner.shadow { border-radius:4px; margin:40px 0 52px !important; height:auto; behavior: url(PIE.htc); } .banner.shadow:after { content:""; width:100%; height:14px; position:absolute; bottom:-13px; z-index:-1; left:0; background-image:url(images/banner-shadow.png); background-repeat: no-repeat; background-position: center 103.4%; } .banner.shadow img { width:100%; } /* INTRO (WELCOME) -------------------------------------------------------------- */ .container .intro { padding:20px 0; text-transform:capitalize; } .page-heading.intro:after { display:none; } .container .intro div { float:left; padding:0 20px; width:95.7%; } .container .intro div h2, .container .intro div h6 { clear:none; } .container .intro div h2 { margin-top:12px; margin-bottom:13px; } .container .intro div h6 { margin-bottom:12px; } .container .intro div img { width:130px; float:left; margin-right:20px; border-radius:4px; border:2px solid #d1e496; behavior: url(PIE.htc); } .intro .button.medium { height:22px; } /* pagination -------------------------------------------------------------- */ .pagination { float:left; width:100%; margin:10px 0 30px 0; } .pagination a { font-family: 'Open Sans', sans-serif; font-size:15px; border-radius:4px; behavior: url(PIE.htc); } .pagination ul li { font-family: 'Open Sans', sans-serif; font-size:15px; margin-right:10px; text-transform:uppercase; display:inline-block; padding:10px 0px 10px 0px; } .pagination ul li.active-page { padding:9px 15px 10px 16px; border-radius:4px; behavior: url(PIE.htc); } .pagination ul li a { padding:10px 15px 10px 16px; border-radius:4px; behavior: url(PIE.htc); background-color:#eeeeee; border:1px solid #d7d7d7; } .pagination ul li a:hover, .pagination ul li.active-page, .pagination a .skip-page:hover { background-color:#ffffff !important; color:#5F5E5E; } .pagination ul li a:hover, .pagination ul li.active-page, .pagination a .skip-page:hover { border:1px solid; } /* Newsletter Signup -------------------------------------------------------------- */ #secondary .widget_newsletter { background:none; border:none; padding:0; } #secondary .widget_newsletter h2 { width:auto; float: none; margin-bottom: 40px; margin-right: 0; } #secondary .widget_newsletter:after { display:none; } #secondary .widget_newsletter:before { display:none; } #secondary .widget_newsletter form { width:100%; } #secondary .widget_newsletter form input { margin-bottom:10px; } #secondary .widget_newsletter form input[type="text"], #secondary .widget_newsletter form input[type="email"] { margin-right: 0; width: 88%; } #secondary .widget_newsletter form input[type="submit"] { margin-right:3px; } #secondary .categories h2 { margin-bottom:30px; } #secondary .tabs-framed li:last-child { border-bottom:none; } /* Date -------------------------------------------------------------- */ #secondary .post-date { float:left; font-family: 'Open Sans', sans-serif; border:1px solid #d7d7d7; border-radius:5px; margin-right:20px; position:relative; behavior: url(PIE.htc); } .post-date * { font-family: 'Open Sans', sans-serif; } .post-date span:after, .post-date span:before { border-radius: 4px 4px 4px 4px; width: 99.5%; z-index: 2; behavior: url(PIE.htc); background: none repeat scroll 0 0 #EBEBEB; border: 1px solid #D7D7D7; content: ""; height: 3px; position: absolute; width: 98.8%; z-index: 2; } .post-date span:after { bottom:-3px; border-radius: 0 0 4px 4px; border-top: medium none; left: 0;} .post-date span:before { bottom:-6px; border-radius: 4px 4px 4px 4px; left: 0; } .widget_recent_posts .post-details { float:left; width:70%; } .widget_recent_posts h5 { margin-bottom:15px; } .widget.widget_recent_posts h5 a { line-height:19px; } .post-date p { background:#eeeeee; font-size:25px; padding:3px 5px 3px; margin-left:0 !important; text-align:center; margin-bottom:0; border-radius:5px 5px 0 0; border-bottom: 1px solid #D7D7D7; behavior: url(PIE.htc); } .post-date span { float:left; background:#595959; color:#eeeeee; line-height:15px; font-size:15px; clear:both; text-align:center; padding:3px 5px 5px; width:50px; text-transform:uppercase; border-radius:0 0 5px 5px; border-bottom: 1px solid #D7D7D7; text-shadow:none; behavior: url(PIE.htc); } .widget_recent_posts article { float:left; margin-bottom:26px; width:100%; } .widget_recent_posts article:last-child, #secondary section:last-child { margin-bottom:0; } /* TEAM MEMBER -------------------------------------------------------------- */ .team-member { float:left; margin-bottom:30px; } .team-member .portfolio-thumb { margin-right:20px; } .team-member .portfolio-thumb img { width:210px; } .team-member ul { float:left; } .team-member .team-mem-details { text-shadow:1px 1px 0px rgba(255,255,255,.75); width:46.6%; display:block; } .one-half .team-member .team-mem-details { width:47.7%; } .team-member .team-mem-details h6 { margin-bottom:9px; font-size:17px; line-height:17px; } .team-member .team-mem-details h6 span { font-size:14px; } .team-member li { list-style:none; margin-bottom:16px; display:block; } .team-member .social-links { float:left; } .team-member .social-links li { margin-bottom:0; } .team-member .social-links li a { background-image:url(images/social-icons-tiny.png) ; background-color:#a2a2a2; border-radius:18px; behavior: url(PIE.htc); } .team-member .social-links .fb { width:10px; height:18px; padding:6px 10px; } .team-member .social-links .fb, .team-member .social-links .fb:hover { background-position: 10px center; } .team-member .social-links .twit { width:18px; height:18px; padding:6px 6px; } .team-member .social-links .twit, .team-member .social-links .twit:hover { background-position: -25px 5px; } .team-member .social-links .l-in { width:18px; height:18px; padding:6px; } .team-member .social-links .l-in, .team-member .social-links .l-in:hover { background-position: -60px; } .team-member .social-links .fb:hover { background-color:#355493; } .team-member .social-links .twit:hover { background-color:#57c8ed; } .team-member .social-links .l-in:hover { background-color:#0173b2; } /* Content Box ( bg) -------------------------------------------------------------- */ .content-box { float:left; background:#e8e8e8; border:1px solid #d7d7d7; box-shadow: 1px 1px 0px #ffffff; -moz-box-shadow: 1px 1px 0px #ffffff; -webkit-box-shadow: 1px 1px 0px #ffffff; -o-box-shadow: 1px 1px 0px #ffffff; padding:22px 22px 26px 22px; border-radius:5px; width:92.5%; behavior: url(PIE.htc); } .content-box h4 { text-shadow:1px 1px 0px rgba(255,255,255,.75); } .content-box p { font-style:italic; line-height:25px; } .widget_contact_details li h4 { float:left; margin-bottom:9px !important; } .widget_contact_details li p { margin-bottom:6px; font-style:normal; } .widget_contact_details li span { font-weight:bold; } /* Map -------------------------------------------------------------- */ #map { width:100%; margin-bottom:38px; } #map iframe { float:left; } #map.thumb img { width:930px; } /* Side Navigation -------------------------------------------------------------- */ .side-nav:before, .side-nav:after, .side-nav li:after, .side-nav li:before, .side-nav li:hover :after, .side-nav li:hover :before, .side-nav li.active :after, .side-nav li.active :before { content:""; position:absolute; } #secondary.side-nav { width:29.8%; background:url(images/side-nav-gradient.png) repeat-y 2px 0; background-size:100%; float:left; min-height:600px; position:relative; border-right:1px solid #d9d9d9; } .side-nav:before { top:-28px; left:0; background:url(images/side-nav-shad.png) no-repeat; width:100%; height:29px; background-size:100%; } .side-nav:after { bottom:-28px; left:0; background:url(images/side-nav-shad-btm.png) no-repeat; width:100%; height:29px; background-size:100%; } .side-nav { position:relative; } .side-nav li { float:left; clear:both; width:100%; position:relative; border-bottom:1px solid #d9d9d9; border-top:1px solid #ffffff; } .side-nav li:after { background-color:transparent; bottom:-2px; left:0; height:3px; width:100%; z-index:999; } .side-nav li:hover :after, .side-nav li.active :after { bottom:-2px; left:0; height:3px; width:100%; z-index:999; } .side-nav li:before { background-color: transparent; border-left: 0 solid transparent; border-right: 10px solid transparent; border-top: 8px solid transparent; bottom: -7px; height: 0; right:-10px; width: 0; z-index: 999; } .side-nav li:hover :before, .side-nav li.active :before { background-color: transparent; border-width:8px 10px 0 0; border-color:transparent; border-style:solid; bottom: -7px; height: 0; right: -10px; width: 0; z-index: 999; } .side-nav li a { float:left; font-size:16px; font-family: 'PT Sans', sans-serif; padding:19px 33px 19px 33px; font-weight:bold; width:214px; color:#5f5e5e; } .side-nav li a, #secondary .widget_categories ul li a { background-image: url(images/arrow-grid.png); background-repeat: no-repeat; background-position: 12px center; } #secondary .widget_categories ul li:first-child a { background-position:12px 2px; } .side-nav li a:hover, .side-nav li.active a { width:80%; border:none; background-image:url(images/arrow-grid-hover.png); background-repeat: no-repeat; background-position:12px center; } .side-nav li a, .side-nav li a:hover, .side-nav li.active a { transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -webkit-transition: all 100ms ease-in-out; -o-transition: all 100ms linear; } .side-nav li:first-child { border-top:none; } .side-nav li:last-child { border-bottom:none; } .side-nav li:hover :after, .side-nav li.active :after { background-color:#5a5a5a; } .side-nav li:hover :before, .side-nav li.active :before { border-top-color:#565656; } /* Error - 404 -------------------------------------------------------------- */ .error-404 { float:left; width:100%; margin-top:135px; } .error-404 h2 span { font-size:60px; margin-bottom:4px; text-transform:uppercase; } .error-404 p { margin-bottom:30px; margin-top:14px; } .search-frm { width:435px; margin-left:auto; margin-right:auto; margin-top:35px; border-radius:5px; behavior: url(PIE.htc); } .search-frm input[type="text"] { width:66.1%; } .search-frm input.theme-btn.medium[type="submit"] { margin-left:10px; } /*.feature-images, .feature-images img { width:100%; }*/ .feature-images > img { display: block; margin-left: auto; margin-right: auto; text-align: center; } /* PAGE FOOTER -------------------------------------------------------------- */ footer { background: url(images/footer-bg.jpg) repeat; width:100%; float:left; border-top:4px solid #303030; padding:40px 0 0 0; position:relative; } footer * { text-shadow:1px 1px 0 rgba(48, 48, 48, 0.75); } footer div, footer li, footer p, footer a { font:inherit; font-size:13px; color:#aaaaaa; font-family: "Helvetica Neue", Arial, sans-serif;} footer a { color:#D7D7D7; } footer ul.footer-links li a { color: #7B7B7B; font-size:12px; text-shadow:1px 1px 0px #181818; } footer:after { content:""; width:100%; height:99px; position:absolute; left:0; top:0; background: url(images/footer-overlay-top.png) no-repeat; border-top:1px solid #464646; } footer:before { content:""; background:url(images/footer-overlay-bottom.png) no-repeat; width:955px; height:99px; position:absolute; bottom:70px; right:0; } footer .container { position:relative; z-index:999; } footer i { color:#616161; font-family:FontAwesome !important; } /* contact details -------------------------------------------------------------- */ footer .widget-title { color:#b1b1b1; font-family: 'dosis', sans-serif; margin-bottom:25px; } .widget_contact_details ul { margin-top:6px; float:left; } .widget_contact_details p { float:left; margin-top:13px; margin-bottom:0; } .widget_contact_details ul li { float:left; clear:both; margin-bottom:18px; width:100%; } .widget_contact_details ul li:nth-child(2) { line-height:40px; } .widget_contact_details ul i { float: left; margin-right: 10px; width:20px; } .widget_contact_details ul .icon-map-marker { margin-top: 10px; min-height:37px; } /* Flickr Thumbs -------------------------------------------------------------- */ .widget_flickr ul li { float:left; border:3px solid #676767; margin:5px 10px 5px 0; } .widget_flickr ul li img { float:left; height:54px; width:54px; } /* Footer Links -------------------------------------------------------------- */ .widget_footer_links ul li { padding:6px 0; border-bottom:1px solid #464646; } /* TweetBox -------------------------------------------------------------- */ .widget_tweetbox ul li { float:left; margin-bottom:17px; } .widget_tweetbox ul li a { margin-right:5px; } .widget_tweetbox ul li i { margin-top:4px; } .widget_tweetbox ul li div { width:87%; float:left; } .tweet_list li:before { content:"\f099"; font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit; } .widget_tweetbox .tweet_time { float:left; width:100%; } /* Footer Bottom -------------------------------------------------------------- */ .footer-info { background:url(images/footer-info.jpg) repeat; float:left; margin-top:10px; width:100%; padding:20px 0 18px; border-top:1px solid #464646; } /* footer navigation -------------------------------------------------------------- */ .footer-links li { float:left; margin:4px 7px 0 0; } .footer-links li a { background:url(images/footer-nav-sep.png) no-repeat right center; padding-right:11px; text-transform:uppercase; } .footer-links li:last-child a { background:none; } /* Social Links -------------------------------------------------------------- */ .social-links { float:right; } .social-links li { float:left; margin-right:10px; } .widget_footer_links ul li:first-child { padding-top:0; } .social-links li a { float: left; width: 30px; height: 31px; /* [disabled]background: url(images/social-icons1.png) no-repeat; */ } .social-links li .fb { background-position:left bottom; } .social-links li .twit { background-position: -40px bottom; } .social-links li .gp { background-position: -80px bottom; } .social-links li .youtube { background-position: right bottom; } .social-links li .fb:hover { background-position: top left; } .social-links li .twit:hover { background-position: -40px top; } .social-links li .gp:hover { background-position: -80px top; } .social-links li .youtube:hover { background-position: top right; } .widget_contact_details ul, .widget_flickr ul, .widget_footer_links ul, .widget_tweetbox ul, .footer-links, .social-links { padding-left:0; list-style:none; } /* Styled Elements -------------------------------------------------------------- */ .styled-elements a.button { margin-right:20px; margin-bottom:20px; display:inline-block; } .border-bottom { border-radius:5px; float: left; position: relative; } .portfolio-thumb img, .post-thumb img { width:100%; float:left; } .portfolio-thumb .thick-border, .post-thumb .thick-border, .thumb.thick-border, .portfolio-slider li, .thick-border { background-color:#e7e7e7; border: 5px solid #e7e7e7; border-radius: 5px 5px 0px 0px; float: left; position: relative; behavior: url(PIE.htc); z-index:5; } .blog-post .thick-border, #map .thick-border { border-radius:5px; } .thick-border > img, .thick-border.alignright { margin:0;} .post-desc .thick-border.alignright { margin-left:20px; margin-bottom:20px; } .thumb.thick-border > img, .thumb.thick-border, .thumb { float: left; } .rounded-corner, .thick-border > img, .portfolio-slider li img, .blog-post .post-thumb img, .comment-author img, .intro-2 img, .post-author-details img, .image-overlay { border-radius:5px 5px 0px 0px; } .related-works .thick-border, .related-works .thick-border > img { border-radius:5px 5px 0px 0px; } #primary.content-full-width #map .thick-border { background-color:transparent; width: 99%; } #primary #map .thick-border, .with-left-sidebar #map .thick-border { width:98.5%; } /* LIsts -------------------------------------------------------------- */ ul.fancy-list { list-style-type:none; list-style-position:outside; } ul.fancy-list li { display:block; position:relative; padding-left:0px; line-height:normal; } ul.fancy-list li ul { padding-left:0px; } ul.fancy-list.arrow li { padding-left:15px; } ul.fancy-list li:before { font-family:FontAwesome; font-style:normal; color:#333334; font-weight:normal; text-decoration:inherit; font-size:14px; position:absolute; top:1px; left:0px; } ul.fancy-list.arrow li:before { content:"\f105"; } ul.fancy-list.rounded-arrow li:before { content:"\f0a9"; } ul.fancy-list.double-arrow li:before { content:"\f101"; } ul.fancy-list.heart li:before { content:"\f004"; font-size:12px; } ul.fancy-list.trash li:before { content:"\f014"; } ul.fancy-list.star li:before { content:"\f005"; } ul.fancy-list.tick li:before { content:"\f00c"; } ul.fancy-list.rounded-tick li:before { content:"\f058"; } ul.fancy-list.cross li:before { content:"\f00d"; } ul.fancy-list.rounded-cross li:before { content:"\f057"; } ul.fancy-list.rounded-question li:before { content:"\f059"; } ul.fancy-list.rounded-info li:before { content:"\f05a"; } ul.fancy-list.delete li:before { content:"\f05e"; } ul.fancy-list.warning li:before { content:"\f071"; } ul.fancy-list.comment li:before { content:"\f075"; } ul.fancy-list.edit li:before { content:"\f044"; } ul.fancy-list.share li:before { content:"\f064"; } ul.fancy-list.plus li:before { content:"\f067"; } ul.fancy-list.rounded-plus li:before { content:"\f055"; } ul.fancy-list.minus li:before { content:"\f068"; } ul.fancy-list.rounded-minus li:before { content:"\f056"; } ul.fancy-list.asterisk li:before { content:"\f069"; } ul.fancy-list.cart li:before { content:"\f07a"; } ul.fancy-list.folder li:before { content:"\f07b"; } ul.fancy-list.folder-open li:before { content:"\f07c"; } ul.fancy-list.desktop li:before { content:"\f108"; } ul.fancy-list.tablet li:before { content:"\f10a"; } ul.fancy-list.mobile li:before { content:"\f10b"; } ul.fancy-list.reply li:before { content:"\f112"; } ul.fancy-list.quote li:before { content:"\f10d"; } ul.fancy-list.mail li:before { content:"\f0e0"; } ul.fancy-list.external-link li:before { content:"\f08e"; } ul.fancy-list.adjust li:before { content:"\f042"; } ul.fancy-list.pencil li:before { content:"\f040"; } ul.fancy-list.print li:before { content:"\f02f"; } ul.fancy-list.tag li:before { content:"\f02b"; } ul.fancy-list.thumbs-up li:before { content:"\f088"; } ul.fancy-list.thumbs-down li:before { content:"\f087"; } ul.fancy-list.time li:before { content:"\f017"; } ul.fancy-list.globe li:before { content:"\f0ac"; } ul.fancy-list.pushpin li:before { content:"\f08d"; } ul.fancy-list.map-marker li:before { content:"\f041"; } ul.fancy-list.link li:before { content:"\f0c1"; } ul.fancy-list.paper-clip li:before { content:"\f0c6"; } ul.fancy-list.download li:before { content:"\f019"; } ul.fancy-list.key li:before { content:"\f084"; } ul.fancy-list.search li:before { content:"\f002"; } ul.fancy-list.rss li:before { content:"\f09e"; } ul.fancy-list.twitter li:before { content:"\f099"; } ul.fancy-list.facebook li:before { content:"\f09a"; } ul.fancy-list.linkedin li:before { content:"\f0e1"; } ul.fancy-list.google-plus li:before { content:"\f0d5"; } ul.fancy-list.check li:before { content:"\f046"; } ul.fancy-list.hand li:before { content:"\f0a4"; } ul.fancy-list.cog li:before { content:"\f013"; } ul.fancy-list.play li:before { content:"\f01d"; } ol.fancy-list li span { color:#333334; } ol.decimal { list-style:decimal inside; } ol.decimal-leading-zero { list-style:decimal-leading-zero inside; } ol.lower-alpha { list-style:lower-alpha inside; } ol.lower-roman { list-style:lower-roman inside; } ol.upper-alpha { list-style:upper-alpha inside; } ol.upper-roman { list-style:upper-roman inside; } ol.fancy-list.blue li { color:#2b6375; } ol.fancy-list.yellow li { color:#ffc956; } ol.fancy-list.pink li { color:#c34258; } ol.fancy-list.green li { color:#61a760; } ol.fancy-list.violet li { color:#343b67; } ol.fancy-list.mustard li { color:#a38036; } ol.fancy-list.turquoise li { color:#42c2a2; } ol.fancy-list.olive-green li { color:#C9C94F; } ol.fancy-list.orange li { color:#FB7A1A; } ol.fancy-list.purple li { color:#BC3099; } ol.fancy-list.red li { color:#D11B1B; } ol.fancy-list.deepblue li { color:#092334; } ol.fancy-list.teal li { color:#008899; } ol.fancy-list.mauve li { color:#625B56; } ol.fancy-list.steelblue li { color:#788794; } ol.fancy-list.coffee li { color:#372E25; } ol.fancy-list.coral li { color:#FF7F50; } ol.fancy-list.crimson li { color:#DC143C; } ol.fancy-list.hotpink li { color:#FF69B4; } ol.fancy-list.aqua li { color:#00DDDD; } .fancy-list li [class^="icon-"] { padding-right: 10px; } ul.fancy-list.grey li i, .grey.fancy-list li [class^="icon-"], ol.grey.fancy-list li { color:#585858; } ul.fancy-list.light-grey li i, .light-grey.fancy-list li [class^="icon-"], ol.light-grey.fancy-list li { color:#bebebe; } ul.fancy-list.light-blue li i, .light-blue.fancy-list li [class^="icon-"], ol.light-blue.fancy-list li { color:#3d9ed6; } ul.black.fancy-list li i, .black.fancy-list li [class^="icon-"], ol.black.fancy-list li { color:#000; } ul.fancy-list.yellow li i, .yellow.fancy-list li [class^="icon-"], ol.yellow.fancy-list li { color:#e8be11; } ul.fancy-list.blue li i, .blue.fancy-list li [class^="icon-"], ol.blue.fancy-list li { color:#156ca0; } ul.fancy-list.gold li i, .gold.fancy-list li [class^="icon-"], ol.gold.fancy-list li { color: #a16215; } ul.fancy-list.green li i, .green.fancy-list li [class^="icon-"], ol.green.fancy-list li { color:#74a115; } ul.fancy-list.olive-green li i, .olive-green.fancy-list li [class^="icon-"], ol.olive-green.fancy-list li { color:#a1a115; } ul.fancy-list.orange li i, .orange.fancy-list li [class^="icon-"], ol.orange.fancy-list li { color:#a13815; } ul.fancy-list.purple li i, .purple.fancy-list li [class^="icon-"], ol.purple.fancy-list li { color:#a1157e; } ul.fancy-list.red li i, .red.fancy-list li [class^="icon-"], ol.red.fancy-list li { color:#d24e4e; } ul.fancy-list.violet li i, .violet.fancy-list li [class^="icon-"], ol.violet.fancy-list li { color: #5d15a1; } ul.fancy-list.turquoiseblue li i, .turquoiseblue.fancy-list li [class^="icon-"], ol.turquoiseblue.fancy-list li { color: #15a17b; } ul.fancy-list.deepblue li i, .deepblue.fancy-list li [class^="icon-"], ol.deepblue.fancy-list li { color:#092334; } ul.fancy-list.teal li i, .teal.fancy-list li [class^="icon-"], ol.teal.fancy-list li { color:#008899; } ul.fancy-list.mauve li i, .mauve.fancy-list li [class^="icon-"], ol.mauve.fancy-list li { color:#625b56; } ul.fancy-list.pearl li i, .pearl.fancy-list li [class^="icon-"], ol.pearl.fancy-list li { color:#ab998f; } ul.fancy-list.steel-blue li i, .steel-blue.fancy-list li [class^="icon-"], ol.steel-blue.fancy-list li { color:#788794; } ul.fancy-list.coffee li i, .coffee.fancy-list li [class^="icon-"], ol.coffee.fancy-list li { color:#372e25; } ul.fancy-list.coral li i, .coral.fancy-list li [class^="icon-"], ol.coral.fancy-list li { color:#ff7f50; } ul.fancy-list.crimson li i, .crimson.fancy-list li [class^="icon-"], ol.crimson.fancy-list li { color: #dc143c; } ul.fancy-list.hot-pink li i, .hot-pink.fancy-list li [class^="icon-"], ol.hot-pink.fancy-list li { color:#ff69b4; } ul.fancy-list.indianred li i, .indianred.fancy-list li [class^="icon-"], ol.indianred.fancy-list li { color:#cd5c5c; } ul.fancy-list.aqua li i, .aqua.fancy-list li [class^="icon-"], ol.aqua.fancy-list li { color:#10dddd; } section.widget.widget_footer_links li:nth-child(11) { display: none; } /* Alert Boxes -------------------------------------------------------------- */ .error-box, .warning-box, .success-box, .info-box { margin-bottom:20px; padding:15px 15px 15px 39px; clear:both; border-radius :5px; } .error-box a, .warning-box a, .success-box a, .info-box a { text-decoration:underline; } .error-box { background:#ffcccc; border:1px solid #ff9999; color:#d01313; position:relative; } .error-box:before, .warning-box:before, .success-box:before, .info-box:before { top:13px; left:10px; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:25px; position:absolute; } .error-box:before { content:"\f057"; color:#C54228; } .warning-box { background:#fdebae; border:1px solid #e6c555; color:#c79d13; position:relative; } .warning-box:before { content:"\f06a"; color:#e2b828; } .success-box { background:#c0df89; border:1px solid #a0ce4e; color:#466c00; position:relative; text-shadow:1px 1px 0px #e3f1cb; } .success-box:before { content:"\f058"; color:#75b632; } .info-box { background:#bfe4f9; border:1px solid #68a2cf; color:#2081b9; position:relative; } .info-box:before { content:"\f05a"; color:#008bc1; } .error-box a { color:#d01313; } .warning-box a { color:#c79d13; } .success-box a { color:#7ba411; } .info-box a { color:#2081b9; } /* Style Picker -------------------------------------------------------------- */ .empire-style-picker-wrapper { position:fixed; z-index:99999; left:0px; top:150px; } #empire-style-picker { background:#ffffff; width:225px; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding:0px 0px 10px; text-align:center; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); } #empire-style-picker h2 { background:url(images/style-picker/title-bg.jpg) repeat-x; font:normal 12px Tahoma, Geneva, sans-serif; text-transform:uppercase; line-height:48px; width:100%; color:#848484; margin:0px 0px 15px; padding:0px; } #empire-style-picker h3 { font:normal 12px Tahoma, Geneva, sans-serif; padding:0px 0px 10px; width:100%; color:#848484; margin:0px; text-transform:uppercase; } #empire-style-picker ul { float:left; margin:0px; padding:0px; text-align:center; width:225px; } #empire-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:0px; margin:0px 0px 6px 0px; } #empire-style-picker ul li a { background:#ffffff; border:1px solid #ffffff; padding:2px; display:inline-block; margin:0px; line-height:0; } #empire-style-picker ul li a.selected, #empire-style-picker ul li a:hover { border:1px solid #d7d7d7; } #empire-style-picker ul li a img { border:1px solid #d7d7d7; } #empire-style-picker .hr { background:url(images/style-picker/seperator.png) no-repeat; width:100%; height:25px; margin:-10px 0px 10px; float:left; } .style-picker-ico { position:absolute; top:25px; left:225px; } .col-cm{width:100%;display:inline-block; text-align:center; margin:0 0 20px} .widget_newsletter .col-cm h2.center{float:none } @media(min-width:100px) and (max-width:767px){ table.mobile-table{width:100% !important;display:inline-block;} table.mobile-table tr td{width:100% !important; display:inline-block} table.mobile-table tr td a img{width:100%} } /**************************************************************** NEW PAGES CSS *****************************************************************/ /*** font-family: 'Didact Gothic', sans-serif; font-family: 'Reem Kufi', sans-serif; ***/ body, h1, h2, h3, h4, h5, h6{font-family: 'Reem Kufi', sans-serif;}img{max-width:100%} ul{list-style:none;margin: 0;padding: 0;} a:hover{text-decoration:none} .p-0{padding:0 !important} .screen-mode{max-width:950px; width:100%; margin:0 auto} /* Added 2020-02-03 for model-showcases.php */ .pink-bg-showcase { background: #c7098d; padding: 26px; border-radius: 13px; margin: 10px 0; } .pink-bg-showcase h4{ font-weight: bold; font-size: 26px; color: #fff; margin: 30px 0 6px; } .pink-bg-showcase p{ color: #fff; font-size: 17px; } .pink-bg-showcase p small{ clear: both; display: block; font-size: 16px; margin: 6px 0 0 20px; } .pink-bg-showcase p span{ margin: 0 0 0 28px; } .pink-bg-showcase ul li img{ /* height: 55px; */ } .pink-bg-showcase ul li{ display: block; width: auto; margin: 6px 4px; } .pink-bg-showcase ul{ margin: 16px 0; } .pink-bg-showcase ul li.w-50{ width: 50%; margin: 0; float: left;} .bordered-box-v { border: 10px solid; border-image: url(images/SlideFrame-v.png) 10; } .bordered-box-h { border: 10px solid; border-image: url(images/SlideFrame-h.png) 10; } .header-pink {background:url(images/header-pink.jpg)} .rotateimg-5 { -webkit-transform:rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } .rotateimg-10 { -webkit-transform:rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } .rotateimg10 { -webkit-transform:rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); } .rotateimg5 { -webkit-transform:rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } .header .ageleft{ font-size: 30px; text-align: left; padding: 16px 30px 0 0; color: #fff; margin-left:20px; } .header .ageleft2{ font-size: 30px; text-align: right; padding: 16px 30px 0 0; color: #fff; margin-left:20px; } .header .ageleft3{ font-size: 30px; text-align: left; padding: 0 30px 16px 0; color: #fff; margin-left:20px; } .orange-box { background:#ff7d24; border-bottom-left-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-top-right-radius: 15px; margin-left: 10px; margin-top: 30px; margin-right: 20px; margin-bottom: 30px; text-align: left; font-size: 1em; font-weight: normal; padding: 0px; color: white; height: 279px; width: 90%; line-height: 2em; } .green-name-strip { background:#78c759; border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; margin-left: -15px; margin-top: -30px; margin-right: 10px; margin-bottom: 10px; text-align: center; font-weight: normal; padding: 0px; height: 30px; width: 120px; color: white; } .blue-signed-by-strip { background:#00b9f2; border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; color: yellow; } .sessionbg-pink {background: url(images/Cover-with-Stars-Pink_900x446.jpg);display: inline-block;width:100%;height:321.3px;padding: 15px;} /* --------------- */ .header { /*background:url(images/header.jpg)*/ background-color: #000000; } .headerwelcomepg { background-color: #000000; } .header .age{ font-size: 30px; text-align: right; padding: 16px 30px 0 0; color: #fff; } .header .modeling{ font-size: 110px; margin: 0 22px; color: #fff; font-weight: 600; line-height: 110px; font-family: 'Poppins', sans-serif; } /* Kids NYC Page 2-20-25 */ #unique-modeling-container .modeling { white-space: nowrap; display: inline-block; font-size: 85px; /* Reduce font size by 25% */ } .header .dallas{ font-size: 80px; color: #fff; line-height: 73px; margin: 0px 64px 0; padding: 0 0 15px 0; font-family: 'Poppins', sans-serif; letter-spacing: 1px; } #camp-hour{background: url(images/bg2.png);display: inline-block;width: 100%;} #camp-hour { display: flex; align-items: center; } #camp-hour .sessionbg{background: url(images/bg3.jpg);display: inline-block;width: 100%;padding: 15px;} #camp-hour .sessionbg ul li span{ float: right; } #camp-hour .sessionbg ul li{ font-size: 15px; color: #fff; border-bottom: 2px dotted #fff; } #camp-hour .sessionbg ul{} #camp-hour .sessionbg h3{ margin: 10px 0 5px; font-size: 20px; font-weight: bold; color: #fff; } #camp-hour .session{ background: #c7098d; border-radius: 21px; margin: 20px auto; text-align: center; font-size: 25px; font-weight: bold; padding: 15px 10px; color: #fff; } #camp-hour .session small{} #camp-hour .session h4{ margin: 0; } #camp-hour .sessionfee h3{ font-size: 27px; font-weight: bold; color: #fff; margin: 0; display: inline-block; } #camp-hour ul.session-ul li span{ background: #fff; color: #000; font-size: 11px; width: 100%; display: inline-block; text-align: center; float: left; } #camp-hour ul.session-ul li img{display: inline-block;} #camp-hour ul.session-ul li{ width: 41%; float: left; margin: 5px 5px 0 5px; } #camp-hour ul.session-ul{ margin: 0 21px; } #camp-hour ul li{ color: #fff; margin: 0 4px; font-size: 22px; } #camp-hour .sessionfee ul{ margin: 10px 0 0 25px; font-size: 17px; list-style: disc; } #photoshot-bar{ padding: 30px; } .bluebar{ border: 2px solid #1da9e7; border-radius: 18px; margin: 20px 0 0; } .bluebar h4{ text-align: center; font-size: 30px; background: #1da9e7; color: #fff; margin: 0; border-radius: 15px; padding: 9px 0; font-weight: bold; } .bluebar span{ font-weight: bold; font-style: italic; } .bluebar i{ font-size: 17px; } .bluebar p{ padding: 10px 8px 0; font-size: 17px; } .orangebar{ border: 2px solid #f57315; border-radius: 18px; margin: 10px 0; } .orangebar h4{ text-align: center; font-size: 30px; background: #f57315; color: #fff; margin: 0; border-radius: 11px; padding: 3px 0; } .orangebar span{ font-weight: bold; } .orangebar i{} .orangebar p{ padding: 5px 15px 0; font-family: Times New Roman; font-weight: 500; } .ro0{ position: absolute; right: 0; width: 345px; margin: 15px 0 0; } .col-bar p, .col-bar2 p{ color: #c7098d; font-size: 18px; } .margin-40{margin:26px 0 0 0} .col-bar{ margin: 20px 0 0; padding: 0 15px; } .col-bars1 h4{ margin: 15px 0 1px; font-size: 18px; color: #ce439e; display: inline-block; } .col-bars1 p{ font-size: 15px; margin: 0; } .col-bar2{ padding: 15px 0; margin: 10px 0 0; } .online-camp .pso > div { background: #FFCC00; } .img-block.arrow { display: inline-block; width: 100%; height: 85px; } .arrows { width: 60px; transform: scale(.8); height: 78px; position: absolute; left: 50%; margin-left: -30px; bottom: 20px; } .arrows path { stroke: #c7098d; fill: transparent; stroke-width: 5px; animation: arrow 2s infinite; -webkit-animation: arrow 2s infinite; } @keyframes arrow { 0% {opacity:0} 40% {opacity:1} 80% {opacity:0} 100% {opacity:0} } @-webkit-keyframes arrow /*Safari and Chrome*/ { 0% {opacity:0} 40% {opacity:1} 80% {opacity:0} 100% {opacity:0} } .arrows path.a1 { animation-delay:-1s; -webkit-animation-delay:-1s; /* Safari 和 Chrome */ } .arrows path.a2 { animation-delay:-0.5s; -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */ } .arrows path.a3 { animation-delay:0s; -webkit-animation-delay:0s; /* Safari 和 Chrome */ } .border-br{border-left: 2px dotted #c7098d;padding: 0 15px;} .msg{ background: #fffdcc; border-radius: 10px; color: #448419; font-weight: bold; padding: 10px; font-style: italic; margin: 20px 0; font-size: 14px; } .msg span{ clear: both; display: block; font-size: 14px; color: #001684; margin: 4px 0 0; font-style: normal; } .msg-text{ color: #77c949; font-size: 14px; font-weight: bold; font-style: italic; padding: 0 15px; } .register-click{color: #2dabe8; font-weight: bold; float: right; font-size: 17px;} .magazine{ background: #9c3f97; border-radius: 10px; font-weight: bold; padding: 10px; margin: 30px 0 25px; } .magazine span{ font-weight: normal; font-size: 12px; color: #fff; } .magazine small{ font-size: 17px; color: #fff; } .magazine h4{ font-size: 37px; color: #89d058; font-weight: bold; font-style: italic; margin: 0; } .margin-top{ margin: 110px 0 0; } .col-bars1 img{ float: left; margin: 0 10px 0 0; } .clickhere img{} .clickhere { background: #1da9e7; font-size: 25px !important; font-weight: bold; margin: 8px 0 17px; display: inline-block; color: #fff; padding: 28px 56px; border-radius: 11px; } .clickhere .clickhere{} .msg-text small{clear:both;display:block;font-style: normal;margin: 0 0 0 10px;} .photoshot{background:url(images/bg.jpg);border-radius: 10px;padding: 33px 34px;display: inline-block;} .photoshot-white-bar{ display: inline-block; border-radius: 10px; background: #fff; } .col-full{width:100%; display:inline-block} .photoshot-white-bar h2{ padding: 25px 20px; margin: 0; color: #c7098d; text-transform: uppercase; font-weight: bold; font-size: 42px; } .photoshot-white-bar .col-full p{ font-weight: bold; font-size: 17px; } .photoshot-white-bar .col-full h3{ margin: 0; font-weight: bold; color: #c7098d; font-size: 19px; margin-bottom: 10px; } .databar{ text-align: center; font-weight: bold; margin: 12px 0 11px; font-size: 19px; } .databar span{display: inline-block;width: 100%;color: #c7098d;} .databar a{color: #000;} .msg-text{ margin: 10px 0; } .images-msd{} #images-msd img{ float: left; } #images-msd .ro1{transform: rotate(-6deg);margin: 30px 0 0;} #images-msd .ro2{transform: rotate(6deg);margin: 30px 0;} #images-msd .ro3{transform: rotate(-6deg);width: 39%;} #logo-bar{background:#c7098d;padding:0 0 0 6%;display: inline-block;width: 100%;} #careers{ position: relative;} .careers{ width: 390px; position: absolute; top: 0; left: 23%; margin: 71px 0; text-align: center; right: 0; } .careers p{ font-size: 18px; } .careers h4{ font-size: 45px; margin: 0; } .careers h5{ font-size: 60px; color: #c7098d; font-weight: bold; margin: 0; } #Modelsection{background:#231f20;padding: 15px 0;} #Modelsection .row{margin:0 -8px 0 -8px} #Modelsection .col-sm-3{padding:0 8px;margin: 15px 0;} #Modelsection .camp-member{text-align:center;margin: 0;} #Modelsection .camp-member img{} #Modelsection .camp-member span{ color: #fff; font-size: 15px; } #Modelsection .camp-member h4{ color: #fff; font-size: 16px; font-weight: bold; margin: 6px 0; } #Modelsection .camp-member h2{ margin: 15px 0 6px; color: #fff; font-size: 17px; font-weight: bold; } #Modelsection .camp-member h3{ margin: 0 0 4px; font-size: 16px; color: #fff; font-weight: bold; } #Modelsection .updates{ display: inline-block; background: #231f20; border-top: 3px dotted #ccc; text-align: center; color: #fff; width: 100%; } #Modelsection .updates h6 strong{} #Modelsection .updates h6{ font-size: 15px; } .ft{margin: 10px 0 0; display: inline-block; background: url(images/footer.jpg) no-repeat; width: 100%;} .video-bar .videobg{width:100%} .video-bar{width:100%;padding: 15px;position: relative;clear: both;display: block;} .video-bar .videobar{width: 570px;position: absolute;left: 33px;bottom: 15px;} .orangebg h3{ color: #fee902; font-weight: bold; font-size: 20px; text-align: center; line-height: 28px; margin: 0 0 2px; } .orangebg img{} .orangebg p{ color: #fff; font-size: 15px; margin: 15px 0; font-family: Times New Roman; } .orangebg{ background: url(images/cover.png); border-radius: 11px; padding: 10px 15px; } .orangebg2 h3{ color: #000; font-weight: bold; font-size: 20px; text-align: center; line-height: 28px; margin: 0; } .orangebg2 h2{ color: #000; font-weight: bold; font-size: 28px; text-align: center; line-height: 28px; margin: 0; text-transform: uppercase; border-bottom: 1px solid #fee902; padding: 3px 0 6px; } .orangebg2 img{} .orangebg2 p{ color: #000; font-size: 14px; margin: 15px 0; } .orangebg2{ background: #fee902; border-radius: 11px; padding: 10px 15px; } .pink-bg{ background: url(images/pinkbg.png); padding: 26px; border-radius: 13px; margin: 10px 0; } .pnkimg img{} .pink-color{ background: #c7098d; padding: 15px; } .pnkimg{} .pink-bg h4{ font-weight: bold; font-size: 26px; color: #fff; margin: 30px 0 6px; } .pink-bg p{ color: #fff; font-size: 17px; } .pink-bg p small{ clear: both; display: block; font-size: 16px; margin: 6px 0 0 20px; } .pink-bg p span{ margin: 0 0 0 28px; } .pink-bg ul li img{ /* height: 55px; */ } .pink-bg ul li{ display: inline-block; width: auto; margin: 6px 4px; } .pink-bg ul{ margin: 16px 0; } .blackcoor{ background: #fff; display: inline-block; padding: 15px; } .blackcoor span{ font-weight: bold; } .blackbg { background: url(images/black.png); background-size: 100%; padding: 13px; margin: 26px 0 0; } .blackcoor p{ margin: 0; font-family: Times New Roman; font-weight: 500; } .blackcoor h4{ color: #c7098d; font-weight: bold; font-size: 16px; } .for-more{color:#c7098d;font-size:16px;margin: 10px 0;display: inline-block;} .col-bars12{} .col-bars12 p {} .col-bars12 img { float: right; width: 97px; } .col-bars12 h4{ color: #c7098d; font-size: 20px; font-weight: bold; } .blue-bg{ background: #1da9e7; border-radius: 19px; padding: 20px 15px; } .blue-bg img{} .blue-bg p{ color: #fff; font-family: 'dosis', sans-serif; } .blue-bg h5{ color: #fff; } .blue-bg h3{ color: #fff; margin: 0 0 0; } .col-sm-right{float:right} .orange-bgs{background:#f57315;color:#fff;font-size:16px;padding:16px;border-radius:20px;margin:10px 0 30px;font-family: 'dosis', sans-serif;} .col-bar2 .border-br p{font-size: 17px;} .bar-top{padding:15px} .clickhere2{ color: #c7098d; font-size: 16px; padding: 6px 22px; font-weight: bold; display: inline-block; } .col-bars1{padding: 15px 15px 0;} .ro34{ margin: -38px 0 0 -16px; } .borderyi-br{ border-right: 2px dotted #c7098d; padding: 0 15px;} @media(min-width:240px) and (max-width:767px){ .screen-mode{padding:0 15px} .screen-mode img{width:100%} .screen-mode .blue-bg img{width:auto} .screen-mode .col-bars12 img{width:100px} .video-bar .videobar{width: 100%; position: relative; left: 0;} .border-br{border:0;padding: 0;} .borderyi-br{border:0 } .video-bar .videobg{display:none} .photoshot-white-bar h2{font-size:19px} .careers {position:relative; left:0; width: auto;} #photoshot-bar{padding:0} #careers img{display:none} .careers h5{font-size:40px} .careers h4{font-size:36px} .ro0{position:relative; } .header .dallas{line-height:normal;font-size: 30px;} .header .modeling{line-height:normal;font-size: 37px;} #camp-hour .session{margin:15px 0} .ro34, .row, #Modelsection .row{margin:0} #images-msd .ro3, #images-msd .ro1 , #images-msd .ro2 { transform: none; width: 100%; } } @media(min-width:768px) and (max-width:949px){ .pink-bg-full{width:100%} .pink-bg-half{width:50%} .screen-mode { max-width: 768px; width: 100%; margin: 0 auto; } .video-bar .videobar{width: 100%; position: relative; left: 0;} .border-br{border:0;padding: 0;} .borderyi-br{border:0 } .video-bar .videobg{display:none} .photoshot-white-bar h2{font-size:19px} .careers {position:relative; left:0; width: auto;} #photoshot-bar{padding:0} #careers img{display:none} .careers h5{font-size:40px} .careers h4{font-size:36px} .ro0{width:300px } .header .dallas{line-height:normal;font-size: 53px;} .header .modeling{line-height:normal;font-size: 80px;} #camp-hour .session{margin:15px 0} .ro34, .row, #Modelsection .row{margin:0} #images-msd .ro3, #images-msd .ro1 , #images-msd .ro2 { transform: none; width: 100%; } #camp-hour ul li{font-size:18px} } header { border-top-color: #E67FB9; } .container { max-width: 940px;padding:0; margin: 0 auto !important; } header { background:#dedcdc; float:left; width:100%; border-bottom-color:#c6c6c6; position:relative; } header:after { content:""; background:url(images/header-overlay.png) no-repeat; width:100%; height:68px; position:absolute; top:0px; left:0; } header.gradient { background: #dedcdc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedcdc), color-stop(100%, #f4f3f3)); background: -webkit-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: -o-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: -ms-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: linear-gradient(to bottom, #dedcdc 0%, #f4f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedcdc', endColorstr='#f4f3f3', GradientType=0 ); } header .container { position:relative; z-index:999; } .pp_description { text-shadow:none; } /* logo style -------------------------------------------------------------- */ #logo { float:left; margin-top:16px; margin-bottom:0; } /* Page Navigation Style -------------------------------------------------------------- */ #page-nav { float:right; background: #000; position: relative;} @media (min-width: 701px){ #wrapper{ overflow: hidden; } body{ overflow-x:hidden } #page-nav:after { content: ''; position: absolute; width: 300%; height: 100%; right: 100%; background: black; } #page-nav:before { content: ''; position: absolute; width: 300%; height: 100%; left: 100%; background: #000; } } #page-nav ul li { float:left; position:relative; font-family: Helvetica Neue, Arial, sans-serif; } #page-nav ul li a {color:#fff;float:left;padding:23px 16px;text-transform:uppercase;font-family: Helvetica Neue, Arial, sans-serif; font-weight: bold;} #page-nav ul li a.active, #page-nav ul li a:hover, #page-nav ul li:hover a, #page-nav ul li ul.sub-menu a:hover, #page-nav ul li ul.sub-menu li:hover a, #page-nav ul li ul.sub-menu ul.sub-menu li:hover a { color:#ffffff; } #page-nav ul li a:hover, .portfolio-container li { transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; } #page-nav ul li:hover ul.sub-menu { display:block; } /* SUB MENU -------------------------------------------------------------- */ #page-nav ul li ul.sub-menu { display:none; position:absolute; top:66px; width:265px; } #page-nav ul li ul.sub-menu li { background-color:#f1f0f0; border-bottom:1px solid #e4e2e2; width:100%; } #page-nav ul li ul.sub-menu .last { border-bottom:none; } #page-nav ul li ul.sub-menu a, #page-nav ul li ul.sub-menu ul.sub-menu li a { color:#5f5e5e; width:86.1%; padding:11px 16px; text-transform:capitalize; font-weight:normal; text-shadow:none; } #page-nav ul li:hover ul.sub-menu ul.sub-menu, #page-nav ul li ul.sub-menu li ul { display:none; position:absolute; top:-1px; left:230px; border:1px solid #e4e2e2; width:230px; } #page-nav ul li ul.sub-menu li:hover ul, #page-nav ul li:hover ul.sub-menu li:hover ul.sub-menu { display:block; } .intro h1 {color:#ffffff;margin:0; font-family: Helvetica Neue, Arial, sans-serif;} .intro h6 { font-weight: normal; line-height: 15px; margin: 0; font-family: 'dosis', sans-serif; }#page-nav ul li.current_page_item, #page-nav ul li:hover, #page-nav ul li ul.sub-menu li:hover, .tag li a:hover, .portfolio-container li:hover h4.title a, .related-works.three-fourth li:hover h4 a, .portfolio-container li a:hover .thick-border, input[type="button"], input[type="submit"], input[type="reset"], button, .button, .color, .sorting-container li a.active, .sorting-container li a:hover, .sorting-container li a.active, .sorting-container li a:hover, .side-nav li a:hover, .side-nav li.active a, .sorting-container li a.active, .sorting-container li a:hover, .faq h5.toggle-accordion.active:before, .toggle-frame h5.toggle-accordion.active, .toggle-frame h5.toggle.active, .ls-layer .button-text2 a, .ls-layer .button-text a, .ls-layer h4, .ui-widget-content, .portfolio-thumb .image-overlay a span, ul.tabs-frame li a.current, ul.tabs-vertical-frame li a.current, .widget_testimonials .carousel-arrows .icon-chevron-left:hover, #secondary .widget_testimonials .carousel-arrows .icon-chevron-right:hover, .portfolio-slider-container .bx-controls-direction a, .widget_testimonials .carousel-arrows .icon-chevron-left:hover, .widget_testimonials .carousel-arrows .icon-chevron-right:hover, .theme-border, span.highlight { background-color: #E67FB9; } #page-nav ul li ul.sub-menu li:hover{ background-color: #000; color: #fff; font-weight: bold; border-color: #000; } .intro.page-heading { padding: 25px 0 22px; margin-bottom: 30px; } .intro { background-image: url(images/intro-pattern.png); background-repeat: repeat; background-color: #252525; width: 100%; float: left; border-bottom: 5px solid #161616; padding: 32px 0; position: relative; } .intro * { color: #ffffff; text-shadow: none; }.intro.page-heading .container { position: relative; } .widget_newsletter:after, .intro:after, .intro.page-heading .container:after { content: ""; left: 48.16%; width: 0; height: 0; position: absolute; border-left: 24px solid transparent; border-right: 24px solid transparent; } .intro.page-heading .container:after { border-left: 0 solid transparent; border-right: 50px solid transparent; border-top: 30px solid #161616; bottom: -55px; left: 0px; }.mobile-menu { display: none; height: 50px; background-color: #f3f3f3; color: #333334; background-image: url(images/responsive-nav-bg.png); background-position: center right; background-repeat: no-repeat; border: 1px solid #d9d9d9; border-radius: 0px; width: 100%; margin: 6px 0px 16px; padding: 15px 14px 15px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } #logo { float: left; margin-top: 16px; margin-bottom: 7px; }header:after { content: ""; background: url(images/header-overlay.png) no-repeat; width: 100%; height: 68px; position: absolute; top: 0px; left: 0; } .screen-modeed{display:inline-block; width: 100%; margin: 30px 0 0;} header { border-width: 5px 0 1px 0; }header, .widget_flickr ul li:hover { border-style: solid; } @media only screen and (max-width: 700px){ #page-nav select { display: block; } #page-nav ul { display: none; } } @media only screen and (max-width: 610px){ #page-nav #main-menu { display: none; }} /**** footer ****/ footer { margin: 0 0 0 0; /* was 80px 0 0 0 */ background: url(images/footer-bg.jpg) repeat; width: 100%; float: left; border-top: 4px solid #303030; padding: 40px 0 0 0; position: relative; }footer * { text-shadow: 1px 1px 0 rgba(48, 48, 48, 0.75); }footer .widget-title { color: #b1b1b1; font-family: 'dosis', sans-serif; margin-bottom: 25px; font-size: 20px; line-height: 22px; text-transform: uppercase; } footer .widget_tweetbox h4 { text-align: center; } footer:after { content: ""; width: 100%; height: 99px; position: absolute; left: 0; top: 0; background: url(images/footer-overlay-top.png) no-repeat; border-top: 1px solid #464646; }.widget_contact_details ul .icon-map-marker { margin-top: 10px; min-height: 37px; }.widget_contact_details .icon-map-marker { font-size: 29px; line-height: 20px; } .one-fourth { width: 23.4%; }.column { float: left; margin-right: 2.1%; }footer .widget-title { color: #b1b1b1; font-family: 'dosis', sans-serif; margin-bottom: 25px; margin-top: 0; }.widget_contact_details ul, .widget_flickr ul, .widget_footer_links ul, .widget_tweetbox ul, .footer-links, .social-links { padding-left: 0; list-style: none; }.widget_contact_details ul { margin-top: 6px; float: left; }.widget_contact_details ul li { float: left; clear: both; margin-bottom: 18px;font-family: "Helvetica Neue", Arial, sans-serif; width: 100%; }footer div, footer li, footer p, footer a { font: inherit;font-family: "Helvetica Neue", Arial, sans-serif; /*font-size: 13px;*/ color: #aaaaaa; }#secondary .widget ul, #main-menu, #main-menu ul, .post-details ul, footer ul, .content-box ul, .pagination ul, .portfolio-container { margin-bottom: 0; }.widget_footer_links ul li:first-child { padding-top: 0; }.widget_footer_links ul li { padding: 6px 0; border-bottom: 1px solid #464646; }.widget_footer_links .icon-angle-right { font-weight: bold; float: left; text-align: left; margin: 3px 0 0 0; color: #7a7a7a; }.column:last-child { margin-bottom: 0; margin-right: 0; } .widget_contact_details ul i { float: left; margin-right: 10px; width: 20px; } .widget_contact_details ul i { float: left; margin-right: 10px; width: 20px; } .footer-info { background: url(images/footer-info.jpg) repeat; float: left; margin-top: 50px; width: 100%; padding: 20px 0 18px; border-top: 1px solid #464646; } .social-links { float: right; }.social-links li { float: left; margin-right: 10px; } .social-links li a { float: left; width: 30px; height: 31px; } .footer-links li { float: left; margin: 4px 7px 0 0; } footer ul.footer-links li a { color: #7B7B7B; font-size: 12px; text-shadow: 1px 1px 0px #181818;font-family: "Helvetica Neue", Arial, sans-serif; } .footer-links li a { background: url(images/footer-nav-sep.png) no-repeat right center; padding-right: 11px; text-transform: uppercase; } .icon-mobile-phone { font-size: 39px; line-height: 26px; } .icon-envelope-alt { font-size: 20px; line-height: 17px; text-decoration: none; } .losa .col-bar2.miani-br{margin-top:0; padding:0} .la-ro0{} .los .blackbg{ margin: -24px 0 0;} .los .ro4{ margin:30px 0 ;} .losa .holy{ margin:-50px 0 0 ;} .los .mar-15{ margin:20px 0 ;} .los .orangebg{background:#1da9e7;} .los .orangebg h2{ margin: 0; text-align: center; text-transform: uppercase; color: #fee902; border-bottom: 1px solid; } .ro7{ position: absolute; width: 400px; margin: 34px 0 0; } .los-pink{ background: #ce439e; padding: 10px; border-radius: 9px; display: inline-block; } .los-pink h2{ color: yellow; font-size: 39px; margin: 0; text-align: center; border-bottom: 1px solid; margin: 0 0 10px; font-family: 'Didact Gothic', sans-serif; font-weight: bold; } .los-pink h3{ font-family: 'Didact Gothic', sans-serif; margin: 0; text-align: center; color: yellow; font-size: 30px; } .los-pink .img-bl img{ padding: 6px 6px 0; } .los-pink .img-bl h4{ color: #fff; font-size: 10px; text-align: center; } .los-pink .img-bl { width: 72px; float: left; } .los-pink .text-bl{ text-align: center; padding: 5px 0; color: #fff; font-size: 17px; line-height: 20px; } .los-pink .text-bl2{ text-align: center; padding: 10px; color: #fff; font-size: 23px; line-height: 25px; } .nyc .col-bar4{ color: #c7098d; font-size: 17px; } .nyc .video-bar{padding:0 15px} .nyc .col-bars1{padding:10px 15px 10px;display: inline-block;} .nyc .ping-text{ color: #c7098d; } .center{text-align:center} .margin-top-10{margin-top:10px} .margin-top-10 .bluebar{margin: 0 15px 15px;} .ger-bars1{ color: #89d058; font-size: 16px; font-weight: bold; margin-bottom: 20px; } .ger-bars1 span{ display: block; clear: both; } .nyc .col-bar p{ line-height:27px } .nyc .orangebg { background: #f47214; } .ro345{margin:20px 0} .wid{width:100%} .nyc-blue{ color: #1da9e7; font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 20px;} .session-s{text-align:center} .session-s img{ width: 76%; margin: 9px 0 0 -21px;} .nyc .bluebar h4{ font-size: 23px; text-align: left; padding: 5px 13px 3px; } .nyc .brd p i{ font-size: 14px; } .nyc .brd p{ font-size: 14px; line-height: 17px; } .tv-image{display:inline-block} .margin-top-10a{margin-top:20px; display: inline-block;} .nyc .brd{} .nyc .video-bar .videobar{ width: 570px;} .pd-25{padding:15px} .miani-br.col-bar2 p{font-size:16px; line-height: 22px;} .miani.col-bar2 p{line-height:25px} .miani .clickhere{font-size: 22px;} .miani .video-bar{padding: 0 15px;} .miani .msg{ font-size: 16px;padding: 14px 15px;} .miani .m-t0{ padding-top:0; } .miani .bluebar h4{ font-size: 25px;} .miani .col-bars1 h4{ text-transform: uppercase;font-weight:bold} .miani .poat .msg-text{margin: 0 0;} .miani .pink-bg p{ font-size: 15px;} .miani .col-bars1 p, .miani .col-bars12 p , .losa .col-bars1 p, .losa .col-bars12 p, .nyc .col-bars1 p, .nyc .col-bars12 p{ font-size: 15px; margin: 0; line-height: 18px; font-family: Times New Roman; font-weight: 500; color: #000000; } .nyc .col-bars1 h4{font-weight:bold} .miani3{ position: absolute; left: -60px; margin: -25px 0 0 0; width: 121%; max-width: 167%; } .main-bgs{ padding: 15px 71px 15px 15px; } .pad-l-0{padding-left:0} .miani .msg-text {font-size: 16px; margin: 16px 0;} .miani .orangebar { margin: 25px 0;} .los.miani .orangebg h2{ font-size: 35px; } .miani .orangebg h3{ margin:0;font-size: 30px; line-height: normal; } .miani .orangebar p { padding: 10px 15px; margin: 0; } .los.miani .orangebg{margin:15px 0 0; } .miani .margint-po{margin:15px 0; width: 100%; } .miani .los .orangebg{ margin: 15px 0;} .miani .col-bars12 img { margin: 0; } .rmiani-2{padding:10px 0} .miani .nyc-blue {padding:15px } .pink-bg ul li.w-50{ width: 50%; margin: 0; float: left;} .miani .videobar, .losa .videobar {width: 506px; } .main0-0{display: inline-block;margin: 15px 18px; } .row-i{ margin: 15px; display: inline-block;} #camp-hour ul.session-ul li.romin1{width: auto;} #camp-hour ul.session-ul li.romin1 img{ width: 60px; } .margin-tsp{margin:15px 0 } #camp-hour ul.session-ul li.romin2{ width: auto; } #camp-hour ul.session-ul li.romin2 img{ width: 133px; } .miani .videobar.videobar2{ width: 566px; left: 35px; bottom: 5px;} .miani .bluebar p, .miani .bluebar i{ padding: 10px 15px; font-size: 15px; line-height: 19px; } .losa .msg, .nyc .msg{ font-size: 16px; } .losa .mar3{ margin:15px 0} .losa .video-bar{ padding:0 15px 0} .losa .miani-br.col-bar2 p{ line-height: 21px;} .losa .msg-text { font-size: 16px;} .losa .bluebar h4 {font-size: 24px;font-weight: bold; padding: 6px 10px;} .nyc .bluebar p, .losa .bluebar p, .bluebar i{ line-height: 18px; font-size: 15px; font-family: Times New Roman; font-weight: 500; } .fulimg{width:100%} .nyc .bcf .col-bars1 { padding: 10px 0 10px; } .te-left{padding: 0 9px 0 0;float:left;} .mar-to-15{margin:15px } .nyc .pnkimg img{width:49%} .nyc .photoshot-white-bar .col-full p { font-weight: bold; font-size: 16px; line-height: 23px; } .nyc .video-bar .videobar.videobar-width{width:528px} .losa .col-bars1 h4 { font-size: 18px; font-weight: bold; text-transform: uppercase; } .losa .salo .col-bars1, .losa .salo .col-bars12{ padding: 10px 0;} .losa .salo .ig-wi{ padding: 15px 0; width:100%} .losa .col-bar { margin: 20px 0 0 15px; } .nyc .pink-bg p{padding: 0 0 5px;} .marg-20{margin-top:20px;display: inline-block;} @media(min-width:240px) and (max-width:767px){ .ro7, .miani3 { position: relative;} .borderyi-br{padding:0} .poat, .poat .col-sm-12{padding:0} } .dc-page .dc1{margin: 0 0 15px;} .dc-page .main5 {padding:0 15px} .dc-page.nyc .col-bars1 h4 {margin-top:0} .dc-page.nyc .dc-blue {margin:0;border: 2px solid #f67317;} .dc-page.nyc .dc-blue h4{ background: #f67317;} .dc-page.nyc .dc-tour{} .dc-page.nyc .dc-camp{margin: 15px;display: inline-block;} .dc-page.nyc .nyc .bluebar h4{ padding:10px} .dc-page.nyc .magazine{margin: 0 0 32px 0;} .dc-page.nyc #images-msd{margin:15px 0;} .dc-page.nyc #images-msd .ro7{ margin: 41px 0 0px 1px;} .dc-clickhere{ margin: 15px;} .blues-bg-full{ background: url(images/bg2.png); border-radius: 10px; padding: 15px 30px; } .blu-heading{} .blu-heading h3{ color: #fff200; text-shadow: 2px 2px 3px #676767; max-width: 400px; font-size: 26px; margin: 10px; } .width-r{ width: 220px; float: left; margin: 0 10px 0 0; } .width-r img{} .width-s {} .width-s p{ color: #fff; font-family: Times New Roman; font-size: 17px; } .dc-over{ width: 100%; margin: 30px 0;} .margin-bh{ margin: 17px 0 0px 44px; position: relative; z-index: 999; width: 131%; } .mtop-0{margin-top:0 !important; margin-bottom:0 !important} .nyc .col-bars1.dc-col{padding: 11px 0 0;} .miani .col-bars12 h4{text-transform: none; width:auto} .miani .col-bars12 img{ width:88px} .m-10nt{margin:80px 0 30px !important} #images-msd.mai-video img { width: 31%; margin: 43px 00;} #images-msd.mai-video img.ro7{ width: 42%;} .margin-top-10 .bluebar.mar-40{margin:30px 15px} .mr-30{margin-bottom:20px} .nyc .bluebar.mr-30 h4{ padding: 10px 13px 9px; } .nyc .bluebar.mr-30 p { line-height: 28px; font-size: 16px; padding: 10px 14px 6px; font-weight: 500; } .ft ul{ display: inline-block; width: 100%; text-align: right; padding: 30px;} .ft ul li{ display: inherit; margin: 0 5px;} .session-s {text-align: center; display: inline-block; width: 204px; margin: 8px 30px; } .session-s li{ color: #fff; margin: 0 4px; display: inline-block; float: left;} .session-s li.session-s-1{ width: 39%; margin: 0 !important;} .session-s li.session-s-1 a img{ width: 100%; margin: 0;} .session-s li.session-s-1 a{} .session-s li.session-s-2 {width: 56%; margin: 0 0 0 9px !important;} .session-s li.session-s-2 a img{ width: 100%; margin: 0;} .session-s li.session-s-2 a{} .nycmodel p{ font-size: 16px; line-height: 26px; margin: 0;} .nycmodel img{width: 100%;} .orangebg2.nycmodel h3{ margin: 10px 0 10px;} .nycmodel .col-sm-6{} .orangebg2{display:inline-block} .top-m{margin: 20px 0 20px;} .top-ms{margin:10px 0 0} .my-p{margin:0} .mar-top{width:100%;display:inline-block;margin:10px 0 } #main-menu li:after { content: " "; position: absolute; bottom: -12px; left: 0; width: 100%; height: 12px; background: transparent; } div#primary form * { font-size: 16px; } div#primary form h2 { font-size: 30px; } div#primary form h3 { font-size: 24px; } div#primary form table { border-spacing: 15px 2px; border-collapse: initial; border: 1px solid gainsboro; background: #f8f8f8; } div#primary form div input { align-items: center; justify-content: center; margin: 0 auto; width: 100%; border: 0; } div#primary form tr td:first-child { border: 0; } div#primary form tr[align=left] td:first-child { display: table-cell; } div#primary form tr td:first-child { display: none; } div#primary form tr td:nth-child(2) { padding: 0 10px; border-left: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; } div#primary form table select { min-width: 100%; margin: 0; border: 0; } div#primary form tr td{ border: 1px solid #cfcfcf; } div#primary form tr td.modeling-camp p input { margin-left: -5px; border: 1px solid #d7d7d7; } div#primary form tr td.modeling-camp p { padding-left: 5px; } div#primary form tr td.modeling-camp { border: 0; } body { margin: 0; } @media (max-width: 767px){ .tp-leftarrow.tparrows.default, .tp-rightarrow.tparrows.default { top: 50% !important; } .tp-simpleresponsive .slotholder img { height: 270px !important; width: 100vw !important; left: 0 !important; } .fullwidthbanner-container .revslider-initialised { height: 270px !important; } .tp-simpleresponsive ul li .caption.small_content.sfl.tp-caption.start { top: 150px !important; display: block !important; } .tp-simpleresponsive >ul >li.random-img .caption:nth-child(2) { left: 10vw !important; top: 0 !important; } .tp-simpleresponsive >ul >li.random-img .caption:nth-child(6) { left: 54vw !important; top: 135px !important; } .tp-simpleresponsive >ul >li.random-img .caption:nth-child(5) { left: 26vw !important; top: 135px !important; } .tp-simpleresponsive >ul >li.random-img .caption:nth-child(4) { left: 69vw !important; top: 0px !important; } .tp-simpleresponsive >ul >li.random-img .caption:nth-child(3) { left: 40vw !important; top: 0px !important; } } @media (max-width: 575px){ .tp-simpleresponsive .slotholder img { height: 210px !important; width: 100vw !important; left: 0 !important; } .fullwidthbanner-container .revslider-initialised { height: 210px !important; } .tp-simpleresponsive ul li .caption.small_content.sfl.tp-caption.start { top: 150px !important; display: block !important; } .tp-simpleresponsive >ul >li.random-img .caption:nth-child(2) { left: 50px !important; top: 0 !important; } .tp-simpleresponsive >ul >li.random-img .caption:nth-child(6) { left: 186px !important; top: 104px !important; } .tp-simpleresponsive >ul >li.random-img .caption:nth-child(5) { left: 96px !important; top: 104px !important; } .tp-simpleresponsive >ul >li.random-img .caption:nth-child(4) { left: 230px !important; top: 0 !important; } .tp-simpleresponsive >ul >li.random-img .caption:nth-child(3) { left: 140px !important; top: 0 !important; } } .rounded-border h4 { text-align: left; font-size: 20px; font-weight: 900; margin: 0; margin-top: -1px !important; margin-left: -1px !important; margin-right: -1px !important; border-radius: 0; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 10px 10px 7px; color: #fff; } .rounded-border p { color: black; font-size: 15px; margin: 0 0 10px 0; font-family: 'Reem Kufi'; } .orangebar h4 { background: #f57315; } .bluebar h4 { background: #1da9e7; } .atlanta .col-bars12 h4 { margin: 20px 0 2px 0; } .blue-block-bg { border-radius: 11px; padding: 10px 15px; background: #1da9e7; } .blue-block-bg h3 { color: #fef200; text-align: center; font-size: 40px; margin: 10px 0 0 0; } .blue-block-bg h2 { color: #fef200; text-align: center; font-size: 40px; margin: 0 0 10px 0; text-transform: uppercase; border-bottom: 1px solid #fef200; } .blue-block-bg p { font-size: 15px; color: white; } .pbh h4 { margin: 0 0 5px; } .pbh p { font-size: 14px; line-height: 1.3; color: black; } .pbw p { color: #fff; } .pb { background: #c7098d !important; } .registration-form h3.bb { font-weight: bold; margin: 0; padding: 20px 0 15px; color: black; } input.mo { margin: 0; } .reg-pay form table select { margin-bottom: 6px !important; } .sto { background: #fee902; border-radius: 11px; padding: 10px 20px 0px; margin-left: 25px; text-transform: uppercase; font-size: 32px; margin-bottom: 0px; color: black; font-weight: bold; text-align: center; display: inline-block; width: 215px; } .htmc { background: #ffffff; border-radius: 11px; padding: 20px 15px 1px; margin-bottom: 14px; border: 2px solid black; position: relative; box-shadow: 0px 0px 10px #00a5e5 inset, 0px 0px 8px #ce439e; overflow: hidden; } .htmc:after { content: ''; height: 300px; width: 300px; border-radius: 50%; background-color: rgb(246,129,33,0.16); top: -178px; left: -152px; position: absolute; z-index: 0; } .htmc:before { content: ''; height: 300px; width: 300px; border-radius: 32%; background-color: rgb(246,129,33,0.16); bottom: -219px; right: -197px; position: absolute; z-index: 0; } .htmc p { margin-bottom: 10px; } .smo .d-flex { display: flex; } .smo .d-flex h3 { margin: 0px; font-size: 20px; padding: 5px 5px 3px 5px; } .smo .d-flex p { padding: 5px; margin: 0; } .smo h3.green-name-strip { padding: 4px; } .orange-bgs.smo { margin-top: 30px; } .smo.flaoted .d-flex { display: inline-block; } .smo.flaoted .img-block { width: 150px; float: left; padding-right: 10px; } .smo.flaoted .content { float: none; } .v-container h2 { text-align: center; color: #ff0080; } .seal { margin-top: 15px; } .online-camp .pso.yellobg > div { background-color: #FFCC00 !important; } .pso.yellobg div.row { margin: 0; border-radius: 11px; display: flex; align-items: center; padding: 0 12px 0px; background: #ffcc00; } .pso.yellobg > div.row { background-image: url(images/yellobgg.png) !important; padding: 30px 26px !important; border-radius: 13px !important; margin: 10px 0 !important; } .screen-modeed.los.nyc .header { text-align: center; padding: 55px 0 6px; } footer > div { position: relative; z-index: 1; } .ra { text-align: right; padding: 0 20px; } .ra .sto { margin: 0; } .screen-modeed.los.nyc .header .age { padding: 10px 20px 0 0; } .nycmodel.ny h3 { font-size: 31px; } .vanilaIce { background: #f4cccc !important; } li.rss3 .slotholder { position: relative; width: 100vw; } li.rss3 .slotholder:after { content: 'Check out some of our \a Modeling Camp Alumni!'; color: #ff0080; font-size: 40px; left: 0; right: 0; text-align: center; font-weight: 900; position: absolute; top: 375px; width: 525px; margin: 0 auto; display: block; text-shadow: 3px 1px 4px black; white-space: pre; } #camp-hour { position: relative; } .sessionfee.nyc-redirect { position: absolute; bottom: 16px; left: 15px; max-width: 615px; } #camp-hour .sessionfee.nyc-redirect h3 { font-size: 22px; } #camp-hour .sessionfee.nyc-redirect h3 a { color: #001684; } .photoshot-white-bar .col-full h3 { font-size: 21px; } .photoshot-white-bar .col-full p { font-size: 18px !important; line-height: 28px !important; } .pso.yellobg p { font-size: 19px; } .paypal-camper h4 { margin: 0; } .paypal-camper input[type="text"] { background: none repeat scroll 0 0 #EDEDED; display: block; max-width: 100%; padding: 11px 10px 12px; font-size: 16px; margin: 0px auto; border: 0; min-width: 100%; } div#primary form tr td.paypal-camper { padding: 0 10px; } .paypal-camper input[type="text"]:focus { outline: none; } .nyc #explore p a { color: #001684; font-weight: 900; } .welcome-banner { background: #c7098d; padding: 20px; display: flex; flex-wrap: wrap; } .welcome-banner .img-block { width: 67%; } .welcome-banner .content { width: 33%; padding: 0 22px; text-align: center; color: white; } .welcome-banner .content h1 { margin: 0; } .main-content { margin-bottom: 17px; display: inline-block; width: 100%; } .main-content ul { list-style: disc; padding-left: 20px; } .main-content ul li { position: relative; padding-left: 3px; font-size: 18px; color: #c7098d; font-family: 'Reem Kufi', sans-serif; margin-bottom: 11px; } .main-content ul li a { color: #c7098d; font-family: 'Reem Kufi', sans-serif; } .pink-block { background: #c7098d; padding: 5px 20px; border-radius: 20px; margin: 26px auto; } .pink-block h3 { color: white; font-size: 21px; line-height: 1.2; } .main-content h4 { font-size: 35px; line-height: 1.3; color: #f57315; } .main-content .col-sm-8 h2 { font-size: 23px; font-family: 'Dosis'; color: #c7098d; margin-bottom: 6px; } .mc-block { border-bottom: 1px solid #c7098d; margin-bottom: 18px; padding-bottom: 7px; } .mc-block h3 { color: #f57315; margin: 0 0 5px 0; font-size: 16px; line-height: 1.3; } .mc-block h3 a { color: #f57315; font-family: 'Reem Kufi', sans-serif; } .mc-block h3 span { color: #1da9e7; } .mc-block p { color: black; margin-bottom: 2px; font-size: 17px; } .welcome-camp-in { display: inline-block; width: 100%; background: white; border: 2px solid #f57315; padding: 165px 20px 20px 20px; border-radius: 20px; position: relative; } .welcome-camp-in h2 { background: #f57315; margin: 0; color: white !important; position: absolute; width: 100%; left: 0; right: 0; top: 0; border-radius: 17px; height: auto; line-height: 1.4; text-align: center; text-align: left; font-size: 33px !important; padding: 22px 16px; letter-spacing: 1px; font-family: 'Reem Kufi' !important; } .ft.welcome-ft { background: #f3f3f3; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; padding: 0 7px; } .ft.welcome-ft .content { width: 74%; } .ft.welcome-ft .content p { font-size: 10px; margin: 0; } .ft.welcome-ft ul { padding: 0; width: 25%; display: flex; justify-content: flex-end; } @media (max-width: 991px) { .nyc .pink-bg-half { width: 100%; } .nyc .pink-bg-half .blackbg { padding: 8px; } .nyc .pink-bg-half .blackcoor { padding: 15px 8px; } .nycmodel.ny h3 { font-size: 22px; } .sessionfee.nyc-redirect { position: relative; max-width: 100%; left: 0; padding: 0 20px; } #camp-hour .sessionfee.nyc-redirect h3 { margin-top: 18px; text-align: center; width: 100%; } .photoshot-white-bar .col-full p { font-size: 16px !important; line-height: 24px !important; } .welcome-banner .img-block img, .main-content .img-block img { max-width: 100%; } .welcome-banner .content h2 { margin-top: 10px; font-size: 25px; } .welcome-banner .content h1 { font-size: 27px; } .main-content .col-sm-8 .col-sm-6 { width: 45%; } .main-content .col-sm-8 .col-sm-6 + .col-sm-6 { width: 55%; } .main-content .col-sm-8 h2 { font-size: 20px; } .mc-block h3 br { display: none; } .main-content .col-sm-8 .col-sm-6 + .col-sm-6 .border-br.col-bar { padding-right: 4px !important; } .main-content .col-sm-8 .col-sm-6 h2 { margin-bottom: 18px !important; } .main-content .col-sm-8 .col-sm-6 + .col-sm-6 h2 { margin-bottom: 7px !important; } .main-content .col-sm-4 .col-bar { padding-left: 10px; } .main-content .col-sm-4 p { padding: 0 !important; margin-bottom: 10px; font-size: 17px; } .main-content .col-sm-4 p br { display: none; } .main-content ul li { margin-bottom: 9px; } .main-content h4 { font-size: 31px; } } @media (min-width: 768px) and (max-width: 991px) { .smo.smm .d-flex { display: inline-block; } .smo.smm .img-block { width: 150px; float: none; padding-right: 10px; } .smo.smm .content { float: none; } } @media (max-width: 767px) { section#explore { padding: 0; } .online-camp .pso { padding: 0; } .online-camp .pso .row { display: block !important; padding-top: 20px; margin-bottom: 20px; } .online-camp .pso .row .img-block { border: 0; border-bottom: 2px dotted #c7098d; padding: 0 0 18px; } .nycmodel.ny h3 { font-size: 24px; } .video-bar.ee { margin-top: 20px; } li.rss3 .slotholder:after { font-size: 5vw; top: 175px; z-index: 2; width: auto; } div#primary.reg-pay { overflow: hidden; overflow-x: auto; } div#primary.reg-pay > table { width: 700px; } .main-content ul { column-count: 2; } .main-content .col-sm-8 .col-sm-6 { width: 100%; } .main-content .col-sm-8 .col-sm-6 + .col-sm-6 { width: 100%; } .main-content .col-sm-8 .col-sm-6 + .col-sm-6 .border-br.col-bar { padding: 0 !important; } .welcome-banner .img-block { width: 100%; } .welcome-banner .content { width: 100%; margin-top: 14px; } .welcome-banner .content h1 { font-size: 25px; } .ft.welcome-ft .content { width: 100%; margin-bottom: 15px; } .ft.welcome-ft ul { width: 100%; } .welcome-camp-in h2 { font-size: 5.5vw !important; display: flex; align-items: center; padding: 14px 12px; } .welcome-camp-in { padding: 80px 20px 20px 20px; } } .orangebg2.nycmodel { border-top-left-radius: 40px; border-top-right-radius: 0px; border-bottom-left-radius: 0; border-bottom-right-radius: 40px; margin-bottom: 14px; border: 0; position: relative; box-shadow: 7px 7px 7px rgba(255, 210, 210, .72) inset, 5px 6px 8px #2f2c0459; overflow: hidden; } .light-purple { background: #a401ef; } .block{ display: flex; justify-content: space-between; } .block h2{ color: #d863a5; margin: 0; padding-bottom: 15px; } .block p{ margin: 0; padding-bottom: 15px; } .block h4{ color: #d863a5; margin: 0; padding-bottom: 15px; } .inner-block{ /*width: 150px*/; text-align: center; } .inner-block-content{ width: 600px; padding: 0px 15px; } .inner-block-img{ text-align: right; margin-right: -64px; margin-top: -20px; } .margin-top-35{ margin-top: -35px } .margin-top-47{ margin-top: -47px } .margin-top-32{ margin-top: -32px } @media(max-width: 768px){ .block{ display: flex; justify-content: space-between; flex-wrap: wrap; } .inner-block{ width: 100%; text-align: center; } .inner-block-img{ width: 100%; text-align: center; margin-top: 10px; } .inner-block-content{ width: 100%; padding: 0px 15px; } .block h4{ padding-bottom: 15px; text-align: center; } .block h2{ padding-bottom: 15px; text-align: center; } } @media(max-width: 575px){ .block{ display: flex; justify-content: space-between; flex-wrap: wrap; } .inner-block{ width: 100%; text-align: center; } .inner-block-img{ text-align: center; margin-top: 10px; } .inner-block-content{ width: 100%; padding: 0; } .block h4{ padding-bottom: 15px; text-align: center; } .block h2{ padding-bottom: 15px; text-align: center; } } #FSForm * { box-sizing: border-box; } #FSForm .q { position: relative; width: 100%; margin: 0; } #FSForm .q span.question, #FSForm .q label.question { margin: 0px; top: 25px; left: 24px; position: absolute; transition: all .3s ease-in-out; } #FSForm .q table { width: 100%; } #FSForm .q table input.text_field { color: #3a3a3a; clear: both; border: 1px solid #d7d7d7; padding: 11px 15px; background: #f3f3f3; background: linear-gradient(to bottom, #f3f3f3 0%, #e8e8e8 100%); width: 100%; } #FSForm .q table td + td { display: none; } #FSForm .q.filled span.question, #FSForm .q.filled label.question { top: -5px; } .session h4 { font-size: 22px; } .unique #camp-hour .session { font-size: 30px; } .container.v-container { max-width: 1200px; width: 100%; } .column.d-flex { display: flex; flex-wrap: wrap; width: 100%; } .column.d-flex h2 { width: 100%; } .column.d-flex .column.one-third { width: 34%; max-width: 272px; } .column.d-flex .column.two-third { width: 63%; max-width: 480px; } @media (max-width: 767px) { .column.d-flex .column.one-third { width: 100%; display: flex; max-width: initial; justify-content: center; text-align: center; } .column.d-flex .column.two-third { width: 100%; } } .homepage-title-big-pink h2 { margin: 0; color: #c7098d; text-transform: uppercase; font-weight: bold; font-size: 42px; text-align: center; } #logo { position: relative !important; z-index: 999 !important; margin-top: 0 !important; margin-bottom: 0 !important; height: 54px !important; height: 66px !important; padding-top: 10px !important; padding-top: 10px !important; display: block; width: 100%; } .instagram-link { display: block; margin: 0 auto; text-align: center; } .founder-container p{ font-size: 16px; } .MODELING-CAMP-ITINERARY { margin-bottom: 20px; border: 2px dotted #3c1361; padding: 15px !important; margin-top: 22px; background-color: #CBC3E3; border-radius: 21px; margin: 20px auto; /* text-align: center; */ font-size: 25px; font-weight: bold; padding: 15px 10px; color: #000; } .MODELING-CAMP-ITINERARY h2 { margin: 0; color: #000; display: inline-block; font-size: 22px; } .MODELING-CAMP-ITINERARY p { margin: 15px 0 1px; font-size: 18px; color: #000; display: inline-block; line-height: 20px; } .MODELING-CAMP-ITINERARY table, th, td { border: none; } .MODELING-CAMP-ITINERARY table, th, td { margin: 15px 0 1px; font-size: 18px; color: #000; line-height: 20px; background-color: #CBC3E3 !important; } .video-container-home-page-vid { position: relative; padding-bottom: 56.25%; /* Aspect ratio for 16:9 videos */ height: 0; } .video-container-home-page-vid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Media query for desktops (adjust screen size as needed) */ @media (min-width: 768px) { .video-container-home-page-vid { max-height: 300px; /* Adjust the height as desired */ }