@import url(../fonts/font.css);

/*=====================================================================================*/
/*       1. RESET CSS                                                                  */
/*=====================================================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { width: 100%; height: 100%; font-weight: normal; line-height: 1; font-family: 'Droid Serif', serif; font-size: 16px; background: #F2F2F2; color: #666; }
a { cursor: pointer; text-decoration: none; color: #2980b9; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins    { text-decoration: none; }
del    { text-decoration: line-through; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
.italic { font-style: italic; }
.clear   { clear: both; }


/*=====================================================================================*/
/*       2. GENERAL                                                                    */
/*=====================================================================================*/

/*-- Typography --*/
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: 'Montserrat', sans-serif; color: #000000; }
h1 { font-size: 36px; margin-bottom: 30px; }
h2 { font-size: 27px; margin-bottom: 27px; }
h3 { font-size: 24px; margin-bottom: 24px; }
h4 { font-size: 20px; margin-bottom: 20px; }
h5 { font-size: 18px; margin-bottom: 20px; }
h6 { font-size: 16px; margin-bottom: 20px; }
h1.center { text-align: center !important; }
h2.center { text-align: center !important; }
h3.center { text-align: center !important; }
h4.center { text-align: center !important; }
h5.center { text-align: center !important; }
h6.center { text-align: center !important; }
span.red { color: #FF0000; }
blockquote { margin: 40px 0px; padding-left: 20px; line-height: 170%; border-left: 4px solid #333; font-size: 13px; font-style: italic; }
code { display: inline-block; line-height: 170%; margin-bottom: 45px; padding: 30px; background: #FEFEFE; border-left: 3px solid #999; color: #666; white-space: normal; }
small { font-size: smaller; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl { margin: 0 20px; }
dt { font-weight: bold; }
dd { margin: 0 0 20px; }
ol, ul { margin: 16px 0; padding: 0 0 0 40px; }
address { font-style: italic; margin: 0 0 24px; }
table { width: 100%; margin-bottom: 40px; border: 1px solid #E4E4E4; border-collapse: separate; border-spacing: 0; }
th { padding: 10px 20px; border-left: 1px solid #E4E4E4; text-align: left; font-size: 14px; color: #000; }
td { padding: 10px 15px; border-left: 1px solid #E4E4E4; border-top: 1px dotted #E4E4E4; text-align: left; font-size: 13px; }
table th:first-child, table td:first-child { border-left: 0px; }
fieldset { margin-bottom: 50px; padding: 30px; border: 1px solid #E4E4E4; }
legend { padding: 0px 10px; font-size: 12px; }
label { font-size: 13px; }
input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="url"],
input[type="search"], input[type="file"] { width: 250px; margin-bottom: 20px; padding: 8px 10px; border: 1px solid #E4E4E4; font-size: 13px; font-family: 'Droid Serif', serif; color: #666; -webkit-appearance: none; border-radius: 0px; }
textarea { width: 250px; margin-bottom: 20px; padding: 8px 10px; border: 1px solid #E4E4E4; font-size: 13px; font-family: 'Droid Serif', serif; color: #666; -webkit-appearance: none; border-radius: 0px; }
select { min-width: 150px; margin-bottom: 20px; padding: 8px 10px; border: 1px solid #E4E4E4; font-family: 'Droid Serif', serif; color: #666; }
input[type="submit"], input[type="button"], input[type="reset"] { margin-right: 10px; padding: 8px 17px; background: #333; font-family: 'Montserrat', sans-serif; color: #FFF; font-size: 13px; border: 0px; cursor: pointer; -webkit-appearance: none; border-radius: 0px; }
::-webkit-input-placeholder { color: #757575; }
:-moz-placeholder { color: #757575; }
::-moz-placeholder { color: #757575; }
:-ms-input-placeholder {   color: #757575; }
.video-overlay { position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255,255,255,0.4); }

/*-- Lightbox --*/
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) {
      .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
      .mfp-img-mobile img.mfp-img{padding:0}
      .mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
      .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
      .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
      .mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
      .mfp-img-mobile .mfp-counter{right:5px;top:3px}
      .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}
}
@media all and (max-width: 900px) {
      .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}
      .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
      .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
      .mfp-container{padding-left:6px;padding-right:6px}
}
.mfp-ie7 .mfp-img{padding:0}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-container{padding:0}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/*-- ToolTips --*/
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content { font-size: 13px; color: #fff; text-shadow: 0 0 2px #000; padding: 20px 30px; line-height: 150%; background: #000; text-align: center; }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px;  height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); }
@media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { background-color: rgba(0,0,0,1); }
                                                       #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(0,0,0,1); }
	                                               #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(0,0,0,1); }
}

/*-- Color constants --*/
.white_bg { background: #FFFFFF; }
.black_bg { background: #000000; }
.transparent_bg { background: transparent; }
.white_text, .white_text a, .white_text h1, .white_text h2, .white_text h3, .white_text h4, .white_text h5, .white_text h6 { color: #FFF; }
.black_text, .black_text a, .black_text h1, .black_text h2, .black_text h3, .black_text h4, .black_text h5, .black_text h6 { color: #000; }

/*-- Page blocks --*/
.page-block { margin-bottom: 100px; }
.inner-page { margin-bottom: 100px; padding-top: 100px; }
.block-contents, .page-contents { width: 1180px; margin: 0 auto; }
.first-after-home { padding-top: 90px !important; }
.content-narrow { width: 1080px; margin: 0 auto; }
.intro-block { padding: 80px 0px; }
.intro-block h1 { display: block; width: 1180px; margin: 0 auto; line-height: 150%; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 40px; }
.home-block { width: 1180px; margin: 0 auto; padding-top: 85px; padding-bottom: 80px; }
h1.block-title, h2.block-title { display: block; position: relative; width: 1180px; line-height: 1; margin: 0 auto; margin-bottom: 40px; padding-bottom: 40px; font-size: 55px; font-family: 'oswaldbold'; text-align: center; text-transform: uppercase; color: #172929; }
/*h1.block-title:after, h2.block-title:after { display: block; content: " "; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 40px; height: 6px; background: #CCC; }*/
.block-text { width: 1000px; margin: 0 auto; }
.block-text p { margin-bottom: 20px; line-height: 170%; font-size: 18px; color: #666; }

/*=====================================================================================*/
/*       3. HEADERS                                                                    */
/*=====================================================================================*/

/*-- General ---*/
.elastic_top { width: 100%; height: 100px; line-height: 100px; }
.fixed_top { position: fixed; top: 0; left: 0; right: 0; z-index: 100; }
.elastic_top_inner { position: relative; width: 1180px; margin: 0 auto; }
.elastic_menu_container { float: right; width: 780px; height: 100px; text-align: right; position: relative; }
.elastic_logo_container { float:left; width: 400px; }
.elastic_center_menu { height: 100px; line-height: 100px; text-align: center; }
.inner_header_big { height: 400px; position: relative; }
.inner_header_big .page-title { padding-top: 70px; text-align: center; }
.inner_header_big .page-title h1 { font-family: 'Lato', sans-serif; font-weight: 900; font-size: 70px; }
.inner_header_big .page-title p { font-size: 20px; font-style: italic; }
.inner-page-title { padding: 70px 0px; }
.inner-page-title h1 { display: block; width: 1180px; margin: 0 auto; font-size: 50px; font-family: 'Lato', sans-serif; font-weight: 900; }

/*-- Logo elements --*/
.text_logo { font-size: 26px; font-family: 'Montserrat', sans-serif; font-weight: bold; letter-spacing: 7px; }
.image-logo { height: 100px; line-height: 100px; position: relative; }
.image-logo img { max-height: 75px; width: auto !important; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; }
.black_logo, .black_logo a, .black_logo .menu_label { color: #000000; }
.white_logo, .white_logo a, .white_logo .menu_label { color: #FFFFFF; }

/*-- Menu elements --*/
.black_menu, .black_menu a { color: #172929; }
.white_menu, .white_menu a { color: #FFF; }
.menu_lines { width: 30px; height: 22px; padding: 0px 20px; }
.menu_lines span { display: block; height: 4px; margin-top: 5px; background: #172929; }
.menu_lines span:first-child { margin-top: 0px; }
.white_menu .menu_lines span { background: #FFF; }
.menu_button { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; margin-top: auto; margin-bottom: auto; height: 22px; line-height: 25px; }
.menu_button .menu_lines { float: left; }
.menu_button .menu_label { font-family: 'oswaldbold'; font-weight: bold; font-size: 21px; }
.fixed-menu-button { position: fixed; top: 45px; right: 35px; z-index: 100; padding: 18px 17px; background: #FFF; }
.fixed-menu-button .menu_lines { padding: 0px; }
.relative-menu-button { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; width: 60px; height: 52px; margin-top: auto; margin-bottom: auto; background: #FFF; transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; }
.relative-menu-button:hover { opacity: 0.6; }
.relative-menu-button .menu_lines { padding: 15px; }
.relative-menu-button .menu_lines span { background: #000; }
.elastic_center_menu .menu_button { position: relative; top: auto; left: auto; bottom: auto; right: auto; }
.elastic_center_menu .menu_button .menu_label { opacity: 0.1; transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; }
.elastic_center_menu .menu_button .menu_label:hover { opacity: 0.5; }

/*- Side Menu -*/
#side_overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000000000000000; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
#side_menu_panel { position: fixed; top: 0; right: -300px; bottom: 0; z-index: 1000000000000000; width: 300px; height: 100%; background: #172929; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
#side_menu_panel .close-container { width: 200px; margin: 0 auto; padding-top: 40px; }
#side_menu_panel .close-container a#close-panel { font-size: 25px; color: #FFF; font-family: 'Montserrat', sans-serif; }
#side_menu_panel div.menu { width: 200px; margin: 0 auto; padding-top: 70px; }
#side_menu_panel div.menu ul { margin: 0; padding: 0; }
#side_menu_panel div.menu ul li { margin-bottom: 30px; font-family: 'oswaldbold'; font-size:21px; color: #FFF; font-weight: bold; }
#side_menu_panel div.menu ul li a { color: #FFF; text-transform: uppercase;}
#side_menu_panel div.menu ul li ul { display: none; padding-top: 28px; padding-left: 20px; }
#side_menu_panel div.menu ul li ul li { font-size: 13px; opacity: 0.8; }
#side_menu_panel div.menu ul li ul li:last-child { margin-bottom: 0px; }
#side_menu_panel div.menu ul li ul li ul { display: none; padding-top: 28px; padding-left: 20px; }
#side_menu_panel div.menu ul li ul li ul li { margin-bottom: 20px; font-size: 12px; opacity: 0.8; }

/*- Overlay Menu -*/
#elastic_overlay_menu { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000000000000000; width: 100%; height: 100%; background: rgba(0,0,0,0.9); text-align: center; }
#elastic_overlay_menu a { color: #FFF; transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; }
#elastic_overlay_menu a:hover { opacity: 0.6; }
#elastic_overlay_menu .close-container { display: inline-block; position: fixed; top: 50px; right: 50px; z-index: 1000000000000002; }
#elastic_overlay_menu .close-container a { font-size: 40px; font-family: 'Quicksand', sans-serif; font-weight: 300; }
#elastic_overlay_menu div.menu { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000000000000001; width: 500px; height: 100%; margin: auto; }
#elastic_overlay_menu div.menu ul { display: inline-block; height: 400px; margin: 0; padding: 0; }
#elastic_overlay_menu div.menu ul li { display: block; font-size: 35px; font-family: 'Montserrat', sans-serif; color: #FFF; font-weight: bold; }

/*- Floating Button -*/
a.floating-button { position: fixed; top: 25px; right: 30px; z-index: 100; display: none; width: 30px; height: 23px; padding: 20px 16px; background: #000; }
a.floating-button span.line { display: block; width: 30px; height: 3px; margin-bottom: 7px; background: #FFF; }
a.floating-button span.line:last-child { margin-bottom: 0px; }

/*=====================================================================================*/
/*       4. HOME VARIATIONS                                                            */
/*=====================================================================================*/

/*-- Home 1 ( Agency ) --*/
.home1 { width: 1180px; height: 670px; position: relative; margin: 0 auto; text-align: center; overflow: hidden; margin-bottom: 100px; }
.home1 .welcome { display: inline-block; height: 250px; padding-top: 15px; position: absolute; top: -34%; left: 0; bottom: 0; right: 0; margin-top: auto; margin-bottom: auto; }
.home1 .welcome .mini-intro { /*margin-bottom: 25px;*/ font-family: 'oswaldbold'; font-size: 4.9vw; color: #fff; text-transform: uppercase; }
.home1 .welcome .big-headline h1 { display: inline-block; margin-bottom: 40px; padding: 40px 80px; font-size: 70px; font-family: 'Lato', sans-serif; font-weight: 900; border: 5px solid #000; }
.home1 .welcome .cta-container { font-family: 'open sans'; font-size: 1.46vw; color: #fff;}
.home1 .welcome .cta-container a { color: #000; }

/*-- Home 2 ( Personal ) --*/
.home2 { width: 1180px; height: 670px; position: relative; margin: 0 auto; text-align: center; }
.home2 .welcome { display: inline-block; padding-top: 13%; position: relative; z-index: 99; }
.home2 .welcome .mini-intro { margin-bottom: 25px; font-size: 15px; color: #333; }
.home2 .welcome .big-headline h1 { display: inline-block; line-height: 150%; margin-bottom: 40px; font-size: 80px; font-family: 'Lato', sans-serif; font-weight: 900; }
.home2 .welcome .cta-container { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: bold; }
.home2 .welcome .cta-container a { display: inline-block; height: 57px; line-height: 57px; padding: 0px 30px; color: #000; border: 1px solid #000; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.home2 .welcome .cta-container a:hover { opacity: 0.6; }

/*-- Home 3 ( Model Agency + Fashion ) --*/
.home3 { width: 100%; height: 100vh; position: relative; }
.home3 .big-headline { height: 285px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; text-align: center; }
.home3 .big-headline h1 { display: inline-block; height: 285px; line-height: 285px; padding: 0px 115px; font-family: 'Lato', sans-serif; font-weight: 900; color: #FFF; background: #000; font-size: 90px; }

/*-- Home 4 ( Agency 2 with bold title ) --*/
.home4 { position: relative; z-index: 99; height: 300px; }
.home4 h1.big-title { position: absolute; bottom: -27px; left: 0; right: 0; line-height: 1; margin: 0; padding: 0; text-align: center; font-size: 160px; }
.white_bg h1.big-title { color: #000; }
.black_bg h1.big-title { color: #FFF; }

/*-- Home 5 ( Agency 3 ) --*/
.home5 { padding: 190px 0px; margin-top: 100px; position: relative; z-index: 99; }
.home5 h1.welcome-text { display: block; width: 1180px; margin: 0 auto; line-height: 160%; font-family: 'Lato', sans-serif; font-weight: 900; text-align: center; font-size: 40px; }
.white_bg h1.welcome-text { color: #000; }
.black_bg h1.welcome-text { color: #FFF; }

/*-- Home 6 ( Controversial ) --*/
.home6 { position: relative; z-index: 99; width: 1180px; height: 730px; margin: 0 auto; }
.home6 .media-element { width: 975px; height: 730px; float: left; }
.home6 .big-headline { display: inline-block; height: 248px; line-height: 248px; padding: 0px 80px; position: absolute; top: 215px; right: 0; z-index: 100; text-align: center; border: 7px solid #F2F2F2; background: #FFF; }
.home6 .big-headline h1 { margin: 0; font-family: 'Lato', sans-serif; font-weight: 900; color: #000; font-size: 70px; }


/*=====================================================================================*/
/*       5. PORTFOLIO LAYOUTS                                                          */
/*=====================================================================================*/

/*-- Grids 3col --*/
.portfolio-grids3 { width: 1080px; margin: 0 auto; }
.portfolio-grids3 .portfolio-item { width: 358px; height: 358px; float: left; margin: 1px; position: relative; }
.portfolio-grids3 .portfolio-item:hover { z-index: 15; }
.portfolio-grids3 .portfolio-item .thumbnail { width: 358px; height: 358px; position: absolute; top: 0; left: 0; z-index: 9; }
.portfolio-grids3 .portfolio-item .thumbnail img { display: block; width: 358px; height: 358px; }
.portfolio-grids3 .portfolio-item .rollover-element { opacity: 0; width: 358px; padding: 20px; position: absolute; top: -20px; left: -20px; z-index: 11; background: #000; transition: opacity 0.6s; -webkit-transtion: opacity 0.6s; -moz-transition: opacity 0.6s; }
.portfolio-grids3 .portfolio-item:hover .rollover-element { opacity: 1; }
.portfolio-grids3 .portfolio-item .rollover-element img { display: block; width: 358px; height: 358px; margin-bottom: 25px; }
.portfolio-grids3 .portfolio-item .rollover-element h3 { margin-bottom: 10px; font-size: 18px; color: #FFF; text-align: center; }

/*-- Grids 4col --*/
.portfolio-grids4 { width: 1080px; margin: 0 auto; }
.portfolio-grids4 .portfolio-item { width: 268px; height: 268px; float: left; margin: 1px; position: relative; }
.portfolio-grids4 .portfolio-item:hover { z-index: 15; }
.portfolio-grids4 .portfolio-item .thumbnail { width: 268px; height: 268px; position: absolute; top: 0; left: 0; z-index: 9; }
.portfolio-grids4 .portfolio-item .thumbnail img { display: block; width: 268px; height: 268px; }
.portfolio-grids4 .portfolio-item .rollover-element { opacity: 0; width: 199px; padding: 20px; position: absolute; top: -20px; left: -20px; z-index: 11; background: #000; transition: opacity 0.6s; -webkit-transtion: opacity 0.6s; -moz-transition: opacity 0.6s; }
.portfolio-grids4 .portfolio-item:hover .rollover-element { opacity: 1; }
.portfolio-grids4 .portfolio-item .rollover-element img { display: block; width: 268px; height: 268px; margin-bottom: 25px; }
.portfolio-grids4 .portfolio-item .rollover-element h3 { margin-bottom: 10px; font-size: 18px; color: #FFF; text-align: center; }

/*-- Circles 3col --*/
.portfolio-circles3 { width: 1080px; margin: 0 auto; overflow: hidden; }
.portfolio-circles3 .circles-container { width: 1125px; }
.portfolio-circles3 .portfolio-item { width: 330px; height: 330px; float: left; position: relative; margin-right: 45px; margin-bottom: 50px; border-radius: 165px; -webkit-border-radius: 165px; -moz-border-radius: 165px; }
.portfolio-circles3 .portfolio-item .thumbnail { width: 330px; height: 330px; position: absolute; top: 0; left: 0; z-index: 9; border-radius: 165px; -webkit-border-radius: 165px; -moz-border-radius: 165px; }
.portfolio-circles3 .portfolio-item .thumbnail img { display: block; width: 330px; height: 330px; border-radius: 165px; -webkit-border-radius: 165px; -moz-border-radius: 165px; }
.portfolio-circles3 .portfolio-item .rollover-element { opacity: 0; width: 330px; height: 330px; position: absolute; top: 0px; left: 0px; z-index: 11; text-align: center; background: rgba(0,0,0,0.7); border-radius: 165px; -webkit-border-radius: 165px; -moz-border-radius: 165px; transition: opacity 0.6s; -webkit-transtion: opacity 0.6s; -moz-transition: opacity 0.6s; }
.portfolio-circles3 .portfolio-item:hover .rollover-element { opacity: 1; }
.portfolio-circles3 .portfolio-item .rollover-element .project-meta { width: 330px; height: 180px; padding-top: 150px; line-height: 1; border-radius: 165px; -webkit-border-radius: 165px; -moz-border-radius: 165px; }
.portfolio-circles3 .portfolio-item .rollover-element h3 { margin-bottom: 20px; font-size: 22px; color: #FFF; text-align: center; }
.portfolio-circles3 .portfolio-item .rollover-element p { font-size: 12px; color: #FFF; font-style: italic; }

/*-- Circles 4col --*/
.portfolio-circles4 { width: 1080px; margin: 0 auto; overflow: hidden; }
.portfolio-circles4 .circles-container { width: 1120px; }
.portfolio-circles4 .portfolio-item { width: 240px; height: 240px; float: left; position: relative; margin-right: 40px; margin-bottom: 50px; border-radius: 120px; -webkit-border-radius: 120px; -moz-border-radius: 120px; }
.portfolio-circles4 .portfolio-item .thumbnail { width: 240px; height: 240px; position: absolute; top: 0; left: 0; z-index: 9; border-radius: 120px; -webkit-border-radius: 120px; -moz-border-radius: 120px; }
.portfolio-circles4 .portfolio-item .thumbnail img { display: block; width: 240px; height: 240px; border-radius: 120px; -webkit-border-radius: 120px; -moz-border-radius: 120px; }
.portfolio-circles4 .portfolio-item .rollover-element { opacity: 0; width: 240px; height: 240px; position: absolute; top: 0px; left: 0px; z-index: 11; text-align: center; background: rgba(0,0,0,0.7); border-radius: 120px; -webkit-border-radius: 120px; -moz-border-radius: 120px; transition: opacity 0.6s; -webkit-transtion: opacity 0.6s; -moz-transition: opacity 0.6s; }
.portfolio-circles4 .portfolio-item:hover .rollover-element { opacity: 1; }
.portfolio-circles4 .portfolio-item .rollover-element .project-meta { width: 240px; height: 125px; padding-top: 115px; line-height: 1; border-radius: 120px; -webkit-border-radius: 120px; -moz-border-radius: 120px; }
.portfolio-circles4 .portfolio-item .rollover-element h3 { margin-bottom: 15px; font-size: 18px; color: #FFF; text-align: center; }
.portfolio-circles4 .portfolio-item .rollover-element p { font-size: 12px; color: #FFF; font-style: italic; }

/*-- Stacked Blocks --*/
.portfolio-stack { width: 1080px; margin: 0 auto; overflow: hidden; }
.portfolio-stack .stack-container { width: 1120px; }
.portfolio-stack .portfolio-item { width: 520px; float: left; margin-right: 40px; margin-bottom: 40px; }
.portfolio-stack .portfolio-item .thumbnail { position: relative; z-index: 1; }
.portfolio-stack .portfolio-item .thumbnail img { width: 100%; height: auto; display: block; }
.portfolio-stack .portfolio-item .teaser { position: relative; z-index: 2; width: 320px; margin: 0 auto; margin-top: -60px; padding: 50px 50px; background: #FFF; }
.portfolio-stack .portfolio-item .teaser .project-contents {}
.portfolio-stack .portfolio-item .teaser .project-contents h3 { display: block; position: relative; padding-top: 27px; font-size: 22px; }
.portfolio-stack .portfolio-item .teaser .project-contents h3:before { display: block; content: " "; position: absolute; top: 0; left: 0; width: 24px; height: 4px; background: #000; }
.portfolio-stack .portfolio-item .teaser .project-contents p { margin-bottom: 25px; line-height: 170%; color: #666; font-size: 15px; }
.portfolio-stack .portfolio-item .teaser .project-contents a.more-link { display: inline-block; height: 40px; line-height: 40px; padding: 0px 22px; font-size: 16px; font-family: 'Montserrat', sans-serif; color: #000; font-weight: bold; border: 1px solid #000; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.portfolio-stack .portfolio-item .teaser .project-contents a.more-link:hover { opacity: 0.6; }

/*-- Masonry Mixed --*/
.portfolio-masonry { width: 1180px; margin: 0 auto; overflow: hidden; }
.portfolio-masonry .masonry-container { width: 1190px; }
.portfolio-masonry .masonry-container .wide { width: 790px; }
.portfolio-masonry .masonry-container .narrow { width: 380px; }
.portfolio-masonry .masonry-item { position: relative; float: left; margin-right: 10px; margin-bottom: 10px; }
.portfolio-masonry .masonry-item .thumbnail { position: relative; z-index: 1; }
.portfolio-masonry .masonry-item .thumbnail img { width: 100%; height: auto; display: block; }
.portfolio-masonry .masonry-item .rollover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.6s linear; -webkit-transtion: visibility 0s, opacity 10.6s linear; -moz-transition: visibility 0s, opacity 0.6s linear; }
.portfolio-masonry .masonry-item:hover .rollover { visibility: visible; opacity: 1; }
.portfolio-masonry .masonry-item .rollover-contents { position: absolute; bottom: 40px; left: 40px; z-index: 3; }
.portfolio-masonry .masonry-item .rollover-contents h3 { margin-bottom: 20px; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 25px; color: #FFF;  }
.portfolio-masonry .masonry-item .rollover-contents p { font-size: 14px; color: #CCC; font-style: italic; }

/*-- Masonry 2col --*/
.portfolio-masonry-2col { width: 1180px; margin: 0 auto; overflow: hidden; }
.portfolio-masonry-2col .masonry-container { width: 1190px; }
.portfolio-masonry-2col .masonry-item { position: relative; float: left; width: 585px; margin-right: 10px; margin-bottom: 10px; }
.portfolio-masonry-2col .masonry-item .thumbnail { position: relative; z-index: 1; }
.portfolio-masonry-2col .masonry-item .thumbnail img { width: 100%; height: auto; display: block; }
.portfolio-masonry-2col .masonry-item .rollover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.6s linear; -webkit-transtion: visibility 0s, opacity 10.6s linear; -moz-transition: visibility 0s, opacity 0.6s linear; }
.portfolio-masonry-2col .masonry-item:hover .rollover { visibility: visible; opacity: 1; }
.portfolio-masonry-2col .masonry-item .rollover-contents { position: absolute; bottom: 40px; left: 40px; z-index: 3; }
.portfolio-masonry-2col .masonry-item .rollover-contents h3 { margin-bottom: 20px; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 25px; color: #FFF;  }
.portfolio-masonry-2col .masonry-item .rollover-contents p { font-size: 14px; color: #CCC; font-style: italic; }

/*-- Masonry 3col --*/
.portfolio-masonry-3col { width: 1180px; margin: 0 auto; overflow: hidden; }
.portfolio-masonry-3col .masonry-container { width: 1185px; }
.portfolio-masonry-3col .masonry-item { position: relative; float: left; width: 390px; margin-right: 5px; margin-bottom: 5px; }
.portfolio-masonry-3col .masonry-item .thumbnail { position: relative; z-index: 1; }
.portfolio-masonry-3col .masonry-item .thumbnail img { width: 100%; height: auto; display: block; }
.portfolio-masonry-3col .masonry-item .rollover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.6s linear; -webkit-transtion: visibility 0s, opacity 10.6s linear; -moz-transition: visibility 0s, opacity 0.6s linear; }
.portfolio-masonry-3col .masonry-item:hover .rollover { visibility: visible; opacity: 1; }
.portfolio-masonry-3col .masonry-item .rollover-contents { position: absolute; bottom: 40px; left: 40px; z-index: 3; }
.portfolio-masonry-3col .masonry-item .rollover-contents h3 { margin-bottom: 20px; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 25px; color: #FFF;  }
.portfolio-masonry-3col .masonry-item .rollover-contents p { font-size: 14px; color: #CCC; font-style: italic; }

/*-- Cards 2col --*/
.portfolio-cards-2col { width: 1180px; margin: 0 auto; overflow: hidden; }
.portfolio-cards-2col .cards-container { width: 1220px; }
.portfolio-cards-2col .portfolio-item { width: 570px; float: left; margin-right: 40px; margin-bottom: 40px; }
.portfolio-cards-2col .portfolio-item .card-top { padding: 80px 50px; padding-bottom: 60px; background: #FFF; }
.portfolio-cards-2col .portfolio-item .card-top p { margin-bottom: 30px; font-family: 'Lato', sans-serif; color: #999; font-weight: bold; font-style: italic; font-size: 13px; }
.portfolio-cards-2col .portfolio-item .card-top h3 { position: relative; display: block; margin: 0; padding-top: 35px; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 28px; }
.portfolio-cards-2col .portfolio-item .card-top h3:before { display: block; content: " "; position: absolute; top: 0; left: 0; width: 25px; height: 4px; background: #000; }
.portfolio-cards-2col .portfolio-item .card-top h3 a { color: #000; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.portfolio-cards-2col .portfolio-item .card-top h3 a:hover { opacity: 0.4; }
.portfolio-cards-2col .portfolio-item .thumbnail { width: 570px; position: relative; background: #000; }
.portfolio-cards-2col .portfolio-item .thumbnail img { width: 100%; height: auto; display: block; position: relative; z-index: 2; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.portfolio-cards-2col .portfolio-item .thumbnail a:hover img { opacity: 0.5; }
.portfolio-cards-2col .portfolio-item .thumbnail span.label { display: block; width: 100%; height: 50px; line-height: 50px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; margin-top: auto; margin-bottom: auto; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 35px; color: #FFF; text-align: center; opacity: 0; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.portfolio-cards-2col .portfolio-item .thumbnail a:hover span.label { opacity: 1; }

/*-- Cards 3col --*/
.portfolio-cards-3col { width: 1180px; margin: 0 auto; overflow: hidden; }
.portfolio-cards-3col .cards-container { width: 1200px; }
.portfolio-cards-3col .portfolio-item { width: 380px; float: left; margin-right: 20px; margin-bottom: 20px; }
.portfolio-cards-3col .portfolio-item .card-top { padding: 70px 30px; padding-bottom: 50px; background: #FFF; }
.portfolio-cards-3col .portfolio-item .card-top p { margin-bottom: 20px; font-family: 'Lato', sans-serif; color: #999; font-weight: bold; font-style: italic; font-size: 12px; }
.portfolio-cards-3col .portfolio-item .card-top h3 { position: relative; display: block; margin: 0; padding-top: 25px; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 20px; }
.portfolio-cards-3col .portfolio-item .card-top h3:before { display: block; content: " "; position: absolute; top: 0; left: 0; width: 20px; height: 3px; background: #000; }
.portfolio-cards-3col .portfolio-item .card-top h3 a { color: #000; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.portfolio-cards-3col .portfolio-item .card-top h3 a:hover { opacity: 0.4; }
.portfolio-cards-3col .portfolio-item .thumbnail { width: 380px; position: relative; background: #000; }
.portfolio-cards-3col .portfolio-item .thumbnail img { max-width: 100%; height: auto; display: block; position: relative; z-index: 2; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.portfolio-cards-3col .portfolio-item .thumbnail a:hover img { opacity: 0.5; }
.portfolio-cards-3col .portfolio-item .thumbnail span.label { display: block; width: 100%; height: 40px; line-height: 40px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; margin-top: auto; margin-bottom: auto; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 25px; color: #FFF; text-align: center; opacity: 0; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.portfolio-cards-3col .portfolio-item .thumbnail a:hover span.label { opacity: 1; }

/*-- Cards 4col --*/
.portfolio-cards-4col { width: 1180px; margin: 0 auto; overflow: hidden; }
.portfolio-cards-4col .cards-container { width: 1200px; }
.portfolio-cards-4col .portfolio-item { width: 280px; float: left; margin-right: 20px; margin-bottom: 20px; }
.portfolio-cards-4col .portfolio-item .card-top { padding: 55px 30px; padding-bottom: 45px; background: #FFF; }
.portfolio-cards-4col .portfolio-item .card-top p { margin-bottom: 20px; font-family: 'Lato', sans-serif; color: #999; font-weight: bold; font-style: italic; font-size: 12px; }
.portfolio-cards-4col .portfolio-item .card-top h3 { position: relative; display: block; margin: 0; padding-top: 23px; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 18px; }
.portfolio-cards-4col .portfolio-item .card-top h3:before { display: block; content: " "; position: absolute; top: 0; left: 0; width: 20px; height: 3px; background: #000; }
.portfolio-cards-4col .portfolio-item .card-top h3 a { color: #000; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.portfolio-cards-4col .portfolio-item .card-top h3 a:hover { opacity: 0.4; }
.portfolio-cards-4col .portfolio-item .thumbnail { width: 280px; position: relative; background: #000; }
.portfolio-cards-4col .portfolio-item .thumbnail img { max-width: 100%; height: auto; display: block; position: relative; z-index: 2; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.portfolio-cards-4col .portfolio-item .thumbnail a:hover img { opacity: 0.5; }
.portfolio-cards-4col .portfolio-item .thumbnail span.label { display: block; width: 100%; height: 40px; line-height: 40px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; margin-top: auto; margin-bottom: auto; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 20px; color: #FFF; text-align: center; opacity: 0; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.portfolio-cards-4col .portfolio-item .thumbnail a:hover span.label { opacity: 1; }

/*-- Zig-Zag --*/
.portfolio-zig-zag { width: 1180px; margin: 0 auto; }
.portfolio-zig-zag .portfolio-item { margin-bottom: 40px; background: #FFF; overflow: hidden; }
.portfolio-zig-zag .portfolio-item .thumbnail { width: 730px; }
.portfolio-zig-zag .portfolio-item .thumbnail img { width: 100%; height: auto; display: block; }
.portfolio-zig-zag .portfolio-item .teaser { width: 350px; padding: 110px 50px; }
.portfolio-zig-zag .portfolio-item .teaser .project-contents {}
.portfolio-zig-zag .portfolio-item .teaser .project-contents h3 { position: relative; margin-bottom: 30px; padding-top: 38px; font-size: 25px; }
.portfolio-zig-zag .portfolio-item .teaser .project-contents h3:before { display: block; content: " "; width: 26px; height: 4px; position: absolute; top: 0; left: 0; background: #000; }
.portfolio-zig-zag .portfolio-item .teaser .project-contents p { margin-bottom: 30px; line-height: 170%; font-size: 14px; color: #666; }
.portfolio-zig-zag .portfolio-item .teaser .project-contents a.button { display: inline-block; height: 47px; line-height: 47px; padding: 0px 30px; font-size: 18px; font-family: 'Montserrat', sans-serif; color: #000; font-weight: bold; border: 1px solid #000; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.portfolio-zig-zag .portfolio-item .teaser .project-contents a.button:hover { opacity: 0.5; }
.portfolio-zig-zag .odd .teaser { float: right; }
.portfolio-zig-zag .odd .thumbnail { float: left; }
.portfolio-zig-zag .even .teaser { float: left; }
.portfolio-zig-zag .even .thumbnail { float: right; }

/*-- Mixed Blocks --*/
.portfolio-mixed-blocks { width: 1180px; margin: 0 auto; }
.portfolio-mixed-blocks .mixed-container {}
.portfolio-mixed-blocks .portfolio-item { position: relative; margin-bottom: 5px; }
.portfolio-mixed-blocks .full { width: 1180px; }
.portfolio-mixed-blocks .third { width: 390px; float: left; margin-right: 5px; }
.portfolio-mixed-blocks .half { width: 587px; float: left; margin-right: 6px; }
.portfolio-mixed-blocks .last { margin-right: 0px; }
.portfolio-mixed-blocks .thumbnail { width: 100%; }
.portfolio-mixed-blocks .thumbnail img { width: 100%; height: auto; display: block; }
.portfolio-mixed-blocks .portfolio-item .rollover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.6s linear; -webkit-transtion: visibility 0s, opacity 10.6s linear; -moz-transition: visibility 0s, opacity 0.6s linear; }
.portfolio-mixed-blocks .portfolio-item:hover .rollover { visibility: visible; opacity: 1; }
.portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents { position: absolute; bottom: 40px; left: 40px; z-index: 3; }
.portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents h3 { margin-bottom: 20px; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 25px; color: #FFF;  }
.portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents p { font-size: 14px; color: #CCC; font-style: italic; }
.portfolio-mixed-blocks .inline-message { display: table; background: #000; color: #FFF; }
.portfolio-mixed-blocks .inline-message p { display: table-cell; vertical-align: middle; line-height: 180%; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 23px; text-align: center; }
.portfolio-mixed-blocks .third .inline-message { width: 300px; height: 390px;  padding: 0px 45px; }

/*-- Portfolio Item --*/
#portfolio-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; background: #FFF; overflow-y: scroll; overflow-x: hidden; }
a#close-item { position: fixed; top: 25px; right: 30px; z-index: 1000000000000000000000000000000005; display: inline-block; font-size: 40px; font-family: 'Quicksand', sans-serif; color: #000; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
a#close-item:hover { opacity: 0.6; }
#portfolio-item-wrapper { width: 1180px; margin: 0 auto; padding: 70px 0px; }
#portfolio-item-wrapper img { max-width: 100%; height: auto; }
.portfolio-item-title { margin-bottom: 40px; }
.portfolio-item-title h2 { font-size: 40px; margin: 0; line-height: 130%; text-align: center; }
.portfolio-text { font-size: 16px; line-height: 170%; }
.portfolio-text p { margin-bottom: 20px; }
/* iframe */
.portfolio-iframe { width: 1180px; margin-bottom: 40px; }
/* slider */
#portfolio-slider{ width: 1180px; margin: 0; padding: 0; margin-bottom: 40px; position: relative; zoom: 1;}
#portfolio-slider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
#portfolio-slider .slides > li { display: none; position: relative; }
#portfolio-slider .slides img { max-width: 100%; display: block; }
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
#portfolio-slider .slides {zoom: 1;}
#portfolio-slider .flex-direction-nav li a { display: none; width: 60px; height: 60px; line-height: 60px; position: absolute; top: 47%; z-index: 100000; background: #000; font-family: 'Quicksand', sans-serif; font-weight: 300; font-size: 30px; text-align: center; color: #FFF; }
#portfolio-slider:hover .flex-direction-nav li a { display: block; }
#portfolio-slider .flex-direction-nav li .flex-next { right: 30px; }
#portfolio-slider .flex-direction-nav li .flex-prev { left: 30px; }
#portfolio-slider .flex-direction-nav li .disabled {opacity: 0.3; filter:alpha(opacity=30); cursor: default;}
table.portfolio-table { margin-bottom: 30px; border-top: 0px !important; }
table.portfolio-table td { font-size: 14px; padding: 15px 20px; line-height: 160%; }
table.portfolio-table td strong { color: #333; }
table.portfolio-table { margin-bottom: 30px; border-top: 0px !important; }
table.portfolio-table td { font-size: 14px; padding: 15px 20px; line-height: 160%; }
table.portfolio-table td strong { color: #333; }

/* Item Preloader */
#item-preloader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000000000000000000000000000000006; padding-top: 25%; background: #FFF; }
#preloader_1{ position:relative; z-index: 1000000000000000000000000000000007; width: 106px; margin: 0 auto; }
#preloader_1 span{ display:block; bottom:0px; width: 18px; height: 10px; background: rgba(0,0,0,0.5);; position:absolute; animation: preloader_1 1.5s  infinite ease-in-out; }
#preloader_1 span:nth-child(2){ left:22px; animation-delay: .2s; }
#preloader_1 span:nth-child(3){ left:44px; animation-delay: .4s; }
#preloader_1 span:nth-child(4){ left:66px; animation-delay: .6s; }
#preloader_1 span:nth-child(5){ left:88px; animation-delay: .8s; }
@keyframes preloader_1 {
    0% {height:10px;transform:translateY(0px);background: rgba(0,0,0,0.5);}
    25% {height:60px;transform:translateY(15px);background: rgba(0,0,0,1);}
    50% {height:10px;transform:translateY(0px);background: rgba(0,0,0,0.5);}
    100% {height:10px;transform:translateY(0px);background:rgba(0,0,0,0.5);}
}


/*=====================================================================================*/
/*       6. SERVICES                                                                   */
/*=====================================================================================*/

/*-- Grid 3 columns --*/
.service-grids3 { width: 1080px; margin: 0 auto; overflow: hidden; }
.service-grids3 .services-wrapper {}
.service-grids3 .service { width: 358px; float: left; margin: 1px; background: rgba(0,0,0,1.0); color: #FFF; text-align: center; transition: background 1s; -webkit-transtion: background 1s; -moz-transition: background 1s; }
.service-grids3 .service:hover { background: rgba(0,0,0,0.8); }
.service-grids3 .service .service-inner { padding-top: 85px; padding-bottom: 70px; }
.service-grids3 .service .service-image-icon { height: 60px; line-height: 1; margin-bottom: 40px; text-align: center; }
.service-grids3 .service .service-image-icon img { width: auto; height: 60px; display: inline-block; }
.service-grids3 .service .service-font-icon { display: table; width: 100%; height: 60px; margin-bottom: 40px; text-align: center; color: #FFF; }
.service-grids3 .service .service-font-icon i { display: table-cell; vertical-align: middle; }
.service-grids3 .service h4 { font-size: 18px; color: #FFF; }

/*-- Grid 4 columns --*/
.service-grids4 { width: 1080px; margin: 0 auto; overflow: hidden; }
.service-grids4 .services-wrapper {}
.service-grids4 .service { width: 268px; float: left; margin: 1px; background: rgba(0,0,0,1.0); color: #FFF; text-align: center; transition: background 1s; -webkit-transtion: background 1s; -moz-transition: background 1s; }
.service-grids4 .service:hover { background: rgba(0,0,0,0.8); }
.service-grids4 .service .service-inner { padding-top: 85px; padding-bottom: 70px; }
.service-grids4 .service .service-image-icon { height: 60px; line-height: 1; margin-bottom: 40px; text-align: center; }
.service-grids4 .service .service-image-icon img { width: auto; height: 60px; display: inline-block; }
.service-grids4 .service .service-font-icon { display: table; width: 100%; height: 60px; margin-bottom: 40px; text-align: center; color: #FFF; }
.service-grids4 .service .service-font-icon i { display: table-cell; vertical-align: middle; }
.service-grids4 .service h4 { font-size: 18px; color: #FFF; }

/*-- Circles 3 columns --*/
.service-circles3 { width: 1080px; margin: 0 auto; overflow: hidden; }
.service-circles3 .services-wrapper { width: 1125px; }
.service-circles3 .service { width: 330px; float: left; margin-right: 45px; margin-bottom: 60px; }
.service-circles3 .service .service-image-icon { width: 200px; height: 60px; position: relative; margin: 0 auto; margin-bottom: 40px; padding-top: 70px; padding-bottom: 70px; text-align: center; background: rgba(0,0,0,1.0); border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; transition: background 1s; -webkit-transtion: background 1s; -moz-transition: background 1s; }
.service-circles3 .service .service-image-icon:hover { background: rgba(0,0,0,0.8); }
.service-circles3 .service .service-image-icon a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 200px; height: 60px; padding-top: 70px; padding-bottom: 70px; text-align: center; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
.service-circles3 .service .service-image-icon img { display: inline-block; height: 100%; width: auto; }
.service-circles3 .service .service-font-icon { display: table; width: 200px; height: 200px; position: relative; margin: 0 auto; margin-bottom: 40px; text-align: center; background: rgba(0,0,0,1.0); color: #FFF; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; transition: background 1s; -webkit-transtion: background 1s; -moz-transition: background 1s; }
.service-circles3 .service .service-font-icon:hover { background: rgba(0,0,0,0.8); }
.service-circles3 .service .service-font-icon a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: table; width: 200px; height: 200px; position: relative; text-align: center; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; color: #FFF; }
.service-circles3 .service .service-font-icon i { display: table-cell; vertical-align: middle; }
.service-circles3 .service .service-teaser { width: 300px; margin: 0 auto; }
.service-circles3 .service .service-teaser h4 { text-align: center; }
.service-circles3 .service .service-teaser h4 a { color: #000; }
.service-circles3 .service .service-teaser p { line-height: 180%; font-size: 15px; text-align: center; }

/*-- Circles 4 columns --*/
.service-circles4 { width: 1080px; margin: 0 auto; overflow: hidden; }
.service-circles4 .services-wrapper { width: 1120px; }
.service-circles4 .service { width: 240px; float: left; margin-right: 40px; margin-bottom: 55px; }
.service-circles4 .service .service-image-icon { width: 200px; height: 60px; position: relative; margin: 0 auto; margin-bottom: 40px; padding-top: 70px; padding-bottom: 70px; text-align: center; background: rgba(0,0,0,1.0); border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; transition: background 1s; -webkit-transtion: background 1s; -moz-transition: background 1s; }
.service-circles4 .service .service-image-icon:hover { background: rgba(0,0,0,0.8); }
.service-circles4 .service .service-image-icon a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 200px; height: 60px; padding-top: 70px; padding-bottom: 70px; text-align: center; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
.service-circles4 .service .service-image-icon img { display: inline-block; height: 100%; width: auto; }
.service-circles4 .service .service-font-icon { display: table; width: 200px; height: 200px; position: relative; margin: 0 auto; margin-bottom: 40px; text-align: center; background: rgba(0,0,0,1.0); color: #FFF; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; transition: background 1s; -webkit-transtion: background 1s; -moz-transition: background 1s; }
.service-circles4 .service .service-font-icon:hover { background: rgba(0,0,0,0.8); }
.service-circles4 .service .service-font-icon a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: table; width: 200px; height: 200px; position: relative; text-align: center; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; color: #FFF; }
.service-circles4 .service .service-font-icon i { display: table-cell; vertical-align: middle; }
.service-circles4 .service .service-teaser { width: 220px; margin: 0 auto; }
.service-circles4 .service .service-teaser h4 { text-align: center; }
.service-circles4 .service .service-teaser h4 a { color: #000; }
.service-circles4 .service .service-teaser p { line-height: 180%; font-size: 15px; text-align: center; }

/*-- Service Item --*/
#service-item { position: relative; width: 940px; margin: 0 auto; background: #FFF; padding: 70px 0px; }
.service-title { width: 800px; margin: 0 auto; margin-bottom: 30px; }
.service-title h2 { margin: 0; line-height: 150%; font-size: 30px; }
.service-contents { width: 800px; margin: 0 auto; }
.service-contents p { line-height: 170%; margin-bottom: 20px; font-size: 16px; }
.service-contents img { max-width: 100%; height: auto; }
.service-iframe { margin-bottom: 20px; }
.service-iframe iframe { width: 100%; }

/*=====================================================================================*/
/*       7. OUR TEAM                                                                   */
/*=====================================================================================*/

/*-- General --*/
.team-member { background: #FFF; }
.member-position { height: 65px; line-height: 65px; background: #000; }
.member-position h4 { margin: 0px; font-size: 16px; color: #FFF; text-align: center; }
.team-member .member-info .button-wrapper a.load-member { display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: bold; color: #000; border: 1px solid #000; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.team-member .member-info .button-wrapper a.load-member:hover { opacity: 0.7; }
.member-social { margin: 0 auto; border-top: 1px solid #000; text-align: center; }
.member-social ul { margin: 0; padding: 0; }
.member-social ul li { display: inline-block; width: 50px; height: 50px; line-height: 50px; margin: 0px 8px; }
.member-social ul li a { display: table; width: 50px; height: 50px; line-height: 50px; color: #FFF; text-align: center; background: #000; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.member-social ul li a:hover { opacity: 0.7; }
.member-social ul li a i { display: table-cell; vertical-align: middle; }

/*-- 2 Columns --*/
.members-2col { width: 1180px; margin: 0 auto; overflow: hidden; }
.members-2col .members-container { width: 1260px; }
.members-2col .team-member { width: 550px; float: left; margin-right: 80px; margin-bottom: 30px; padding-bottom: 70px; }
.members-2col .team-member .member-position { margin-bottom: 70px; }
.members-2col .team-member .member-avatar { width: 250px; height: 250px; margin: 0 auto; border-radius: 125px; -moz-border-radius: 125px; -webkit-border-radius: 125px; }
.members-2col .team-member .member-avatar img { width: 250px; height: 250px; display: block; border-radius: 125px; -moz-border-radius: 125px; -webkit-border-radius: 125px; }
.members-2col .team-member .member-info { width: 400px; margin: 0 auto; margin-bottom: 38px; padding-top: 37px; text-align: center; }
.members-2col .team-member .member-info h3 { margin-bottom: 29px; font-size: 28px; }
.members-2col .team-member .member-info p { margin-bottom: 20px; line-height: 170%; font-size: 14px; }
.members-2col .team-member .member-info .button-wrapper { padding-top: 14px; text-align: center; }
.members-2col .team-member .member-info .button-wrapper a.load-member { height: 40px; line-height: 40px; padding: 0px 40px; }
.members-2col .team-member .member-social { width: 400px; padding-top: 30px; }

/*-- 3 Columns --*/
.members-3col { width: 1180px; margin: 0 auto; overflow: hidden; }
.members-3col .members-container { width: 1200px; }
.members-3col .team-member { width: 380px; float: left; margin-right: 20px; margin-bottom: 30px; padding-bottom: 70px; }
.members-3col .team-member .member-position { margin-bottom: 70px; }
.members-3col .team-member .member-avatar { width: 200px; height: 200px; margin: 0 auto; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
.members-3col .team-member .member-avatar img { width: 200px; height: 200px; display: block; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
.members-3col .team-member .member-info { width: 300px; margin: 0 auto; margin-bottom: 38px; padding-top: 37px; text-align: center; }
.members-3col .team-member .member-info h3 { margin-bottom: 29px; font-size: 28px; }
.members-3col .team-member .member-info p { margin-bottom: 20px; line-height: 170%; font-size: 14px; }
.members-3col .team-member .member-info .button-wrapper { padding-top: 14px; text-align: center; }
.members-3col .team-member .member-info .button-wrapper a.load-member { height: 40px; line-height: 40px; padding: 0px 40px; }
.members-3col .team-member .member-social { width: 300px; padding-top: 30px; }

/*-- 4 Columns --*/
.members-4col { width: 1180px; margin: 0 auto; overflow: hidden; }
.members-4col .members-container { width: 1200px; }
.members-4col .team-member { width: 280px; float: left; margin-right: 20px; margin-bottom: 30px; padding-bottom: 60px; }
.members-4col .team-member .member-position { margin-bottom: 60px; }
.members-4col .team-member .member-avatar { width: 160px; height: 160px; margin: 0 auto; border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; }
.members-4col .team-member .member-avatar img { width: 160px; height: 160px; display: block; border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; }
.members-4col .team-member .member-info { width: 190px; margin: 0 auto; margin-bottom: 38px; padding-top: 37px; text-align: center; }
.members-4col .team-member .member-info h3 { margin-bottom: 22px; font-size: 20px; }
.members-4col .team-member .member-info p { margin-bottom: 15px; line-height: 170%; font-size: 13px; }
.members-4col .team-member .member-info .button-wrapper { padding-top: 10px; text-align: center; }
.members-4col .team-member .member-info .button-wrapper a.load-member { height: 36px; line-height: 36px; padding: 0px 30px; }
.members-4col .team-member .member-social { width: 190px; padding-top: 30px; }
.members-4col .team-member .member-social ul li { width: 36px; height: 36px; line-height: 36px; margin: 0px 5px; }
.members-4col .team-member .member-social ul li a { width: 36px; height: 36px; line-height: 36px; }

/*-- Team Member Page ( Ajax Loaded ) --*/
#team-member { position: relative; width: 940px; margin: 0 auto; background: #FFF; padding: 60px 0px; }
.member-name { width: 800px; margin: 0 auto; margin-bottom: 30px; }
.member-name h2 { margin: 0; line-height: 150%; font-size: 30px; }
.member-contents { width: 800px; margin: 0 auto; }
h3.member-section-title { display: block; margin-bottom: 25px; padding-top: 25px; padding-bottom: 20px; font-size: 22px; border-bottom: 1px solid #000; }
.member-contents p { line-height: 170%; margin-bottom: 20px; font-size: 16px; }
.member-contents img { max-width: 100%; height: auto; }
.member-iframe { margin-bottom: 30px; }
.member-iframe iframe { width: 100%; }
table.career-table { margin-bottom: 30px; border-top: 0px !important; }
table.career-table td { font-size: 14px; padding: 15px 20px; line-height: 160%; }
table.career-table td strong { color: #333; }
table.contacts-table { margin-bottom: 30px; border-top: 0px !important; }
table.contacts-table td { font-size: 14px; padding: 15px 20px; line-height: 160%; }
table.contacts-table td strong { color: #333; }
#team-member table:last-child { margin-bottom: 0px !important; }


/*=====================================================================================*/
/*       8. TESTIMONIALS                                                               */
/*=====================================================================================*/

/*-- 3 Columns --*/
.testimonials-3col { width: 1180px; margin: 0 auto; overflow: hidden; }
.testimonials-3col .testimonials-container { width: 1260px; }
.testimonials-3col .testimonial { width: 340px; float: left; margin-right: 80px; margin-bottom: 80px; padding-top: 100px; padding-bottom: 50px; background: #FFF url('images/testimonials-bg.png') 32px 42px no-repeat; background-size: 44px 31px; }
.testimonials-3col .testimonial .testimonial-contents { width: 270px; margin: 0 auto; padding-bottom: 15px; line-height: 180%; font-size: 14px; }
.testimonials-3col .testimonial .testimonial-contents p { margin-bottom: 15px; }
.testimonials-3col .testimonial .testimonial-client { width: 270px; height: 50px; margin: 0 auto; }
.testimonials-3col .testimonial .testimonial-client img { float: left; display: inline-block; width: 46px; height: 46px; padding: 2px; background: #000; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
.testimonials-3col .testimonial .testimonial-client h3 { float: left; display: inline-block; height: 50px; line-height: 50px; margin: 0px; margin-left: 15px; font-size: 15px; }

/*-- 4 Columns --*/
.testimonials-4col { width: 1180px; margin: 0 auto; overflow: hidden; }
.testimonials-4col .testimonials-container { width: 1220px; }
.testimonials-4col .testimonial { width: 265px; float: left; margin-right: 40px; margin-bottom: 40px; padding-top: 100px; padding-bottom: 50px; background: #FFF url('images/testimonials-bg.png') 32px 42px no-repeat; background-size: 44px 31px; }
.testimonials-4col .testimonial .testimonial-contents { width: 200px; margin: 0 auto; padding-bottom: 15px; line-height: 180%; font-size: 13px; }
.testimonials-4col .testimonial .testimonial-contents p { margin-bottom: 15px; }
.testimonials-4col .testimonial .testimonial-client { width: 200px; height: 50px; margin: 0 auto; }
.testimonials-4col .testimonial .testimonial-client img { float: left; display: inline-block; width: 36px; height: 36px; padding: 2px; background: #000; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.testimonials-4col .testimonial .testimonial-client h3 { float: left; display: inline-block; height: 50px; line-height: 50px; margin: 0px; margin-left: 10px; font-size: 13px; }


/*=====================================================================================*/
/*       9. PRICING TABLES                                                             */
/*=====================================================================================*/

/*-- General --*/
.pricing-table { float: left; background: #FFF; text-align: center; }
.plan-price { background: #000; color: #FFF; font-family: 'Montserrat', sans-serif; }
.order-button a { display: inline-block; border: 1px solid #000; font-family: 'Montserrat', sans-serif; color: #000; font-weight: bold; }

/*-- 4 Columns --*/
.pricing-tables-4col { width: 1080px; margin: 0 auto; overflow: hidden; }
.pricing-tables-4col .pricing-table { width: 260px; margin: 0px 5px 5px 5px; }
.pricing-tables-4col .pricing-table .plan-title { height: 85px; line-height: 89px; }
.pricing-tables-4col .pricing-table .plan-title h4 { margin: 0px; font-size: 18px; }
.pricing-tables-4col .pricing-table .plan-price { padding: 22px 0px; }
.pricing-tables-4col .pricing-table .plan-price .price { font-size: 32px; font-weight: bold; }
.pricing-tables-4col .pricing-table .plan-price .period { font-size: 14px; }
.pricing-tables-4col .pricing-table .plan-price .period:before { content: "/"; font-size: 15px; margin-left: 4px; margin-right: 7px; }
.pricing-tables-4col .pricing-table .plan-details { width: 200px; margin: 0 auto; padding-top: 35px; padding-bottom: 30px; line-height: 270%; font-size: 13px; }
.pricing-tables-4col .pricing-table .order-button { margin-bottom: 48px; }
.pricing-tables-4col .pricing-table .order-button a { height: 54px; line-height: 54px; padding: 0px 28px; font-size: 12px; }

/*-- 3 Columns --*/
.pricing-tables-3col { width: 1080px; margin: 0 auto; overflow: hidden; }
.pricing-tables-3col .pricing-table { width: 350px; margin: 0px 5px 5px 5px; }
.pricing-tables-3col .pricing-table .plan-title { height: 90px; line-height: 98px; }
.pricing-tables-3col .pricing-table .plan-title h4 { margin: 0px; font-size: 20px; }
.pricing-tables-3col .pricing-table .plan-price { padding: 22px 0px; }
.pricing-tables-3col .pricing-table .plan-price .price { font-size: 32px; font-weight: bold; }
.pricing-tables-3col .pricing-table .plan-price .period { font-size: 14px; }
.pricing-tables-3col .pricing-table .plan-price .period:before { content: "/"; font-size: 15px; margin-left: 4px; margin-right: 7px; }
.pricing-tables-3col .pricing-table .plan-details { width: 260px; margin: 0 auto; padding-top: 35px; padding-bottom: 30px; line-height: 270%; font-size: 13px; }
.pricing-tables-3col .pricing-table .order-button { margin-bottom: 48px; }
.pricing-tables-3col .pricing-table .order-button a { height: 54px; line-height: 54px; padding: 0px 28px; font-size: 12px; }

/*-- 2 Columns --*/
.pricing-tables-2col { width: 1080px; margin: 0 auto; overflow: hidden; }
.pricing-tables-2col .pricing-table { width: 520px; margin: 0px 10px 10px 10px; }
.pricing-tables-2col .pricing-table .plan-title { height: 100px; line-height: 110px; }
.pricing-tables-2col .pricing-table .plan-title h4 { margin: 0px; font-size: 22px; }
.pricing-tables-2col .pricing-table .plan-price { padding: 26px 0px; }
.pricing-tables-2col .pricing-table .plan-price .price { font-size: 36px; font-weight: bold; }
.pricing-tables-2col .pricing-table .plan-price .period { font-size: 14px; }
.pricing-tables-2col .pricing-table .plan-price .period:before { content: "/"; font-size: 15px; margin-left: 4px; margin-right: 7px; }
.pricing-tables-2col .pricing-table .plan-details { width: 420px; margin: 0 auto; padding-top: 45px; padding-bottom: 38px; line-height: 270%; font-size: 15px; }
.pricing-tables-2col .pricing-table .order-button { margin-bottom: 55px; }
.pricing-tables-2col .pricing-table .order-button a { height: 54px; line-height: 54px; padding: 0px 28px; font-size: 12px; }

/*=====================================================================================*/
/*       10. CONTACT                                                                   */
/*=====================================================================================*/

/*-- Contact Form --*/
#elastic-contact-form { width: 1080px; margin: 0 auto; overflow: hidden; text-align: center; }
#elastic-contact-form input[type="text"] { display: inline-block; float: left; width: 284px; margin: 0px; margin-right: 30px; margin-bottom: 40px; padding: 27px; font-size: 18px; border: 1px solid #000; color: #000; }
#elastic-contact-form #elastic-subject { margin-right: 0px; }
#elastic-contact-form textarea { width: 1024px; height: 280px; margin-bottom: 32px; padding: 27px; font-size: 18px;  border: 1px solid #000; }
#elastic-contact-form button { display: inline-block; height: 60px; line-height: 60px; padding: 0px 30px; background: #000; border: 0px; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold; color: #FFF; cursor: pointer; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
#elastic-contact-form button:hover { opacity: 0.6; }
.contact-info { width: 400px; margin: 0 auto; padding: 30px 50px; background: #FFF; position: relative; }
.contact-info p { line-height: 170%; font-size: 16px; text-align: center; }

/*-- Locations --*/
.locations { width: 1180px; margin: 0 auto; overflow: hidden; }
.locations .locations-container { width: 1215px; }
.locations .location { width: 370px; height: 370px; float: left; margin-right: 35px; margin-bottom: 20px; background: #000; }
.locations .location h4 { display: block; position: relative; line-height: 1; margin-bottom: 20px; padding-top: 105px; padding-bottom: 28px; font-size: 30px; color: #FFF; text-align: center; }
.locations .location h4:after { display: block; content: " "; width: 25px; height: 3px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; background: #FFF; }
.locations .location p { line-height: 170%; font-size: 20px; color: #FFF; text-align: center; }

/*-- Contact Hidden --*/
.show-elements { width: 1004px; margin: 0 auto; text-align: center; }
.show-elements a { display: block; float: left; width: 250px; height: 96px; line-height: 96px; margin-right: -1px; font-family: 'Montserrat', sans-serif; color: #000; font-size: 18px; font-weight: bold; border: 1px solid #000; transition: all 0.5s; -webkit-transtion: all 0.5s; -moz-transition: all 0.5s; }
.show-elements a:hover { background: #000; color: #FFF; }
.show-elements a.active { background: #000; color: #FFF; }
.hidden-element { display: none; }
#hidden-form { padding-top: 70px; }
#hidden-phone-number { padding-top: 80px; }
#hidden-phone-number p { font-family: 'Montserrat', sans-serif; color: #000; font-size: 50px; font-weight: bold; text-align: center; }
#hidden-phone-number p a { color: #000; }
#hidden-map { padding-top: 50px; }
#hidden-map p { margin-bottom: 20px; text-align: center; font-size: 22px; line-height: 170%; color: #000; }
#hidden-map .iframe-container { width: 1080px; margin: 0 auto; }
#hidden-map .iframe-container iframe { max-width: 100%; display: block; }
#hidden-social { padding-top: 80px; text-align: center; }
#hidden-social a { display: inline-block; width: 80px; height: 80px; line-height: 92px; margin: 0px 5px 10px 5px; background: #000; color: #FFF; }

/*=====================================================================================*/
/*       11. ADDITIONAL COMPONENTS                                                     */
/*=====================================================================================*/

/*-- Showreel --*/
a.video-link { display: block; width: 100%; position: relative; }
a.video-link img { display: block; width: 100%; height: auto; position: relative; z-index: 1; }
span.video-overlay { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background: rgba(0,0,0,0.4) url('images/play-button.png') center center no-repeat; background-size: 85px 85px; }

/*-- CTA Button --*/
.cta-button-container { position: relative; z-index: 10000; padding-top: 40px; text-align: center; }
.cta-button-container a { display: inline-block; height: 60px; line-height: 60px; padding: 0px 40px; font-family: 'Montserrat', sans-serif; color: #000; font-size: 16px; font-weight: bold; border: 1px solid #000; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.cta-button-container a:hover { opacity: 0.5; }

/*-- Separators --*/
.section-title { margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #000; }
.section-title h1 { font-size: 30px; font-weight: normal; font-family: 'Lato', sans-serif; margin: 0; }
.section-title h2 { font-size: 24px; font-weight: normal; font-family: 'Lato', sans-serif; margin: 0; }
.section-title h3 { font-size: 20px; font-weight: normal; font-family: 'Lato', sans-serif; margin: 0; }

/*-- About Block ( Wow ) --*/
.about-wow { width: 1190px; height: 690px; margin: 0 auto; overflow: hidden; background: #FFF; }
.about-wow .about-contents { width: 540px; float: left; margin-left: 50px; padding-top: 120px; }
.about-wow .about-contents h2 { margin-bottom: 50px; font-size: 200px; font-family: 'Lato', sans-serif; font-weight: 900; text-align: right; }
.about-wow .about-contents p { line-height: 170%; font-size: 17px; text-align: right; }
.about-wow .about-image { width: 526px; height: 690px; float: right; }
.about-wow .about-image img { width: 526px; height: 690px; display: block; }

/*-- About Block ( Designer ) --*/
.about-designer { width: 100%; height: 650px; margin-top: 50px; background: #FFF; }
.about-designer .about-left { float: left; position: relative; width: 550px; height: 650px; background: #000; }
.about-designer .about-left .about-image { width: 460px; height: 720px; position: relative; top: -70px; right: -240px; }
.about-designer .about-left .about-image img { display: block; height: 100%; width: auto; }
.about-right { width: 460px; float: left; margin-left: 215px; padding-top: 225px; text-align: left; }
.about-right h2 { display: block; position: relative; margin-bottom: 35px; padding-top: 32px; }
.about-right h2:before { display: block; content: " "; width: 32px; height: 4px; position: absolute; top: 0; left: 0; background: #000; }
.about-right p { margin-bottom: 20px; line-height: 170%; font-size: 15px; }

/*-- History Block --*/
.history { width: 1080px; margin: 0 auto; }
.history .year { width: 100%; overflow: hidden; }
.history .year .year-image { width: 540px; height: 540px; }
.history .year .year-image img { width: 540px; height: 540px; }
.history .year .year-details { width: 490px; padding-top: 110px; }
.history .year .year-details h4 { margin-bottom: 30px; font-size: 40px; }
.history .year .year-details p { line-height: 170%; font-size: 18px; }
.history .odd .year-image { float: left; }
.history .odd .year-details { float: right; }
.history .even .year-image { float: right; }
.history .even .year-details { float: left; }

/*-- Subscribe --*/
.subscribe-block { width: 1180px; height: 650px; margin: 0 auto; margin-bottom: 100px; overflow: hidden; background: #000; text-align: center; }
.subscribe-block .subscribe-form { width: 660px; margin: 0 auto; padding-top: 205px; }
.subscribe-block .subscribe-form h2 { margin-bottom: 40px; font-size: 34px; color: #FFF; }
.subscribe-block .subscribe-form .form-wrapper { width: 660px; margin-bottom: 35px; border: 2px solid #FFF; }
.subscribe-block .form-wrapper input[type="email"], .subscribe-block .form-wrapper input[type="text"] { width: 352px; float: left; margin: 0; padding: 38px; padding-left: 50px; background: transparent; font-size: 20px; color: #FFF; border: 0px; }
.subscribe-block .form-wrapper input[type="submit"] { width: 214px; height: 60px; line-height: 60px; position: relative; float: right;  margin: 0; margin-top: 20px; padding: 0px; background: transparent; border: 0px; border-left: 2px solid #FFF; font-size: 22px; font-weight: bold; }
.subscribe-block .subscribe-form p.subscribe-note { font-size: 16px; color: #FFF; opacity: 0.8; }

/*-- Fashion Intro --*/
.fashion-intro { margin-bottom: 20px; padding: 95px 0px 115px 0px; }
.fashion-intro .intro-content { width: 1180px; margin: 0 auto; overflow: hidden; }
.fashion-intro .intro-bold { float: left; width: 360px; padding: 20px 50px 30px 0px; border-right: 5px solid #000; text-align: right; }
.fashion-intro .intro-bold h2 { line-height: 150%; margin: 0; font-size: 35px; }
.fashion-intro .intro-text { float: right; width: 700px; line-height: 180%; padding-top: 35px; font-size: 16px; text-align: left; }

/*-- Preloader --*/
#elastic-preloader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000000000000000000000000000000002; background: #FFF; }
#elastic-preloader h1 { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000000000000000000000000000000003; width: 100%; height: 250px; line-height: 1; margin: auto; font-size: 250px; text-align: center; }
#elastic-preloader h1:after { content: "%"; padding-left: 30px; font-size: 80px; font-weight: normal; }

/*=====================================================================================*/
/*       12. FOOTER                                                                    */
/*=====================================================================================*/

.footer { width: 1180px; margin: 0 auto; padding-top: 75px; padding-bottom: 65px; }
.footer-social { margin-bottom: 35px; text-align: center; }
.footer-social a { display: inline-block; margin: 0 30px; font-size: 18px; transition: opacity 1s; -webkit-transtion: opacity 1s; -moz-transition: opacity 1s; }
.footer-social a:hover { opacity: 0.5; }
.footer-copyright { 
	    font-size: 13px;
    font-family: 'Open Sans';
    text-align: left;
    top: 41px;
    position: relative;
    left: 5%;
    width: 50%;
    display: inline-block;
    margin-right: -3px;
}

.db { 
	    font-size: 13px;
    font-family: 'Open Sans';
    text-align: right;
    top: 41px;
    position: relative;
    right: 5%;
    width: 76%;
    color: #999;
    width: 50%;
    display: inline-block;
    margin-right: -3px;
}


.black-footer { background: #000; }
.black-footer, .black-footer a { color: #FFF; }
.black-footer .footer-copyright { color: #999; }
.white-footer { background: #FFF; border-top: 1px solid #DDD; }
.white-footer, .white-footer a { color: #FFF; }
.white-footer .footer-copyright { color: #999; }
.db a{ 
	color: #999;
}
/*=====================================================================================*/
/*       13. FRAMEWORK                                                                 */
/*=====================================================================================*/

/*-- Grid System --*/
.full { width: 1180px; margin: 0 auto; margin-bottom: 60px; }
/* halfs */
.half, .half-last { width: 550px; float: left; margin-right: 80px; margin-bottom: 60px; }
.full .half, .full .half-last { margin-bottom: 0px !important; }
.half-last { margin-right: 0px !important; }
/* thirds */
.third, .third-last { width: 360px; float: left; margin-right: 50px; margin-bottom: 60px; }
.full .third, .full .third-last { margin-bottom: 0px !important; }
.third-last { margin-right: 0px !important; }
.two-third, .two-third-last { width: 770px; float: left; margin-right: 50px; margin-bottom: 60px; }
.full .two-third, .full .two-third-last { margin-bottom: 0px !important; }
.two-third-last { margin-right: 0px !important; }
/* fourths */
.fourth, .fourth-last { width: 265px; float: left; margin-right: 40px; margin-bottom: 60px; }
.full .fourth, .full .fourth-last { margin-bottom: 0px !important;  }
.fourth-last { margin-right: 0px !important; }
.two-fourth, .two-fourth-last { width: 570px; float: left; margin-right: 40px; margin-bottom: 60px; }
.full .two-fourth, .full .two-fourth-last { margin-bottom: 0px !important;  }
.two-fourth-last { margin-right: 0px !important; }
.three-fourth, .three-fourth-last { width: 875px; float: left; margin-right: 40px; margin-bottom: 60px; }
.full .three-fourth, .full .three-fourth { margin-bottom: 0px !important;  }
.three-fourth-last { margin-right: 0px !important; }
/* paragraphs */
.full p, .half p, .half-last p, .third p, .third-last-p, .fourth p, .fourth-last p,
.two-fourth p, .two-fourth-last p, .three-fourth p, .three-fourth-last p { line-height: 170%; font-size: 16px; }
/* images */
.full img, .half img, .half-last img, .third img, .third-last-img, .fourth img, .fourth-last img,
.two-fourth img, .two-fourth-last img, .three-fourth img, .three-fourth-last img { max-width: 100%; height: auto; }

/*-- Paddings --*/
.pdng-top0   { padding-top: 0px !important; }
.pdng-top10  { padding-top: 10px !important; }
.pdng-top20  { padding-top: 20px !important; }
.pdng-top30  { padding-top: 30px !important; }
.pdng-top40  { padding-top: 40px !important; }
.pdng-top50  { padding-top: 50px !important; }
.pdng-top60  { padding-top: 60px !important; }
.pdng-top70  { padding-top: 70px !important; }
.pdng-top80  { padding-top: 80px !important; }
.pdng-top90  { padding-top: 90px !important; }
.pdng-top100 { padding-top: 100px !important; }
.pdng-top110 { padding-top: 110px !important; }
.pdng-top120 { padding-top: 120px !important; }
.pdng-top130 { padding-top: 130px !important; }
.pdng-top140 { padding-top: 140px !important; }
.pdng-top150 { padding-top: 150px !important; }
.pdng-bottom0   { padding-bottom: 0px !important; }
.pdng-bottom10  { padding-bottom: 10px !important; }
.pdng-bottom20  { padding-bottom: 20px !important; }
.pdng-bottom30  { padding-bottom: 30px !important; }
.pdng-bottom40  { padding-bottom: 40px !important; }
.pdng-bottom50  { padding-bottom: 50px !important; }
.pdng-bottom60  { padding-bottom: 60px !important; }
.pdng-bottom70  { padding-bottom: 70px !important; }
.pdng-bottom80  { padding-bottom: 80px !important; }
.pdng-bottom90  { padding-bottom: 90px !important; }
.pdng-bottom100 { padding-bottom: 100px !important; }
.pdng-bottom110 { padding-bottom: 110px !important; }
.pdng-bottom120 { padding-bottom: 120px !important; }
.pdng-bottom130 { padding-bottom: 130px !important; }
.pdng-bottom140 { padding-bottom: 140px !important; }
.pdng-bottom150 { padding-bottom: 150px !important; }

/*-- Margins --*/
.mrgn-top0   { margin-top: 0px !important; }
.mrgn-top10  { margin-top: 10px !important; }
.mrgn-top20  { margin-top: 20px !important; }
.mrgn-top30  { margin-top: 30px !important; }
.mrgn-top40  { margin-top: 40px !important; }
.mrgn-top50  { margin-top: 50px !important; }
.mrgn-top60  { margin-top: 60px !important; }
.mrgn-top70  { margin-top: 70px !important; }
.mrgn-top80  { margin-top: 80px !important; }
.mrgn-top90  { margin-top: 90px !important; }
.mrgn-top100 { margin-top: 100px !important; }
.mrgn-top110 { margin-top: 110px !important; }
.mrgn-top120 { margin-top: 120px !important; }
.mrgn-top130 { margin-top: 130px !important; }
.mrgn-top140 { margin-top: 140px !important; }
.mrgn-top150 { margin-top: 150px !important; }
.mrgn-bottom0   { margin-bottom: 0px !important; }
.mrgn-bottom10  { margin-bottom: 10px !important; }
.mrgn-bottom20  { margin-bottom: 20px !important; }
.mrgn-bottom30  { margin-bottom: 30px !important; }
.mrgn-bottom40  { margin-bottom: 40px !important; }
.mrgn-bottom50  { margin-bottom: 50px !important; }
.mrgn-bottom60  { margin-bottom: 60px !important; }
.mrgn-bottom70  { margin-bottom: 70px !important; }
.mrgn-bottom80  { margin-bottom: 80px !important; }
.mrgn-bottom90  { margin-bottom: 90px !important; }
.mrgn-bottom100 { margin-bottom: 100px !important; }
.mrgn-bottom110 { margin-bottom: 110px !important; }
.mrgn-bottom120 { margin-bottom: 120px !important; }
.mrgn-bottom130 { margin-bottom: 130px !important; }
.mrgn-bottom140 { margin-bottom: 140px !important; }
.mrgn-bottom150 { margin-bottom: 150px !important; }

/*-- Text alignments --*/
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: left !important; }

/*-- Text colors --*/
.white-text { color: #FFF !important; }
.black-text { color: #000 !important; }


/*=====================================================================================*/
/*       14. MEDIA QUERIES                                                             */
/*=====================================================================================*/


/*--- Screen => 1510px ( Full HD monitors ) ---*/
@media screen and (min-width: 1510px) { 

       /*-- Page blocks --*/
       .page-block { margin-bottom: 140px; }
       .inner-page { margin-bottom: 140px; padding-top: 120px; }
       .block-contents, .page-contents { width: 1493px;; }
       .first-after-home { padding-top: 120px; }
       .content-narrow { width: 1400px; }
       .intro-block h1 { width: 1493px;; }
       .home-block { width: 1493px;; padding-top: 110px; padding-bottom: 110px; }
       h1.block-title, h2.block-title { width: 1493px;; margin-bottom: 50px; padding-bottom: 45px; font-size: 60px; }
       /*h1.block-title:after, h2.block-title:after { width: 50px; height: 6px; }*/
       .block-text { width: 1000px; }
       .block-text p { margin-bottom: 25px; font-size: 22px; }

       /*-- Headers --*/
       .elastic_top_inner { width: 1493px;; }
       .inner_header_big { height: 550px; }
       .inner_header_big .page-title { padding-top: 130px; }
       .inner_header_big .page-title h1 { font-size: 80px; margin-bottom: 35px; }
       .inner_header_big .page-title p { font-size: 24px;  }
       .inner-page-title { padding: 80px 0px; }
       .inner-page-title h1 { width: 1493px;; font-size: 60px; }
       a.floating-button { position: fixed; top: 30px; right: 40px; }

       
       /*-- Home Variants --*/
       .home1 { width: 1493px;; height: 850px; }
       .home1 .welcome .big-headline h1 { font-size: 85px; }
       .home2 { width: 1493px;; height: 850px; }
       .home2 .welcome { padding-top: 15%; }
       .home2 .welcome .big-headline h1 { font-size: 90px; margin-bottom: 50px; }
       .home4 { height: 400px; }
       .home4 h1.big-title { bottom: -35px; font-size: 220px; }
       .home6 { width: 1493px;; height: 850px;  }
       .home6 .media-element { width: 1133px; height: 850px; }
       .home6 .big-headline { height: 350px; line-height: 350px; padding: 0px 130px; top: 215px; border: 10px solid #F2F2F2; }
       .home6 .big-headline h1 { font-size: 90px; }
       
       /*-- Portfolio Layouts --*/
       .portfolio-grids4 { width: 1200px; }
       .portfolio-grids4 .portfolio-item { width: 348px; height: 348px; }
       .portfolio-grids4 .portfolio-item .thumbnail { width: 348px; height: 348px; }
       .portfolio-grids4 .portfolio-item .thumbnail img {  width: 348px; height: 348px; }
       .portfolio-grids4 .portfolio-item .rollover-element { width: 191px; padding: 35px; top: -35px; left: -35px; }
       .portfolio-grids4 .portfolio-item .rollover-element img { width: 348px; height: 348px; margin-bottom: 40px; }
       .portfolio-grids4 .portfolio-item .rollover-element h3 { margin-bottom: 10px; font-size: 22px; }
       .portfolio-grids3 { width: 1395px; }
       .portfolio-grids3 .portfolio-item { width: 463px; height: 463px; }
       .portfolio-grids3 .portfolio-item .thumbnail { width: 463px; height: 463px; }
       .portfolio-grids3 .portfolio-item .thumbnail img {  width: 463px; height: 463px; }
       .portfolio-grids3 .portfolio-item .rollover-element { width: 463px; padding: 35px; top: -35px; left: -35px; }
       .portfolio-grids3 .portfolio-item .rollover-element img { width: 463px; height: 463px; margin-bottom: 40px; }
       .portfolio-grids3 .portfolio-item .rollover-element h3 { margin-bottom: 10px; font-size: 30px; }
       .portfolio-circles3 { width: 1400px; }
       .portfolio-circles3 .circles-container { width: 1455px; }
       .portfolio-circles3 .portfolio-item { width: 430px; height: 430px; margin-right: 55px; margin-bottom: 60px; border-radius: 215px; -webkit-border-radius: 215px; -moz-border-radius: 215px; }
       .portfolio-circles3 .portfolio-item .thumbnail { width: 430px; height: 430px; border-radius: 215px; -webkit-border-radius: 215px; -moz-border-radius: 215px; }
       .portfolio-circles3 .portfolio-item .thumbnail img { width: 430px; height: 430px; border-radius: 215px; -webkit-border-radius: 215px; -moz-border-radius: 215px; }
       .portfolio-circles3 .portfolio-item .rollover-element { width: 430px; height: 430px; border-radius: 215px; -webkit-border-radius: 215px; -moz-border-radius: 215px; }
       .portfolio-circles3 .portfolio-item .rollover-element .project-meta { width: 430px; height: 230px; padding-top: 200px; border-radius: 215px; -webkit-border-radius: 215px; -moz-border-radius: 215px; }
       .portfolio-circles3 .portfolio-item .rollover-element h3 { font-size: 28px; }
       .portfolio-circles3 .portfolio-item .rollover-element p { font-size: 14px; }
       .portfolio-circles4 { width: 1410px; }
       .portfolio-circles4 .circles-container { width: 1450px; }
       .portfolio-circles4 .portfolio-item { width: 330px; height: 330px; margin-right: 30px; margin-bottom: 40px; border-radius: 165px; -webkit-border-radius: 165px; -moz-border-radius: 165px; }
       .portfolio-circles4 .portfolio-item .thumbnail { width: 330px; height: 330px; border-radius: 165px; -webkit-border-radius: 165px; -moz-border-radius: 165px; }
       .portfolio-circles4 .portfolio-item .thumbnail img { width: 330px; height: 330px; border-radius: 165px; -webkit-border-radius: 165px; -moz-border-radius: 165px; }
       .portfolio-circles4 .portfolio-item .rollover-element { width: 330px; height: 330px; border-radius: 165px; -webkit-border-radius: 165px; -moz-border-radius: 165px; }
       .portfolio-circles4 .portfolio-item .rollover-element .project-meta { width: 330px; height: 175px; padding-top: 155px; border-radius: 165px; -webkit-border-radius: 165px; -moz-border-radius: 165px; }
       .portfolio-circles4 .portfolio-item .rollover-element h3 { margin-bottom: 20px; font-size: 22px; }
       .portfolio-circles4 .portfolio-item .rollover-element p { font-size: 13px; }
       .portfolio-stack { width: 1493px;;  }
       .portfolio-stack .stack-container { width: 1560px; }
       .portfolio-stack .portfolio-item { width: 720px; margin-right: 60px; margin-bottom: 60px; }
       .portfolio-stack .portfolio-item .teaser { width: 460px; margin-top: -60px; padding: 70px 60px; }
       .portfolio-stack .portfolio-item .teaser .project-contents h3 { padding-top: 33px; font-size: 28px; }
       .portfolio-stack .portfolio-item .teaser .project-contents h3:before { width: 24px; height: 4px; }
       .portfolio-stack .portfolio-item .teaser .project-contents p { margin-bottom: 35px; font-size: 16px; }
       .portfolio-stack .portfolio-item .teaser .project-contents a.more-link { height: 47px; line-height: 47px; padding: 0px 30px; font-size: 18px; }
       .portfolio-masonry { width: 1493px;; }
       .portfolio-masonry .masonry-container { width: 1510px; }
       .portfolio-masonry .masonry-container .wide { width: 990px; }
       .portfolio-masonry .masonry-container .narrow { width: 500px; }
       .portfolio-masonry .masonry-item .rollover-contents { bottom: 60px; left: 50px; }
       .portfolio-masonry .masonry-item .rollover-contents h3 { margin-bottom: 25px; font-size: 35px; }
       .portfolio-masonry .masonry-item .rollover-contents p { font-size: 16px; }
       .portfolio-masonry-2col { width: 1493px;; }
       .portfolio-masonry-2col .masonry-container { width: 1510px; }
       .portfolio-masonry-2col .masonry-item { width: 745px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents { bottom: 40px; left: 40px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents h3 { margin-bottom: 25px; font-size: 35px;  }
       .portfolio-masonry-2col .masonry-item .rollover-contents p { font-size: 16px; }
       .portfolio-masonry-3col { width: 1493px;; }
       .portfolio-masonry-3col .masonry-container { width: 1509px; }
       .portfolio-masonry-3col .masonry-item { width: 492px; margin-right: 9px; margin-bottom: 9px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents { bottom: 40px; left: 40px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents h3 { margin-bottom: 25px; font-size: 35px;  }
       .portfolio-masonry-3col .masonry-item .rollover-contents p { font-size: 16px; }
       .portfolio-cards-2col { width: 1493px;; }
       .portfolio-cards-2col .cards-container { width: 1560px; }
       .portfolio-cards-2col .portfolio-item { width: 720px; margin-right: 60px; margin-bottom: 60px; }
       .portfolio-cards-2col .portfolio-item .card-top { padding: 80px 60px; padding-bottom: 65px; }
       .portfolio-cards-2col .portfolio-item .card-top p { margin-bottom: 30px; font-size: 13px; }
       .portfolio-cards-2col .portfolio-item .card-top h3 { padding-top: 40px; font-size: 35px; }
       .portfolio-cards-2col .portfolio-item .card-top h3:before { width: 25px; height: 4px; }
       .portfolio-cards-2col .portfolio-item .thumbnail { width: 720px; }
       .portfolio-cards-3col { width: 1493px;; }
       .portfolio-cards-3col .cards-container { width: 1530px; }
       .portfolio-cards-3col .portfolio-item { width: 480px; margin-right: 30px; margin-bottom: 30px; }
       .portfolio-cards-3col .portfolio-item .card-top { padding: 70px 40px; padding-bottom: 55px; }
       .portfolio-cards-3col .portfolio-item .card-top p { margin-bottom: 30px; font-size: 13px; }
       .portfolio-cards-3col .portfolio-item .card-top h3 { padding-top: 35px; font-size: 25px; }
       .portfolio-cards-3col .portfolio-item .card-top h3:before { width: 25px; height: 4px; }
       .portfolio-cards-3col .portfolio-item .thumbnail { width: 480px; }
       .portfolio-cards-4col { width: 1493px;; }
       .portfolio-cards-4col .cards-container { width: 1520px; }
       .portfolio-cards-4col .portfolio-item { width: 360px; margin-right: 20px; margin-bottom: 20px; }
       .portfolio-cards-4col .portfolio-item .card-top { padding: 70px 40px; padding-bottom: 55px; }
       .portfolio-cards-4col .portfolio-item .card-top p { margin-bottom: 25px; font-size: 12px; }
       .portfolio-cards-4col .portfolio-item .card-top h3 { padding-top: 30px; font-size: 20px; }
       .portfolio-cards-4col .portfolio-item .thumbnail { width: 360px; }
       .portfolio-zig-zag { width: 1493px;; }
       .portfolio-zig-zag .portfolio-item { margin-bottom: 40px; }
       .portfolio-zig-zag .portfolio-item .thumbnail { width: 900px; }
       .portfolio-zig-zag .portfolio-item .teaser { width: 460px; padding: 150px 60px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents h3 { margin-bottom: 35px; padding-top: 38px; font-size: 28px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents h3:before { width: 32px; height: 4px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents p { margin-bottom: 35px; font-size: 16px; }
       .portfolio-mixed-blocks { width: 1400px; }
       .portfolio-mixed-blocks .portfolio-item { margin-bottom: 10px; }
       .portfolio-mixed-blocks .full { width: 1400px; }
       .portfolio-mixed-blocks .third { width: 460px; margin-right: 10px; }
       .portfolio-mixed-blocks .half { width: 695px; margin-right: 10px; }
       .portfolio-mixed-blocks .last { margin-right: 0px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents { bottom: 50px; left: 50px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents h3 { margin-bottom: 25px; font-size: 30px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents p { font-size: 15px; }
       .portfolio-mixed-blocks .inline-message p { font-size: 24px; }
       .portfolio-mixed-blocks .third .inline-message { width: 360px; height: 460px; padding: 0px 50px; }
       #portfolio-item-wrapper { padding: 85px 0px; }
       
       /*-- Services --*/
       .service-grids3 { width: 1395px; }
       .service-grids3 .service { width: 463px; }
       .service-grids3 .service .service-inner { padding-top: 105px; padding-bottom: 90px; }
       .service-grids4 { width: 1400px; }
       .service-grids4 .service { width: 348px; }
       .service-circles3 { width: 1400px; }
       .service-circles3 .services-wrapper { width: 1455px; }
       .service-circles3 .service { width: 430px; margin-right: 55px; margin-bottom: 80px; }
       .service-circles3 .service .service-image-icon { margin-bottom: 50px; }
       .service-circles3 .service .service-teaser { width: 360px; }
       .service-circles3 .service .service-teaser h4 { font-size: 25px; margin-bottom: 26px; }
       .service-circles3 .service .service-teaser p { font-size: 16px; }
       .service-circles4 { width: 1410px; }
       .service-circles4 .services-wrapper { width: 1450px; }
       .service-circles4 .service { width: 330px; margin-right: 30px; margin-bottom: 60px; }
       .service-circles4 .service .service-teaser { width: 260px; }
       .service-circles4 .service .service-teaser h4 { font-size: 22px; margin-bottom: 24px; }
       
       /*-- Our Team --*/
       .members-2col { width: 1493px;; }
       .members-2col .members-container { width: 1600px; }
       .members-2col .team-member { width: 700px; margin-right: 100px; margin-bottom: 100px; padding-bottom: 90px; }
       .members-2col .team-member .member-position { height: 80px; line-height: 80px; margin-bottom: 90px; }
       .members-2col .team-member .member-position h4 { font-size: 22px; }
       .members-2col .team-member .member-avatar { width: 300px; height: 300px; border-radius: 150px; -moz-border-radius: 150px; -webkit-border-radius: 150px; }
       .members-2col .team-member .member-avatar img { width: 300px; height: 300px; border-radius: 150px; -moz-border-radius: 150px; -webkit-border-radius: 150px; }
       .members-2col .team-member .member-info { width: 460px; margin-bottom: 55px; padding-top: 52px; }
       .members-2col .team-member .member-info h3 { margin-bottom: 40px; font-size: 35px; }
       .members-2col .team-member .member-info p { margin-bottom: 25px; font-size: 17px; }
       .members-2col .team-member .member-info .button-wrapper { padding-top: 19px; }
       .members-2col .team-member .member-info .button-wrapper a.load-member { height: 40px; line-height: 40px; padding: 0px 40px; }
       .members-2col .team-member .member-social { width: 460px; padding-top: 30px; }
       .members-3col { width: 1493px;; }
       .members-3col .members-container { width: 1530px; }
       .members-3col .team-member { width: 480px; margin-right: 30px; margin-bottom: 40px; padding-bottom: 70px; }
       .members-3col .team-member .member-position { margin-bottom: 70px; }
       .members-3col .team-member .member-avatar { width: 240px; height: 240px; border-radius: 120px; -moz-border-radius: 120px; -webkit-border-radius: 120px; }
       .members-3col .team-member .member-avatar img { width: 240px; height: 240px; border-radius: 120px; -moz-border-radius: 120px; -webkit-border-radius: 120px; }
       .members-3col .team-member .member-info { width: 380px; margin-bottom: 45px; padding-top: 42px; }
       .members-3col .team-member .member-info h3 { margin-bottom: 33px; font-size: 28px; }
       .members-3col .team-member .member-info p { margin-bottom: 20px; font-size: 15px; }
       .members-3col .team-member .member-info .button-wrapper { padding-top: 19px; }
       .members-3col .team-member .member-info .button-wrapper a.load-member { height: 40px; line-height: 40px; padding: 0px 40px; }
       .members-3col .team-member .member-social { width: 380px; padding-top: 30px; }
       .members-4col { width: 1493px;; }
       .members-4col .members-container { width: 1540px; }
       .members-4col .team-member { width: 345px; margin-right: 40px; margin-bottom: 50px; padding-bottom: 60px; }
       .members-4col .team-member .member-position { margin-bottom: 60px; }
       .members-4col .team-member .member-avatar { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 120px; }
       .members-4col .team-member .member-avatar img { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .members-4col .team-member .member-info { width: 260px; margin-bottom: 45px; padding-top: 42px; }
       .members-4col .team-member .member-info h3 { margin-bottom: 28px; font-size: 24px; }
       .members-4col .team-member .member-info p { margin-bottom: 15px; font-size: 14px; }
       .members-4col .team-member .member-info .button-wrapper { padding-top: 19px; }
       .members-4col .team-member .member-info .button-wrapper a.load-member { height: 40px; line-height: 40px; padding: 0px 40px; }
       .members-4col .team-member .member-social { width: 260px; padding-top: 30px; }

       /*-- Testimonials --*/
       .testimonials-3col { width: 1493px;; }
       .testimonials-3col .testimonials-container { width: 1575px; }
       .testimonials-3col .testimonial { width: 450px; margin-right: 75px; margin-bottom: 75px; padding-top: 120px; padding-bottom: 60px; background: #FFF url('images/testimonials-bg.png') 52px 62px no-repeat; background-size: 44px 31px; }
       .testimonials-3col .testimonial .testimonial-contents { width: 350px; padding-bottom: 15px; font-size: 18px; }
       .testimonials-3col .testimonial .testimonial-contents p { margin-bottom: 15px; }
       .testimonials-3col .testimonial .testimonial-client { width: 350px; }
       .testimonials-4col { width: 1493px;; }
       .testimonials-4col .testimonials-container { width: 1560px; }
       .testimonials-4col .testimonial { width: 330px; margin-right: 60px; margin-bottom: 60px; background: #FFF url('images/testimonials-bg.png') 42px 46px no-repeat; background-size: 44px 31px; }
       .testimonials-4col .testimonial .testimonial-contents { width: 250px; font-size: 16px; }
       .testimonials-4col .testimonial .testimonial-client { width: 250px; }
       .testimonials-4col .testimonial .testimonial-client img { width: 46px; height: 46px; padding: 2px; background: #000; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
       .testimonials-4col .testimonial .testimonial-client h3 { margin-left: 14px; font-size: 14px; }
       
       /*-- Pricing Tables --*/
       .pricing-tables-4col { width: 1440px; }
       .pricing-tables-4col .pricing-table { width: 350px; margin: 0px 5px 5px 5px; }
       .pricing-tables-4col .pricing-table .plan-title { height: 90px; line-height: 98px; }
       .pricing-tables-4col .pricing-table .plan-title h4 { font-size: 20px; }
       .pricing-tables-4col .pricing-table .plan-details { width: 280px; padding-top: 35px; padding-bottom: 30px; font-size: 14px; }
       .pricing-tables-3col { width: 1440px; }
       .pricing-tables-3col .pricing-table { width: 470px; margin: 0px 5px 5px 5px; }
       .pricing-tables-3col .pricing-table .plan-title { height: 100px; line-height: 110px; }
       .pricing-tables-3col .pricing-table .plan-title h4 { font-size: 24px; }
       .pricing-tables-3col .pricing-table .plan-price { padding: 28px 0px; }
       .pricing-tables-3col .pricing-table .plan-price .price { font-size: 36px; }
       .pricing-tables-3col .pricing-table .plan-price .period { font-size: 14px; }
       .pricing-tables-3col .pricing-table .plan-price .period:before { font-size: 15px; margin-left: 4px; margin-right: 7px; }
       .pricing-tables-3col .pricing-table .plan-details { width: 360px; padding-top: 40px; padding-bottom: 36px; font-size: 15px; }
       .pricing-tables-2col { width: 1440px; }
       .pricing-tables-2col .pricing-table { width: 700px; margin: 0px 10px 10px 10px; }
       .pricing-tables-2col .pricing-table .plan-title { height: 120px; line-height: 132px; }
       .pricing-tables-2col .pricing-table .plan-title h4 { font-size: 30px; }
       .pricing-tables-2col .pricing-table .plan-price { padding: 30px 0px; }
       .pricing-tables-2col .pricing-table .plan-price .price { font-size: 50px; }
       .pricing-tables-2col .pricing-table .plan-price .period { font-size: 15px; }
       .pricing-tables-2col .pricing-table .plan-price .period:before { font-size: 16px; margin-left: 5px; margin-right: 8px; }
       .pricing-tables-2col .pricing-table .plan-details { width: 580px; padding-top: 50px; padding-bottom: 45px; line-height: 270%; font-size: 16px; }
       .pricing-tables-2col .pricing-table .order-button { margin-bottom: 60px; }
       .pricing-tables-2col .pricing-table .order-button a { height: 54px; line-height: 54px; padding: 0px 28px; font-size: 12px; }
       
       /*-- Contact --*/
       #elastic-contact-form { width: 1278px; }
       #elastic-contact-form input[type="text"] { width: 320px; margin-right: 30px; margin-bottom: 40px; padding: 37px 42px; font-size: 18px; }
       #elastic-contact-form #elastic-subject { margin-right: 0px; }
       #elastic-contact-form textarea { width: 1192px; height: 280px; margin-bottom: 32px; padding: 37px 42px; font-size: 18px; }
       #elastic-contact-form button { height: 70px; line-height: 70px; padding: 0px 35px; font-size: 22px; }
       .locations { width: 1493px;; }
       .locations .locations-container { width: 1530px; }
       .locations .location { width: 480px; height: 480px; margin-right: 30px; margin-bottom: 30px; }
       .locations .location h4 { margin-bottom: 25px; padding-top: 155px; padding-bottom: 28px; font-size: 35px; }
       .locations .location p { font-size: 22px; }

       /*-- Additional Components --*/
       .cta-button-container { padding-top: 60px; }
       .about-wow { width: 1493px;; height: 900px; }
       .about-wow .about-contents { width: 700px; margin-left: 50px; padding-top: 160px; }
       .about-wow .about-contents h2 { margin-bottom: 60px; font-size: 240px; }
       .about-wow .about-contents p { line-height: 170%; font-size: 22px;}
       .about-wow .about-image { width: 686px; height: 900px; }
       .about-wow .about-image img { width: 686px; height: 900px; }
       .about-designer { height: 800px; margin-top: 60px; }
       .about-designer .about-left { width: 750px; height: 800px; }
       .about-designer .about-left .about-image { width: 540px; height: 860px; top: -60px; right: -380px; }
       .about-right { width: 490px; margin-left: 265px; padding-top: 255px; }
       .about-right h2 { margin-bottom: 35px; padding-top: 40px; font-size: 34px; }
       .about-right h2:before { width: 32px; height: 4px; }
       .about-right p { font-size: 18px; }
       .history { width: 1400px; }
       .history .year { width: 100%; }
       .history .year .year-image { width: 700px; height: 700px; }
       .history .year .year-image img { width: 700px; height: 700px; }
       .history .year .year-details { width: 600px; padding-top: 150px; }
       .history .year .year-details h4 { margin-bottom: 40px; font-size: 40px; }
       .history .year .year-details p { line-height: 170%; font-size: 22px; }
       .subscribe-block { width: 1493px;; height: 650px; margin-bottom: 120px; }
       #hidden-map .iframe-container { width: 1400px; }
       .fashion-intro { margin-bottom: 20px; padding: 110px 0px 130px 0px; }
       .fashion-intro .intro-content { width: 1280px;}
       .fashion-intro .intro-bold { width: 400px; padding: 20px 60px 30px 0px; }
       .fashion-intro .intro-bold h2 { font-size: 40px; }
       .fashion-intro .intro-text { width: 750px; padding-top: 40px; font-size: 17px; }


       /*-- Footer --*/
       .footer { width: 1493px;; }
       
       /*-- Framework --*/
       .full { width: 1493px;; margin-bottom: 90px; }
       .half, .half-last { width: 690px; margin-right: 120px; margin-bottom: 90px; }
       .third, .third-last { width: 440px; margin-right: 90px; margin-bottom: 90px; }
       .two-third, .two-third-last { width: 970px; margin-right: 90px; margin-bottom: 90px; }
       .fourth, .fourth-last { width: 345px; margin-right: 40px; margin-bottom: 90px; }
       .two-fourth, .two-fourth-last { width: 730px; margin-right: 40px; margin-bottom: 90px; }
       .three-fourth, .three-fourth-last { width: 1115px; margin-right: 40px; margin-bottom: 90px; }

}

/*--- Screen <= 1200px ---*/
@media screen and (min-width: 961px) and (max-width: 1200px) {

       /*-- Page blocks --*/
       .page-block { margin-bottom: 80px; }
       .inner-page { margin-bottom: 80px; padding-top: 80px; }
       .block-contents, .page-contents { width: 940px; }
       .first-after-home { padding-top: 80px !important; }
       .content-narrow { width: 880px; }
       .intro-block { padding: 75px 0px; }
       .intro-block h1 { width: 940px; font-size: 35px; }
       .home-block { width: 940px; padding-top: 75px; padding-bottom: 75px; }
       h1.block-title, h2.block-title { width: 940px; margin-bottom: 40px; padding-bottom: 40px; font-size: 50px; }
       h1.block-title:after, h2.block-title:after { width: 40px; height: 6px; }
       .block-text { width: 900px; }
       .block-text p { margin-bottom: 18px; font-size: 17px; }

       /*-- Headers --*/
       .elastic_top_inner { width: 940px; }
       .elastic_logo_container { width: width: 540px; }
       .elastic_menu_container { width: 300px; }
       .inner_header_big { height: 350px; }
       .inner_header_big .page-title { padding-top: 50px; }
       .inner_header_big .page-title h1 { font-size: 60px; margin-bottom: 25px; }
       .inner_header_big .page-title p { font-size: 18px; }
       .inner-page-title { padding: 60px 0px; }
       .inner-page-title h1 { width: 940px; font-size: 50px; }
       a.floating-button { position: fixed; top: 20px; right: 20px; }
       
       /*-- Home Variants --*/
       .home1 { width: 940px; height: 540px; }
       .home1 .welcome { height: 220px; padding-top: 25px; }
       .home1 .welcome .mini-intro { margin-bottom: 17px; }
       .home1 .welcome .big-headline h1 { margin-bottom: 30px; padding: 30px 60px; font-size: 60px; }
       .home2 { width: 940px; height: 540px; }
       .home2 .welcome { padding-top: 13%; }
       .home2 .welcome .mini-intro { margin-bottom: 20px; font-size: 13px; }
       .home2 .welcome .big-headline h1 { line-height: 150%; margin-bottom: 30px; font-size: 60px; }
       .home3 .big-headline { height: 245px;  }
       .home3 .big-headline h1 { height: 245px; line-height: 245px; padding: 0px 95px; font-size: 80px; }
       .home5 { padding: 160px 0px; }
       .home5 h1.welcome-text { width: 940px; font-size: 35px; }
       .home6 { width: 940px; height: 580px;  }
       .home6 .media-element { width: 790px; height: 580px; }
       .home6 .big-headline { height: 210px; line-height: 210px; padding: 0px 65px; top: 170px; border: 7px solid #F2F2F2; }
       .home6 .big-headline h1 { font-size: 55px; }
       
       /*-- Portfolio Layouts --*/
       .portfolio-grids4 { width: 860px; }
       .portfolio-grids4 .portfolio-item { width: 213px; height: 213px; }
       .portfolio-grids4 .portfolio-item .thumbnail { width: 213px; height: 213px; }
       .portfolio-grids4 .portfolio-item .thumbnail img {  width: 213px; height: 213px; }
       .portfolio-grids4 .portfolio-item .rollover-element { width: 213px; padding: 20px; top: -20px; left: -20px; }
       .portfolio-grids4 .portfolio-item .rollover-element img { width: 213px; height: 213px; margin-bottom: 20px; }
       .portfolio-grids4 .portfolio-item .rollover-element h3 { margin-bottom: 0px; font-size: 18px; }
       .portfolio-grids3 { width: 855px; }
       .portfolio-grids3 .portfolio-item { width: 285px; height: 285px; }
       .portfolio-grids3 .portfolio-item .thumbnail { width: 285px; height: 285px; }
       .portfolio-grids3 .portfolio-item .thumbnail img {  width: 285px; height: 285px; }
       .portfolio-grids3 .portfolio-item .rollover-element { width: 285px; padding: 20px; top: -20px; left: -20px; }
       .portfolio-grids3 .portfolio-item .rollover-element img { width: 285px; height: 285px; margin-bottom: 20px; }
       .portfolio-grids3 .portfolio-item .rollover-element h3 { margin-bottom: 0px; font-size: 18px; }
       .portfolio-circles3 { width: 860px; }
       .portfolio-circles3 .circles-container { width: 900px; }
       .portfolio-circles3 .portfolio-item { width: 260px; height: 260px; margin-right: 40px; margin-bottom: 50px; border-radius: 130px; -webkit-border-radius: 130px; -moz-border-radius: 130px; }
       .portfolio-circles3 .portfolio-item .thumbnail { width: 260px; height: 260px; border-radius: 130px; -webkit-border-radius: 130px; -moz-border-radius: 130px; }
       .portfolio-circles3 .portfolio-item .thumbnail img { width: 260px; height: 260px; border-radius: 130px; -webkit-border-radius: 130px; -moz-border-radius: 130px; }
       .portfolio-circles3 .portfolio-item .rollover-element { width: 260px; height: 260px; border-radius: 130px; -webkit-border-radius: 130px; -moz-border-radius: 130px; }
       .portfolio-circles3 .portfolio-item .rollover-element .project-meta { width: 260px; height: 145px; padding-top: 115px; border-radius: 130px; -webkit-border-radius: 130px; -moz-border-radius: 130px; }
       .portfolio-circles3 .portfolio-item .rollover-element h3 { font-size: 20px; }
       .portfolio-circles3 .portfolio-item .rollover-element p { font-size: 12px; }
       .portfolio-circles4 { width: 860px; }
       .portfolio-circles4 .circles-container { width: 880px; }
       .portfolio-circles4 .portfolio-item { width: 200px; height: 200px; margin-right: 20px; margin-bottom: 30px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
       .portfolio-circles4 .portfolio-item .thumbnail { width: 200px; height: 200px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
       .portfolio-circles4 .portfolio-item .thumbnail img { width: 200px; height: 200px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
       .portfolio-circles4 .portfolio-item .rollover-element { width: 200px; height: 200px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
       .portfolio-circles4 .portfolio-item .rollover-element .project-meta { width: 200px; height: 105px; padding-top: 95px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
       .portfolio-circles4 .portfolio-item .rollover-element h3 { margin-bottom: 15px; font-size: 16px; }
       .portfolio-circles4 .portfolio-item .rollover-element p { font-size: 12px; }
       .portfolio-stack { width: 940px; }
       .portfolio-stack .stack-container { width: 1000px; }
       .portfolio-stack .portfolio-item { width: 460px; margin-right: 40px; margin-bottom: 40px; }
       .portfolio-stack .portfolio-item .teaser { width: 280px; margin-top: -60px; padding: 40px 40px; }
       .portfolio-stack .portfolio-item .teaser .project-contents h3 { padding-top: 27px; font-size: 22px; }
       .portfolio-stack .portfolio-item .teaser .project-contents h3:before { width: 24px; height: 4px; }
       .portfolio-stack .portfolio-item .teaser .project-contents p { margin-bottom: 25px; font-size: 14px; }
       .portfolio-stack .portfolio-item .teaser .project-contents a.more-link { height: 40px; line-height: 40px; padding: 0px 22px; font-size: 16px; }
       .portfolio-masonry { width: 940px; }
       .portfolio-masonry .masonry-container { width: 970px; }
       .portfolio-masonry .masonry-container .wide { width: 630px; }
       .portfolio-masonry .masonry-container .narrow { width: 320px; }
       .portfolio-masonry .masonry-item .rollover-contents { bottom: 40px; left: 30px; }
       .portfolio-masonry .masonry-item .rollover-contents h3 { margin-bottom: 18px; font-size: 22px; }
       .portfolio-masonry .masonry-item .rollover-contents p { font-size: 13px; }
       .portfolio-masonry-2col { width: 940px; }
       .portfolio-masonry-2col .masonry-container { width: 970px; }
       .portfolio-masonry-2col .masonry-item { width: 475px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents { bottom: 30px; left: 30px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents h3 { margin-bottom: 18px; font-size: 22px;  }
       .portfolio-masonry-2col .masonry-item .rollover-contents p { font-size: 14px; }
       .portfolio-masonry-3col { width: 930px; }
       .portfolio-masonry-3col .masonry-container { width: 945px; }
       .portfolio-masonry-3col .masonry-item { width: 310px; margin-right: 5px; margin-bottom: 5px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents { bottom: 30px; left: 30px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents h3 { margin-bottom: 18px; font-size: 20px;  }
       .portfolio-masonry-3col .masonry-item .rollover-contents p { font-size: 13px; }
       .portfolio-cards-2col { width: 940px; }
       .portfolio-cards-2col .cards-container { width: 1000px; }
       .portfolio-cards-2col .portfolio-item { width: 460px; margin-right: 40px; margin-bottom: 40px; }
       .portfolio-cards-2col .portfolio-item .card-top { padding: 70px 40px; padding-bottom: 55px; }
       .portfolio-cards-2col .portfolio-item .card-top p { margin-bottom: 30px; font-size: 13px; }
       .portfolio-cards-2col .portfolio-item .card-top h3 { padding-top: 35px; font-size: 25px; }
       .portfolio-cards-2col .portfolio-item .card-top h3:before { width: 25px; height: 4px; }
       .portfolio-cards-2col .portfolio-item .thumbnail { width: 460px; }
       .portfolio-cards-3col { width: 930px; }
       .portfolio-cards-3col .cards-container { width: 975px; }
       .portfolio-cards-3col .portfolio-item { width: 310px; margin-right: 15px; margin-bottom: 15px; }
       .portfolio-cards-3col .portfolio-item .card-top { padding: 60px 30px; padding-bottom: 45px; }
       .portfolio-cards-3col .portfolio-item .card-top p { margin-bottom: 20px; font-size: 12px; }
       .portfolio-cards-3col .portfolio-item .card-top h3 { padding-top: 25px; font-size: 18px; }
       .portfolio-cards-3col .portfolio-item .card-top h3:before { width: 20px; height: 3px; }
       .portfolio-cards-3col .portfolio-item .thumbnail { width: 310px; }
       .portfolio-cards-4col { width: 940px; }
       .portfolio-cards-4col .cards-container { width: 980px; }
       .portfolio-cards-4col .portfolio-item { width: 225px; margin-right: 20px; margin-bottom: 20px; }
       .portfolio-cards-4col .portfolio-item .card-top { padding: 50px 20px; padding-bottom: 30px; }
       .portfolio-cards-4col .portfolio-item .card-top p { margin-bottom: 17px; font-size: 11px; }
       .portfolio-cards-4col .portfolio-item .card-top h3 { padding-top: 22px; font-size: 16px; }
       .portfolio-cards-4col .portfolio-item .card-top h3:before { width: 20px; height: 3px; }
       .portfolio-cards-4col .portfolio-item .thumbnail { width: 225px; }
       .portfolio-zig-zag { width: 940px; }
       .portfolio-zig-zag .portfolio-item { margin-bottom: 40px; }
       .portfolio-zig-zag .portfolio-item .thumbnail { width: 580px; }
       .portfolio-zig-zag .portfolio-item .teaser { width: 280px; padding: 70px 50px; padding-bottom: 30px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents h3 { margin-bottom: 25px; padding-top: 30px; font-size: 22px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents h3:before { width: 22px; height: 4px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents p { margin-bottom: 30px; font-size: 14px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents a.button { height: 40px; line-height: 40px; padding: 0px 25px; font-size: 16px; }
       .portfolio-mixed-blocks { width: 958px; margin: 0 auto; }
       .portfolio-mixed-blocks .portfolio-item { margin-bottom: 5px; }
       .portfolio-mixed-blocks .full { width: 958px; }
       .portfolio-mixed-blocks .third { width: 316px; margin-right: 5px; }
       .portfolio-mixed-blocks .half { width: 476px; margin-right: 6px; }
       .portfolio-mixed-blocks .last { margin-right: 0px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents { bottom: 40px; left: 40px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents h3 { margin-bottom: 18px; font-size: 22px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents p { font-size: 13px; }
       .portfolio-mixed-blocks .inline-message p { font-size: 17px; }
       .portfolio-mixed-blocks .third .inline-message { width: 256px; height: 318px; padding: 0px 30px; }
       a#close-item { top: 10px; right: 10px; }
       #portfolio-item-wrapper { width: 940px; padding: 60px 0px; }
       .portfolio-iframe { width: 940px; }
       #portfolio-slider{ width: 940px; }

       /*-- Services --*/
       .service-grids3 { width: 940px; }
       .service-grids3 .service { width: 318px; }
       .service-grids3 .service .service-inner { padding-top: 85px; padding-bottom: 70px; }
       .service-grids4 { width: 940px; }
       .service-grids4 .service { width: 238px; }
       .service-circles3 { width: 860px; }
       .service-circles3 .services-wrapper { width: 900px; }
       .service-circles3 .service { width: 260px; margin-right: 40px; margin-bottom: 55px; }
       .service-circles3 .service .service-image-icon { margin-bottom: 40px; }
       .service-circles3 .service .service-teaser { width: 260px; }
       .service-circles3 .service .service-teaser h4 { font-size: 20px; margin-bottom: 20px; }
       .service-circles3 .service .service-teaser p { font-size: 14px; }
       .service-circles4 { width: 860px; }
       .service-circles4 .services-wrapper { width: 880px; }
       .service-circles4 .service { width: 200px; margin-right: 20px; margin-bottom: 45px; }
       .service-circles4 .service .service-image-icon { width: 140px; height: 40px; margin-bottom: 30px; padding-top: 50px; padding-bottom: 50px; text-align: center; background: rgba(0,0,0,1.0); border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; }
       .service-circles4 .service .service-image-icon a { width: 140px; height: 40px; padding-top: 50px; padding-bottom: 50px; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; }
       .service-circles4 .service .service-font-icon { display: table; width: 140px; height: 140px; margin-bottom: 30px; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; }
       .service-circles4 .service .service-font-icon a { width: 140px; height: 140px; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; }
       .service-circles4 .service .service-teaser { width: 200px; }
       .service-circles4 .service .service-teaser h4 { font-size: 20px; margin-bottom: 20px; }
       .service-circles4 .service .service-teaser p { font-size: 13px; }
       
       /*-- Our Team --*/
       .member-social ul li { width: 40px; height: 40px; line-height: 40px; margin: 0px 5px; }
       .member-social ul li a { width: 40px; height: 40px; line-height: 40px; }
       .members-2col { width: 940px; }
       .members-2col .members-container { width: 1020px; }
       .members-2col .team-member { width: 450px; margin-right: 60px; margin-bottom: 70px; padding-bottom: 70px; }
       .members-2col .team-member .member-position { margin-bottom: 70px; }
       .members-2col .team-member .member-avatar { width: 220px; height: 220px; border-radius: 110px; -moz-border-radius: 110px; -webkit-border-radius: 110px; }
       .members-2col .team-member .member-avatar img { width: 220px; height: 220px; border-radius: 110px; -moz-border-radius: 110px; -webkit-border-radius: 110px; }
       .members-2col .team-member .member-info { width: 340px; margin-bottom: 40px; padding-top: 35px; }
       .members-2col .team-member .member-info h3 { margin-bottom: 28px; font-size: 25px; }
       .members-2col .team-member .member-info p { margin-bottom: 20px; font-size: 15px; }
       .members-2col .team-member .member-info .button-wrapper { padding-top: 14px; }
       .members-2col .team-member .member-info .button-wrapper a.load-member { height: 40px; line-height: 40px; padding: 0px 40px; }
       .members-2col .team-member .member-social { width: 340px; padding-top: 30px; }
       .members-3col { width: 940px; }
       .members-3col .members-container { width: 975px; }
       .members-3col .team-member { width: 310px; margin-right: 15px; margin-bottom: 25px; padding-bottom: 60px; }
       .members-3col .team-member .member-position { margin-bottom: 60px; }
       .members-3col .team-member .member-avatar { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .members-3col .team-member .member-avatar img { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .members-3col .team-member .member-info { width: 240px; margin-bottom: 35px; padding-top: 30px; }
       .members-3col .team-member .member-info h3 { margin-bottom: 29px; font-size: 22px; }
       .members-3col .team-member .member-info p { margin-bottom: 15px; font-size: 13px; }
       .members-3col .team-member .member-info .button-wrapper { padding-top: 14px; }
       .members-3col .team-member .member-info .button-wrapper a.load-member { height: 40px; line-height: 40px; padding: 0px 40px; }
       .members-3col .team-member .member-social { width: 240px; padding-top: 30px; }
       .members-4col { width: 940px; }
       .members-4col .members-container { width: 980px; }
       .members-4col .team-member { width: 225px; margin-right: 20px; margin-bottom: 30px; padding-bottom: 50px; }
       .members-4col .team-member .member-position { margin-bottom: 50px; }
       .members-4col .team-member .member-avatar { width: 120px; height: 120px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; }
       .members-4col .team-member .member-avatar img { width: 120px; height: 120px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; }
       .members-4col .team-member .member-info { width: 140px; margin-bottom: 35px; padding-top: 30px; }
       .members-4col .team-member .member-info h3 { margin-bottom: 22px; font-size: 16px; }
       .members-4col .team-member .member-info p { margin-bottom: 15px; font-size: 11px; }
       .members-4col .team-member .member-info .button-wrapper { padding-top: 14px; }
       .members-4col .team-member .member-info .button-wrapper a.load-member { height: 34px; line-height: 34px; padding: 0px 30px; }
       .members-4col .team-member .member-social { width: 140px; padding-top: 25px; }
       .members-4col .team-member .member-social ul li { width: 30px; height: 30px; line-height: 30px; margin: 0px 4px; }
       .members-4col .team-member .member-social ul li a { width: 30px; height: 30px; line-height: 30px; }
       .members-4col .team-member .member-social ul li a .fa-lg { font-size: 1em; }
       
       /*-- Testimonials --*/
       .testimonials-3col { width: 940px; }
       .testimonials-3col .testimonials-container { width: 990px; }
       .testimonials-3col .testimonial { width: 300px; margin-right: 30px; margin-bottom: 30px; padding-top: 90px; padding-bottom: 45px; background: #FFF url('images/testimonials-bg.png') 36px 40px no-repeat; background-size: 44px 31px; }
       .testimonials-3col .testimonial .testimonial-contents { width: 230px; padding-bottom: 5px; font-size: 14px; }
       .testimonials-3col .testimonial .testimonial-contents p { margin-bottom: 15px; }
       .testimonials-3col .testimonial .testimonial-client { width: 230px; }
       .testimonials-4col { width: 940px; }
       .testimonials-4col .testimonials-container { width: 980px; }
       .testimonials-4col .testimonial { width: 225px; margin-right: 20px; margin-bottom: 20px; padding-top: 80px; padding-bottom: 40px; background: #FFF url('images/testimonials-bg.png') 32px 40px no-repeat; background-size: 22px 16px; }
       .testimonials-4col .testimonial .testimonial-contents { width: 165px; padding-bottom: 10px; font-size: 12px; }
       .testimonials-4col .testimonial .testimonial-contents p { margin-bottom: 10px; }
       .testimonials-4col .testimonial .testimonial-client { width: 165px; height: 30px; }
       .testimonials-4col .testimonial .testimonial-client img { width: 28px; height: 28px; padding: 1px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
       .testimonials-4col .testimonial .testimonial-client h3 { height: 30px; line-height: 30px; margin-left: 10px; font-size: 12px; }
       
       /*-- Pricing Tables --*/
       .pricing-tables-4col { width: 940px; }
       .pricing-tables-4col .pricing-table { width: 230px; margin: 0px 5px 5px 5px; }
       .pricing-tables-4col .pricing-table .plan-title { height: 85px; line-height: 89px; }
       .pricing-tables-4col .pricing-table .plan-title h4 { font-size: 18px; }
       .pricing-tables-4col .pricing-table .plan-details { width: 180px; padding-top: 30px; padding-bottom: 22px; font-size: 12px; }
       .pricing-tables-4col .pricing-table .order-button a { height: 45px; line-height: 45px; padding: 0px 22px; font-size: 12px; }
       .pricing-tables-3col { width: 940px; }
       .pricing-tables-3col .pricing-table { width: 310px; margin: 0px 5px 5px 5px; }
       .pricing-tables-3col .pricing-table .plan-title { height: 90px; line-height: 98px; }
       .pricing-tables-3col .pricing-table .plan-title h4 { font-size: 20px; }
       .pricing-tables-3col .pricing-table .plan-price { padding: 22px 0px; }
       .pricing-tables-3col .pricing-table .plan-price .price { font-size: 32px; }
       .pricing-tables-3col .pricing-table .plan-details { width: 240px; padding-top: 35px; padding-bottom: 30px; font-size: 13px; }
       .pricing-tables-2col { width: 940px; }
       .pricing-tables-2col .pricing-table { width: 460px; }
       .pricing-tables-2col .pricing-table .plan-details { width: 360px; }
       
       /*-- Contact --*/
       #elastic-contact-form { width: 860px; }
       #elastic-contact-form input[type="text"] { width: 214px; margin-right: 25px; margin-bottom: 30px; padding: 27px; }
       #elastic-contact-form textarea { width: 804px; margin-bottom: 27px; padding: 27px; }
       .locations { width: 940px; }
       .locations .locations-container { width: 990px; }
       .locations .location { width: 300px; height: 300px; margin-right: 30px; }
       .locations .location h4 { margin-bottom: 20px; padding-top: 80px; padding-bottom: 28px; font-size: 30px; }
       .locations .location p { font-size: 15px; }
       .show-elements { width: 704px; }
       .show-elements a { width: 175px; height: 80px; line-height: 80px; font-size: 14px; }
       #hidden-map .iframe-container { width: 860px; }

       /*-- Additional Components --*/
       .section-title { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #000; }
       .cta-button-container { padding-top: 35px; }
       .about-wow { width: 940px; height: 576px; }
       .about-wow .about-contents { width: 400px; margin-left: 50px; padding-top: 100px; }
       .about-wow .about-contents h2 { margin-bottom: 30px; font-size: 130px; }
       .about-wow .about-contents p { line-height: 170%; font-size: 15px;}
       .about-wow .about-image { width: 437px; height: 576px; }
       .about-wow .about-image img { width: 437px; height: 576px; }
       .about-designer { height: 400px; margin-top: 40px; }
       .about-designer .about-left { width: 350px; height: 400px; }
       .about-designer .about-left .about-image { width: 270px; height: 450px; top: -50px; right: -150px; }
       .about-right { width: 400px; margin-left: 150px; padding-top: 100px; }
       .about-right h2 { margin-bottom: 32px; padding-top: 32px; font-size: 28px; }
       .about-right h2:before { width: 32px; height: 4px; }
       .about-right p { font-size: 15px; }
       .history { width: 860px; }
       .history .year { width: 100%; }
       .history .year .year-image { width: 430px; height: 430px; }
       .history .year .year-image img { width: 430px; height: 430px; }
       .history .year .year-details { width: 350px; margin-right: 10px; padding-top: 60px; }
       .history .year .year-details h4 { margin-bottom: 26px; font-size: 35px; }
       .history .year .year-details p { font-size: 15px; }
       .subscribe-block { width: 940px; height: 650px; margin-bottom: 80px; }
       .fashion-intro { margin-bottom: 20px; padding: 75px 0px 85px 0px; }
       .fashion-intro .intro-content { width: 940px;}
       .fashion-intro .intro-bold { width: 280px; padding: 20px 40px 30px 0px; border-right: 5px solid #000; }
       .fashion-intro .intro-bold h2 { font-size: 22px; }
       .fashion-intro .intro-text { width: 590px; line-height: 180%; padding-top: 15px; font-size: 13px; }

       /*-- Footer --*/
       .footer { width: 940px; }
       
       /*-- Framework --*/
       .full { width: 940px; margin-bottom: 60px; }
       .half, .half-last { width: 450px; margin-right: 60px; margin-bottom: 60px; }
       .third, .third-last { width: 300px; margin-right: 30px; margin-bottom: 60px; }
       .two-third, .two-third-last { width: 630px; margin-right: 30px; margin-bottom: 60px; }
       .fourth, .fourth-last { width: 225px; margin-right: 20px; margin-bottom: 60px; }
       .two-fourth, .two-fourth-last { width: 470px; margin-right: 20px; margin-bottom: 60px; }
       .three-fourth, .three-fourth-last { width: 715px; margin-right: 20px; margin-bottom: 60px; }
       .pdng-top60  { padding-top: 50px !important; }
       .pdng-top70  { padding-top: 60px !important; }
       .pdng-top80  { padding-top: 70px !important; }
       .pdng-top90  { padding-top: 80px !important; }
       .pdng-top100 { padding-top: 90px !important; }
       .pdng-top110 { padding-top: 100px !important; }
       .pdng-top120 { padding-top: 110px !important; }
       .pdng-top130 { padding-top: 120px !important; }
       .pdng-top140 { padding-top: 130px !important; }
       .pdng-top150 { padding-top: 140px !important; }
       .pdng-bottom60  { padding-bottom: 50px !important; }
       .pdng-bottom70  { padding-bottom: 60px !important; }
       .pdng-bottom80  { padding-bottom: 70px !important; }
       .pdng-bottom90  { padding-bottom: 80px !important; }
       .pdng-bottom100 { padding-bottom: 90px !important; }
       .pdng-bottom110 { padding-bottom: 100px !important; }
       .pdng-bottom120 { padding-bottom: 110px !important; }
       .pdng-bottom130 { padding-bottom: 120px !important; }
       .pdng-bottom140 { padding-bottom: 130px !important; }
       .pdng-bottom150 { padding-bottom: 140px !important; }
       .mrgn-top60  { margin-top: 50px !important; }
       .mrgn-top70  { margin-top: 60px !important; }
       .mrgn-top80  { margin-top: 70px !important; }
       .mrgn-top90  { margin-top: 80px !important; }
       .mrgn-top100 { margin-top: 90px !important; }
       .mrgn-top110 { margin-top: 100px !important; }
       .mrgn-top120 { margin-top: 110px !important; }
       .mrgn-top130 { margin-top: 120px !important; }
       .mrgn-top140 { margin-top: 130px !important; }
       .mrgn-top150 { margin-top: 140px !important; }
       .mrgn-bottom60  { margin-bottom: 50px !important; }
       .mrgn-bottom70  { margin-bottom: 60px !important; }
       .mrgn-bottom80  { margin-bottom: 70px !important; }
       .mrgn-bottom90  { margin-bottom: 80px !important; }
       .mrgn-bottom100 { margin-bottom: 90px !important; }
       .mrgn-bottom110 { margin-bottom: 100px !important; }
       .mrgn-bottom120 { margin-bottom: 110px !important; }
       .mrgn-bottom130 { margin-bottom: 120px !important; }
       .mrgn-bottom140 { margin-bottom: 130px !important; }
       .mrgn-bottom150 { margin-bottom: 140px !important; }

}

/*--- Screen <= 940px ( Tablets portrait view  )---*/
@media screen and (max-width: 960px) { 

       /*-- Page blocks --*/
       .page-block { margin-bottom: 70px; }
       .inner-page { margin-bottom: 70px; padding-top: 70px; }
       .block-contents, .page-contents { width: 700px; }
       .first-after-home { padding-top: 80px !important; }
       .content-narrow { width: 620px; }
       .intro-block { padding: 70px 0px; }
       .intro-block h1 { width: 700px; font-size: 25px; }
       .home-block { width: 700px; padding-top: 60px; padding-bottom: 60px; }
       h1.block-title, h2.block-title { width: 700px; margin-bottom: 37px; padding-bottom: 35px; font-size: 45px; }
       h1.block-title:after, h2.block-title:after { width: 40px; height: 6px; }
       .block-text { width: 700px; }
       .block-text p { margin-bottom: 15px; font-size: 16px; }

       /*-- Headers --*/
       .elastic_top_inner { width: 700px; }
       .elastic_logo_container { width: 450px; }
       .elastic_menu_container { width: 250px; }
       #elastic_overlay_menu div.menu ul li { font-size: 30px; }
       .inner_header_big { height: 350px; }
       .inner_header_big .page-title { padding-top: 50px; }
       .inner_header_big .page-title h1 { font-size: 60px; margin-bottom: 25px; }
       .inner_header_big .page-title p { font-size: 18px; }
       .inner-page-title { padding: 50px 0px; }
       .inner-page-title h1 { width: 700px; font-size: 40px; }
       a.floating-button { position: fixed; top: 15px; right: 15px; }
       
       /*-- Home Variants --*/
       .home1 { width: 700px; height: 390px; }
       .home1 .welcome { height: 200px; padding-top: 25px; top: -17%;}
       .home1 .welcome .big-headline h1 { margin-bottom: 30px; padding: 30px 60px; font-size: 50px; }
       .home2 { width: 700px; height: 390px;}
       .home2 .welcome { padding-top: 10%; }
       .home2 .welcome .mini-intro { margin-bottom: 20px; font-size: 13px; }
       .home2 .welcome .big-headline h1 { line-height: 150%; margin-bottom: 25px; font-size: 50px; }
       .home3 .big-headline { height: 180px;  }
       .home3 .big-headline h1 { height: 180px; line-height: 180px; padding: 0px 70px; font-size: 60px; }
       .home4 { height: 250px; }
       .home4 h1.big-title { bottom: -25px; font-size: 140px; }
       .home5 { padding: 120px 0px; }
       .home5 h1.welcome-text { width: 700px; font-size: 25px; }
       .home6 { width: 700px; height: 400px; }
       .home6 .media-element { width: 530px; height: 400px; }
       .home6 .big-headline { height: 170px; line-height: 170px; padding: 0px 50px; top: 100px; border: 5px solid #F2F2F2; }
       .home6 .big-headline h1 { font-size: 50px; }
       
       /*-- Portfolio Layouts --*/
       .portfolio-grids4, .portfolio-grids3 { width: 621px; }
       .portfolio-grids4 .portfolio-item, .portfolio-grids3 .portfolio-item { width: 205px; height: 205px; }
       .portfolio-grids4 .portfolio-item .thumbnail, .portfolio-grids3 .portfolio-item .thumbnail { width: 205px; height: 205px; }
       .portfolio-grids4 .portfolio-item .thumbnail img, .portfolio-grids3 .portfolio-item .thumbnail img {  width: 205px; height: 205px; }
       .portfolio-grids4 .portfolio-item .rollover-element, .portfolio-grids3 .portfolio-item .rollover-element { width: 205px; padding: 20px; top: -20px; left: -20px; }
       .portfolio-grids4 .portfolio-item .rollover-element img, .portfolio-grids3 .portfolio-item .rollover-element img { width: 205px; height: 205px; margin-bottom: 15px; }
       .portfolio-grids4 .portfolio-item .rollover-element h3, .portfolio-grids3 .portfolio-item .rollover-element h3 { margin-bottom: 0px; font-size: 15px; }
       .portfolio-circles3, .portfolio-circles4 { width: 620px; }
       .portfolio-circles3 .circles-container, .portfolio-circles4 .circles-container { width: 645px; }
       .portfolio-circles3 .portfolio-item, .portfolio-circles4 .portfolio-item { width: 190px; height: 190px; margin-right: 25px; margin-bottom: 30px; border-radius: 95px; -webkit-border-radius: 95px; -moz-border-radius: 95px; }
       .portfolio-circles3 .portfolio-item .thumbnail, .portfolio-circles4 .portfolio-item .thumbnail { width: 190px; height: 190px; border-radius: 95px; -webkit-border-radius: 95px; -moz-border-radius: 95px; }
       .portfolio-circles3 .portfolio-item .thumbnail img, .portfolio-circles4 .portfolio-item .thumbnail img { width: 190px; height: 190px; border-radius: 95px; -webkit-border-radius: 95px; -moz-border-radius: 95px; }
       .portfolio-circles3 .portfolio-item .rollover-element, .portfolio-circles4 .portfolio-item .rollover-element { width: 190px; height: 190px; border-radius: 95px; -webkit-border-radius: 95px; -moz-border-radius: 95px; }
       .portfolio-circles3 .portfolio-item .rollover-element .project-meta, .portfolio-circles4 .portfolio-item .rollover-element .project-meta { width: 190px; height: 95px; padding-top: 85px; border-radius: 95px; -webkit-border-radius: 95px; -moz-border-radius: 95px; }
       .portfolio-circles3 .portfolio-item .rollover-element h3, .portfolio-circles4 .portfolio-item .rollover-element h3 { font-size: 15px; margin-bottom: 15px; }
       .portfolio-circles3 .portfolio-item .rollover-element p, .portfolio-circles4 .portfolio-item .rollover-element p { font-size: 11px; }
       .portfolio-stack { width: 700px; }
       .portfolio-stack .stack-container { width: 740px; }
       .portfolio-stack .portfolio-item { width: 330px; margin-right: 40px; margin-bottom: 40px; }
       .portfolio-stack .portfolio-item .teaser { width: 200px; margin-top: -40px; padding: 30px 30px; }
       .portfolio-stack .portfolio-item .teaser .project-contents h3 { padding-top: 25px; font-size: 20px; }
       .portfolio-stack .portfolio-item .teaser .project-contents h3:before { width: 20px; height: 3px; }
       .portfolio-stack .portfolio-item .teaser .project-contents p { margin-bottom: 25px; font-size: 14px; }
       .portfolio-stack .portfolio-item .teaser .project-contents a.more-link { height: 40px; line-height: 40px; padding: 0px 22px; font-size: 16px; }
       .portfolio-masonry { width: 700px; }
       .portfolio-masonry .masonry-container { width: 710px; }
       .portfolio-masonry .masonry-container .wide { width: 470px; }
       .portfolio-masonry .masonry-container .narrow { width: 220px; }
       .portfolio-masonry .masonry-item .rollover-contents { bottom: 35px; left: 25px; }
       .portfolio-masonry .masonry-item .rollover-contents h3 { margin-bottom: 15px; font-size: 16px; }
       .portfolio-masonry .masonry-item .rollover-contents p { font-size: 12px; }
       .portfolio-masonry-2col { width: 700px; }
       .portfolio-masonry-2col .masonry-container { width: 710px; }
       .portfolio-masonry-2col .masonry-item { width: 345px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents { bottom: 30px; left: 30px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents h3 { margin-bottom: 18px; font-size: 20px;  }
       .portfolio-masonry-2col .masonry-item .rollover-contents p { font-size: 13px; }
       .portfolio-masonry-3col { width: 700px; }
       .portfolio-masonry-3col .masonry-container { width: 710px; }
       .portfolio-masonry-3col .masonry-item { width: 345px; margin-right: 10px; margin-bottom: 10px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents { bottom: 30px; left: 30px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents h3 { margin-bottom: 18px; font-size: 20px;  }
       .portfolio-masonry-3col .masonry-item .rollover-contents p { font-size: 13px; }
       .portfolio-cards-2col { width: 700px; }
       .portfolio-cards-2col .cards-container { width: 740px; }
       .portfolio-cards-2col .portfolio-item { width: 330px; margin-right: 40px; margin-bottom: 40px; }
       .portfolio-cards-2col .portfolio-item .card-top { padding: 60px 30px; padding-bottom: 45px; }
       .portfolio-cards-2col .portfolio-item .card-top p { margin-bottom: 20px; font-size: 12px; }
       .portfolio-cards-2col .portfolio-item .card-top h3 { padding-top: 25px; font-size: 18px; }
       .portfolio-cards-2col .portfolio-item .card-top h3:before { width: 20px; height: 3px; }
       .portfolio-cards-2col .portfolio-item .thumbnail { width: 330px; }
       .portfolio-cards-3col { width: 700px; }
       .portfolio-cards-3col .cards-container { width: 705px; }
       .portfolio-cards-3col .portfolio-item { width: 230px; margin-right: 5px; margin-bottom: 10px; }
       .portfolio-cards-3col .portfolio-item .card-top { padding: 45px 25px; padding-bottom: 35px; }
       .portfolio-cards-3col .portfolio-item .card-top p { margin-bottom: 17px; font-size: 11px; }
       .portfolio-cards-3col .portfolio-item .card-top h3 { padding-top: 20px; font-size: 15px; }
       .portfolio-cards-3col .portfolio-item .card-top h3:before { width: 20px; height: 3px; }
       .portfolio-cards-3col .portfolio-item .thumbnail { width: 230px; }
       .portfolio-cards-4col { width: 700px; }
       .portfolio-cards-4col .cards-container { width: 705px; }
       .portfolio-cards-4col .portfolio-item { width: 230px; margin-right: 5px; margin-bottom: 10px; }
       .portfolio-cards-4col .portfolio-item .card-top { padding: 45px 25px; padding-bottom: 35px; }
       .portfolio-cards-4col .portfolio-item .card-top p { margin-bottom: 17px; font-size: 11px; }
       .portfolio-cards-4col .portfolio-item .card-top h3 { padding-top: 20px; font-size: 15px; }
       .portfolio-cards-4col .portfolio-item .card-top h3:before { width: 20px; height: 3px; }
       .portfolio-cards-4col .portfolio-item .thumbnail { width: 230px; }
       .portfolio-zig-zag { width: 700px; }
       .portfolio-zig-zag .portfolio-item { margin-bottom: 40px; }
       .portfolio-zig-zag .portfolio-item .thumbnail { width: 420px; }
       .portfolio-zig-zag .portfolio-item .teaser { width: 220px; padding: 45px 30px; padding-bottom: 30px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents h3 { margin-bottom: 18px; padding-top: 22px; font-size: 16px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents h3:before { width: 20px; height: 3px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents p { margin-bottom: 20px; font-size: 10px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents a.button { height: 36px; line-height: 36px; padding: 0px 20px; font-size: 14px; }
       .portfolio-mixed-blocks { width: 700px; margin: 0 auto; }
       .portfolio-mixed-blocks .portfolio-item { margin-bottom: 2px; }
       .portfolio-mixed-blocks .full { width: 700px; }
       .portfolio-mixed-blocks .third { width: 232px; margin-right: 2px; }
       .portfolio-mixed-blocks .half { width: 348px; margin-right: 2px; }
       .portfolio-mixed-blocks .last { margin-right: 0px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents { bottom: 20px; left: 20px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents h3 { margin-bottom: 15px; font-size: 18px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents p { font-size: 12px; }
       .portfolio-mixed-blocks .inline-message p { font-size: 13px; }
       .portfolio-mixed-blocks .third .inline-message { width: 192px; height: 232px; padding: 0px 20px; }
       a#close-item { top: 10px; right: 10px; }
       #portfolio-item-wrapper { width: 700px; padding: 50px 0px; }
       .portfolio-item-title { margin-bottom: 30px; }
       .portfolio-item-title h2 { font-size: 35px; }
       .portfolio-text { font-size: 15px; }
       .portfolio-text p { margin-bottom: 20px; }
       .portfolio-iframe { width: 700px; margin-bottom: 30px; }
       #portfolio-slider{ width: 700px; margin-bottom: 30px; position: relative; zoom: 1;}
       #portfolio-slider .flex-direction-nav li a { top: 45%; }
       
       /*-- Services --*/
       .service-grids3 { width: 540px; }
       .service-grids3 .service { width: 268px; }
       .service-grids3 .service .service-inner { padding-top: 85px; padding-bottom: 70px; }
       .service-grids4 { width: 540px; }
       .service-grids4 .service { width: 268px; }
       .service-circles3 { width: 620px; }
       .service-circles3 .services-wrapper { width: 645px; }
       .service-circles3 .service { width: 190px; margin-right: 25px; margin-bottom: 35px; }
       .service-circles3 .service .service-image-icon { width: 180px; height: 60px; margin-bottom: 40px; padding-top: 60px; padding-bottom: 60px; border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; }
       .service-circles3 .service .service-image-icon a { width: 180px; height: 60px; padding-top: 60px; padding-bottom: 60px; border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; }
       .service-circles3 .service .service-font-icon { width: 180px; height: 180px; margin-bottom: 40px; border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; }
       .service-circles3 .service .service-font-icon a { width: 180px; height: 180px; border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; }
       .service-circles3 .service .service-teaser { width: 190px; }
       .service-circles3 .service .service-teaser h4 { font-size: 20px; margin-bottom: 20px; }
       .service-circles3 .service .service-teaser p { font-size: 13px; }
       .service-circles4 { width: 620px; }
       .service-circles4 .services-wrapper { width: 645px; }
       .service-circles4 .service { width: 190px; margin-right: 25px; margin-bottom: 35px; }
       .service-circles4 .service .service-image-icon { width: 180px; height: 60px; margin-bottom: 40px; padding-top: 60px; padding-bottom: 60px; border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; }
       .service-circles4 .service .service-image-icon a { width: 180px; height: 60px; padding-top: 60px; padding-bottom: 60px; border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; }
       .service-circles4 .service .service-font-icon { width: 180px; height: 180px; margin-bottom: 40px; border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; }
       .service-circles4 .service .service-font-icon a { width: 180px; height: 180px; border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; }
       .service-circles4 .service .service-teaser { width: 190px; }
       .service-circles4 .service .service-teaser h4 { font-size: 20px; margin-bottom: 20px; }
       .service-circles4 .service .service-teaser p { font-size: 13px; }
       #service-item { width: 700px; padding: 50px 0px; }
       .service-title { width: 600px; margin-bottom: 20px; }
       .service-title h2 { font-size: 22px; }
       .service-contents { width: 600px; }
       .service-contents p { margin-bottom: 20px; font-size: 14px; }

       /*-- Our Team --*/
       .member-position h4 { font-size: 14px; }
       .member-social ul li { width: 30px; height: 30px; line-height: 30px; margin: 0px 5px; }
       .member-social ul li a { width: 30px; height: 30px; line-height: 30px; }
       .member-social ul li a .fa-lg { font-size: 1em; }
       .members-2col { width: 700px; }
       .members-2col .members-container { width: 740px; }
       .members-2col .team-member { width: 330px; margin-right: 40px; margin-bottom: 50px; padding-bottom: 60px; }
       .members-2col .team-member .member-position { margin-bottom: 50px; }
       .members-2col .team-member .member-avatar { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .members-2col .team-member .member-avatar img { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .members-2col .team-member .member-info { width: 240px; margin-bottom: 40px; padding-top: 35px; }
       .members-2col .team-member .member-info h3 { margin-bottom: 22px; font-size: 20px; }
       .members-2col .team-member .member-info p { margin-bottom: 18px; font-size: 13px; }
       .members-2col .team-member .member-info .button-wrapper { padding-top: 14px; }
       .members-2col .team-member .member-info .button-wrapper a.load-member { height: 40px; line-height: 40px; padding: 0px 40px; }
       .members-2col .team-member .member-social { width: 240px; padding-top: 30px; }
       .members-3col { width: 700px; }
       .members-3col .members-container { width: 705px; }
       .members-3col .team-member { width: 230px; margin-right: 5px; margin-bottom: 10px; padding-bottom: 40px; }
       .members-3col .team-member .member-position { margin-bottom: 40px; }
       .members-3col .team-member .member-avatar { width: 140px; height: 140px; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; }
       .members-3col .team-member .member-avatar img { width: 140px; height: 140px; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; }
       .members-3col .team-member .member-info { width: 180px; margin-bottom: 35px; padding-top: 30px; }
       .members-3col .team-member .member-info h3 { margin-bottom: 20px; font-size: 16px; }
       .members-3col .team-member .member-info p { margin-bottom: 15px; font-size: 12px; }
       .members-3col .team-member .member-info .button-wrapper { padding-top: 14px; }
       .members-3col .team-member .member-info .button-wrapper a.load-member { height: 40px; line-height: 40px; padding: 0px 40px; }
       .members-3col .team-member .member-social { width: 180px; padding-top: 30px; }
       .members-4col { width: 700px; }
       .members-4col .members-container { width: 740px; }
       .members-4col .team-member { width: 330px; margin-right: 40px; margin-bottom: 50px; padding-bottom: 60px; }
       .members-4col .team-member .member-position { margin-bottom: 50px; }
       .members-4col .team-member .member-avatar { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .members-4col .team-member .member-avatar img { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .members-4col .team-member .member-info { width: 240px; margin-bottom: 40px; padding-top: 35px; }
       .members-4col .team-member .member-info h3 { margin-bottom: 22px; font-size: 20px; }
       .members-4col .team-member .member-info p { margin-bottom: 18px; font-size: 13px; }
       .members-4col .team-member .member-info .button-wrapper { padding-top: 14px; }
       .members-4col .team-member .member-info .button-wrapper a.load-member { height: 40px; line-height: 40px; padding: 0px 40px; }
       .members-4col .team-member .member-social { width: 240px; padding-top: 30px; }
       #team-member { width: 700px; padding: 50px 0px; }
       .member-name { width: 600px; margin-bottom: 20px; }
       .member-name h2 { font-size: 22px; }
       .member-contents { width: 600px; }
       h3.member-section-title { margin-bottom: 22px; padding-top: 22px; padding-bottom: 18px; font-size: 18px; }
       .member-contents p { margin-bottom: 20px; font-size: 14px; }

       /*-- Testimonials --*/
       .testimonials-3col { width: 700px; }
       .testimonials-3col .testimonials-container { width: 710px; }
       .testimonials-3col .testimonial { width: 230px; margin-right: 5px; margin-bottom: 5px; padding-top: 60px; padding-bottom: 35px; background: #FFF url('images/testimonials-bg.png') 20px 30px no-repeat; background-size: 22px 16px; }
       .testimonials-3col .testimonial .testimonial-contents { width: 190px; padding-bottom: 5px; font-size: 12px; }
       .testimonials-3col .testimonial .testimonial-contents p { margin-bottom: 15px; }
       .testimonials-3col .testimonial .testimonial-client { width: 190px; height: 30px; }
       .testimonials-3col .testimonial .testimonial-client img { width: 28px; height: 28px; padding: 1px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
       .testimonials-3col .testimonial .testimonial-client h3 { height: 30px; line-height: 30px; font-size: 12px; }
       .testimonials-4col { width: 700px; }
       .testimonials-4col .testimonials-container { width: 740px; }
       .testimonials-4col .testimonial { width: 330px; margin-right: 40px; margin-bottom: 40px; padding-top: 110px; background: #FFF url('images/testimonials-bg.png') 42px 50px no-repeat; background-size: 44px 31px; }
       .testimonials-4col .testimonial .testimonial-contents { width: 250px; font-size: 16px; }
       .testimonials-4col .testimonial .testimonial-client { width: 250px; }
       .testimonials-4col .testimonial .testimonial-client img { width: 46px; height: 46px; padding: 2px; background: #000; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
       .testimonials-4col .testimonial .testimonial-client h3 { margin-left: 14px; font-size: 14px; }
       
       /*-- Pricing Tables --*/
       .pricing-tables-4col { width: 700px; }
       .pricing-tables-4col .pricing-table { width: 340px; margin: 0px 5px 10px 5px; }
       .pricing-tables-4col .pricing-table .plan-title { height: 90px; line-height: 98px; }
       .pricing-tables-4col .pricing-table .plan-title h4 { font-size: 20px; }
       .pricing-tables-4col .pricing-table .plan-details { width: 280px; padding-top: 35px; padding-bottom: 30px; font-size: 14px; }
       .pricing-tables-3col { width: 699px; }
       .pricing-tables-3col .pricing-table { width: 223px; margin: 0px 5px 5px 5px; }
       .pricing-tables-3col .pricing-table .plan-title { height: 85px; line-height: 89px; }
       .pricing-tables-3col .pricing-table .plan-title h4 { font-size: 18px; }
       .pricing-tables-3col .pricing-table .plan-price { padding: 22px 0px; }
       .pricing-tables-3col .pricing-table .plan-price .price { font-size: 28px; }
       .pricing-tables-3col .pricing-table .plan-details { width: 180px; padding-top: 30px; padding-bottom: 27px; font-size: 12px; }
       .pricing-tables-3col .pricing-table .order-button a { height: 44px; line-height: 44px; padding: 0px 22px; }
       .pricing-tables-2col { width: 700px; }
       .pricing-tables-2col .pricing-table { width: 340px; margin: 0px 5px 10px 5px; }
       .pricing-tables-2col .pricing-table .plan-title { height: 90px; line-height: 98px; }
       .pricing-tables-2col .pricing-table .plan-title h4 { font-size: 20px; }
       .pricing-tables-2col .pricing-table .plan-details { width: 280px; padding-top: 35px; padding-bottom: 30px; font-size: 14px; }
       
       /*-- Contact --*/
       #elastic-contact-form { width: 620px; }
       #elastic-contact-form input[type="text"] { width: 148px; margin-right: 10px; margin-bottom: 20px; padding: 16px 25px; font-size: 13px; }
       #elastic-contact-form textarea { width: 564px; height: 180px; margin-bottom: 20px; padding: 16px 27px; font-size: 13px; }
       #elastic-contact-form button { font-size: 16px; }
       .locations { width: 700px; }
       .locations .locations-container { width: 705px; }
       .locations .location { width: 230px; height: 230px; margin-right: 5px; }
       .locations .location h4 { margin-bottom: 20px; padding-top: 55px; padding-bottom: 25px; font-size: 20px; }
       .locations .location p { font-size: 13px; }
       .show-elements { width: 624px; }
       .show-elements a { width: 155px; height: 80px; line-height: 80px; font-size: 14px; }
       #hidden-phone-number { padding-top: 50px; }
       #hidden-phone-number p { font-size: 40px; }
       #hidden-form { padding-top: 50px; }
       #hidden-map { padding-top: 40px; }
       #hidden-map .iframe-container { width: 600px; }
       #hidden-social { padding-top: 50px; }
       
       /*-- Additional Components --*/
       .section-title { margin-bottom: 30px; padding-bottom: 25px; }
       .section-title h1 { font-size: 26px; }
       .section-title h2 { font-size: 20px; }
       .section-title h3 { font-size: 18px; }
       .about-wow { width: 700px; height: 410px; }
       .about-wow .about-contents { width: 300px; margin-left: 50px; padding-top: 55px; }
       .about-wow .about-contents h2 { margin-bottom: 30px; font-size: 100px; }
       .about-wow .about-contents p { line-height: 170%; font-size: 12px;}
       .about-wow .about-image { width: 310px; height: 410px; }
       .about-wow .about-image img { width: 310px; height: 410px; }
       .about-designer { height: 350px; margin-top: 40px; }
       .about-designer .about-left { width: 250px; height: 350px; }
       .about-designer .about-left .about-image { width: 250px; height: 400px; top: -50px; right: -80px; }
       .about-right { width: 340px; margin-left: 120px; padding-top: 80px; }
       .about-right h2 { margin-bottom: 28px; padding-top: 28px; font-size: 26px; }
       .about-right h2:before { width: 32px; height: 4px; }
       .about-right p { font-size: 13px; }
       .history { width: 620px; }
       .history .year { width: 100%; }
       .history .year .year-image { width: 310px; height: 310px; }
       .history .year .year-image img { width: 310px; height: 310px; }
       .history .year .year-details { width: 280px; padding-top: 30px; }
       .history .year .year-details h4 { margin-bottom: 20px; font-size: 30px; }
       .history .year .year-details p { font-size: 12px; }
       .subscribe-block { width: 700px; height: 380px; margin-bottom: 70px; }
       .subscribe-block .subscribe-form { width: 600px; padding-top: 85px; }
       .subscribe-block .subscribe-form h2 { margin-bottom: 35px; font-size: 30px; }
       .subscribe-block .subscribe-form .form-wrapper { width: 600px; margin-bottom: 30px; }
       .subscribe-block .form-wrapper input[type="email"], .subscribe-block .form-wrapper input[type="text"] { width: 300px; padding: 38px; padding-left: 48px; }
       .fashion-intro { margin-bottom: 20px; padding: 65px 0px 70px 0px; }
       .fashion-intro .intro-content { width: 700px; }
       .fashion-intro .intro-bold { width: 250px; margin-top: 15px; padding: 20px 30px 30px 0px; border-right: 5px solid #000; }
       .fashion-intro .intro-bold h2 { font-size: 22px; }
       .fashion-intro .intro-text { width: 380px; line-height: 180%; padding-top: 0px; font-size: 13px; }

       /*-- Footer --*/
       .footer { width: 700px; padding-top: 50px; padding-bottom: 45px; }
       .footer-social { margin-bottom: 30px; }
       .footer-social a { margin: 0 20px; font-size: 15px; }
       
       /*-- Framework --*/
       .full { width: 700px; margin-bottom: 40px; }
       .half, .half-last { width: 330px; margin-right: 40px; margin-bottom: 40px !important; }
       .third, .third-last { width: 220px; margin-right: 20px; margin-bottom: 40px; }
       .two-third, .two-third-last { width: 460px; margin-right: 20px; margin-bottom: 40px; }
       .fourth, .fourth-last { width: 160px; margin-right: 20px; margin-bottom: 40px; }
       .two-fourth, .two-fourth-last { width: 340px; margin-right: 20px; margin-bottom: 40px; }
       .three-fourth, .three-fourth-last { width: 520px; margin-right: 20px; margin-bottom: 40px; }
       .full p, .half p, .half-last p, .third p, .third-last-p, .fourth p, .fourth-last p,
       .two-fourth p, .two-fourth-last p, .three-fourth p, .three-fourth-last p { font-size: 13px; }
       .full h1, .half h1, .half-last h1, .third h1, .third-last-h1, .fourth h1, .fourth-last h1,
       .two-fourth h1, .two-fourth-last h1, .three-fourth h1, .three-fourth-last h1 { font-size: 30px; }
       .full h2, .half h2, .half-last h2, .third h2, .third-last-h2, .fourth h2, .fourth-last h2,
       .two-fourth h2, .two-fourth-last h2, .three-fourth h2, .three-fourth-last h2 { font-size: 20px; }
       .full h3, .half h3, .half-last h3, .third h3, .third-last-h3, .fourth h3, .fourth-last h3,
       .two-fourth h3, .two-fourth-last h3, .three-fourth h3, .three-fourth-last h3 { font-size: 18px; }
       .full h4, .half h4, .half-last h4, .third h4, .third-last-h4, .fourth h4, .fourth-last h4,
       .two-fourth h4, .two-fourth-last h4, .three-fourth h4, .three-fourth-last h4 { font-size: 16px; font-weight: bold; }
       .full h5, .half h5, .half-last h5, .third h5, .third-last-h5, .fourth h5, .fourth-last h5,
       .two-fourth h5, .two-fourth-last h5, .three-fourth h5, .three-fourth-last h5 { font-size: 15px; font-weight: bold; }
       .full h6, .half h6, .half-last h6, .third h6, .third-last-h6, .fourth h6, .fourth-last h6,
       .two-fourth h6, .two-fourth-last h6, .three-fourth h6, .three-fourth-last h6 { font-size: 14px; font-weight: bold; }
       .pdng-top10  { padding-top: 8px !important; }
       .pdng-top20  { padding-top: 16px !important; }
       .pdng-top30  { padding-top: 24px !important; }
       .pdng-top40  { padding-top: 32px !important; }
       .pdng-top50  { padding-top: 40px !important; }
       .pdng-top60  { padding-top: 48px !important; }
       .pdng-top70  { padding-top: 54px !important; }
       .pdng-top80  { padding-top: 62px !important; }
       .pdng-top90  { padding-top: 72px !important; }
       .pdng-top100 { padding-top: 80px !important; }
       .pdng-top110 { padding-top: 88px !important; }
       .pdng-top120 { padding-top: 96px !important; }
       .pdng-top130 { padding-top: 106px !important; }
       .pdng-top140 { padding-top: 112px !important; }
       .pdng-top150 { padding-top: 120px !important; }
       .pdng-bottom10  { padding-bottom: 8px !important; }
       .pdng-bottom20  { padding-bottom: 16px !important; }
       .pdng-bottom30  { padding-bottom: 24px !important; }
       .pdng-bottom40  { padding-bottom: 32px !important; }
       .pdng-bottom50  { padding-bottom: 40px !important; }
       .pdng-bottom60  { padding-bottom: 48px !important; }
       .pdng-bottom70  { padding-bottom: 54px !important; }
       .pdng-bottom80  { padding-bottom: 62px !important; }
       .pdng-bottom90  { padding-bottom: 72px !important; }
       .pdng-bottom100 { padding-bottom: 80px !important; }
       .pdng-bottom110 { padding-bottom: 88px !important; }
       .pdng-bottom120 { padding-bottom: 96px !important; }
       .pdng-bottom130 { padding-bottom: 106px !important; }
       .pdng-bottom140 { padding-bottom: 112px !important; }
       .pdng-bottom150 { padding-bottom: 120px !important; }
       .mrgn-top10  { margin-top: 8px !important; }
       .mrgn-top20  { margin-top: 16px !important; }
       .mrgn-top30  { margin-top: 24px !important; }
       .mrgn-top40  { margin-top: 32px !important; }
       .mrgn-top50  { margin-top: 40px !important; }
       .mrgn-top60  { margin-top: 48px !important; }
       .mrgn-top70  { margin-top: 54px !important; }
       .mrgn-top80  { margin-top: 62px !important; }
       .mrgn-top90  { margin-top: 72px !important; }
       .mrgn-top100 { margin-top: 80px !important; }
       .mrgn-top110 { margin-top: 88px !important; }
       .mrgn-top120 { margin-top: 96px !important; }
       .mrgn-top130 { margin-top: 106px !important; }
       .mrgn-top140 { margin-top: 112px !important; }
       .mrgn-top150 { margin-top: 120px !important; }
       .mrgn-bottom10  { margin-bottom: 8px !important; }
       .mrgn-bottom20  { margin-bottom: 16px !important; }
       .mrgn-bottom30  { margin-bottom: 24px !important; }
       .mrgn-bottom40  { margin-bottom: 32px !important; }
       .mrgn-bottom50  { margin-bottom: 40px !important; }
       .mrgn-bottom60  { margin-bottom: 48px !important; }
       .mrgn-bottom70  { margin-bottom: 54px !important; }
       .mrgn-bottom80  { margin-bottom: 62px !important; }
       .mrgn-bottom90  { margin-bottom: 72px !important; }
       .mrgn-bottom100 { margin-bottom: 80px !important; }
       .mrgn-bottom110 { margin-bottom: 88px !important; }
       .mrgn-bottom120 { margin-bottom: 96px !important; }
       .mrgn-bottom130 { margin-bottom: 106px !important; }
       .mrgn-bottom140 { margin-bottom: 112px !important; }
       .mrgn-bottom150 { margin-bottom: 120px !important; }

}

/*--- Screen <= 700px ( iPhone5 landscape view )---*/
@media screen and (max-width: 700px) { 

       /*-- Page blocks --*/
       .page-block { margin-bottom: 60px; }
       .inner-page { margin-bottom: 60px; padding-top: 60px; }
       .block-contents, .page-contents { width: 520px; }
       .first-after-home { padding-top: 60px !important; }
       .content-narrow { width: 460px; }
       .intro-block { padding: 45px 0px; }
       .intro-block h1 { width: 520px; font-size: 20px; }
       .home-block { width: 520px; padding-top: 55px; padding-bottom: 55px; }
       h1.block-title, h2.block-title { width: 520px; margin-bottom: 32px; padding-bottom: 35px; font-size: 40px; }
       h1.block-title:after, h2.block-title:after { width: 35px; height: 5px; }
       .block-text { width: 520px; }
       .block-text p { margin-bottom: 14px; font-size: 15px; }

       /*-- Headers --*/
       .elastic_top_inner { width: 520px; }
       .elastic_logo_container { width: 400px; }
       .elastic_menu_container { width: 120px; }
       .menu_button .menu_label { display: none; }
       #side_menu_panel div.menu { padding-top: 40px; }
       #elastic_overlay_menu div.menu { width: 350px; }
       #elastic_overlay_menu div.menu ul li { font-size: 25px; }
       #elastic_overlay_menu .close-container { top: 20px; right: 20px; }
       .fixed-menu-button { position: fixed; top: 30px; right: 20px; }
       .inner_header_big { height: 250px; }
       .inner_header_big .page-title { padding-top: 10px; }
       .inner_header_big .page-title h1 { font-size: 50px; margin-bottom: 20px; }
       .inner_header_big .page-title p { font-size: 15px; }
       .inner-page-title { padding: 40px 0px; }
       .inner-page-title h1 { width: 520px; font-size: 30px; }
       a.floating-button { top: 3px; right: 3px; width: 24px; height: 23px; padding: 17px 16px; background: #000; }
       a.floating-button span.line { width: 24px; height: 3px; margin-bottom: 7px; }
       a.floating-button span.line:last-child { margin-bottom: 0px; }
       
       /*-- Home Variants --*/
       .home1 { width: 520px; height: 290px; }
       .home1 .welcome { height: 150px; padding-top: 15px; top: -15%;}
       .home1 .welcome .mini-intro { margin-bottom: 15px; }
       .home1 .welcome .big-headline h1 { margin-bottom: 25px; padding: 20px 50px; font-size: 35px; }
       .home2 { width: 520px; height: 320px; }
       .home2 .welcome { padding-top: 10%; }
       .home2 .welcome .mini-intro { margin-bottom: 16px; font-size: 12px; }
       .home2 .welcome .big-headline h1 { line-height: 150%; margin-bottom: 20px; font-size: 40px; }
       .home2 .welcome .cta-container { font-size: 11px; }
       .home2 .welcome .cta-container a { height: 50px; line-height: 50px; padding: 0px 20px; }
       .home3 {  }
       .home3 .big-headline { height: 150px;  }
       .home3 .big-headline h1 { height: 150px; line-height: 150px; padding: 0px 55px; font-size: 50px; }
       .home4 { height: 200px; }
       .home4 h1.big-title { bottom: -16px; font-size: 100px; }
       .home5 { padding: 70px 0px; }
       .home5 h1.welcome-text { width: 520px; font-size: 20px; }
       .home6 { width: 520px; height: 320px; text-align: center; margin-top: -20px; }
       .home6 .media-element { width: 520px; height: 320px; float: none; }
       .home6 .big-headline { max-width: 250px; height: 100px; line-height: 100px; padding: 0px 50px; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: auto; background: rgba(255,255,255,0.75); border: 5px solid rgba(255,255,255,0.6); }
       .home6 .big-headline h1 { font-size: 35px; }
       
       /*-- Portfolio Layouts --*/
       .portfolio-grids4, .portfolio-grids3 { width: 400px; }
       .portfolio-grids4 .portfolio-item, .portfolio-grids3 .portfolio-item { width: 228px; height: 228px; }
       .portfolio-grids4 .portfolio-item .thumbnail, .portfolio-grids3 .portfolio-item .thumbnail { width: 228px; height: 228px; }
       .portfolio-grids4 .portfolio-item .thumbnail img, .portfolio-grids3 .portfolio-item .thumbnail img {  width: 228px; height: 228px; }
       .portfolio-grids4 .portfolio-item .rollover-element, .portfolio-grids3 .portfolio-item .rollover-element { width: 228px; padding: 20px; top: -20px; left: -20px; }
       .portfolio-grids4 .portfolio-item .rollover-element img, .portfolio-grids3 .portfolio-item .rollover-element img { width: 228px; height: 228px; margin-bottom: 20px; }
       .portfolio-grids4 .portfolio-item .rollover-element h3, .portfolio-grids3 .portfolio-item .rollover-element h3 { margin-bottom: 0px; font-size: 16px; }
       .portfolio-circles3, .portfolio-circles4 { width: 460px; }
       .portfolio-circles3 .circles-container, .portfolio-circles4 .circles-container { width: 490px; }
       .portfolio-circles3 .portfolio-item, .portfolio-circles4 .portfolio-item { width: 220px; height: 220px; margin-right: 20px; margin-bottom: 30px; border-radius: 110px; -webkit-border-radius: 110px; -moz-border-radius: 110px; }
       .portfolio-circles3 .portfolio-item .thumbnail, .portfolio-circles4 .portfolio-item .thumbnail { width: 220px; height: 220px; border-radius: 110px; -webkit-border-radius: 110px; -moz-border-radius: 110px; }
       .portfolio-circles3 .portfolio-item .thumbnail img, .portfolio-circles4 .portfolio-item .thumbnail img { width: 220px; height: 220px; border-radius: 110px; -webkit-border-radius: 110px; -moz-border-radius: 110px; }
       .portfolio-circles3 .portfolio-item .rollover-element, .portfolio-circles4 .portfolio-item .rollover-element { width: 220px; height: 220px; border-radius: 110px; -webkit-border-radius: 110px; -moz-border-radius: 110px; }
       .portfolio-circles3 .portfolio-item .rollover-element .project-meta, .portfolio-circles4 .portfolio-item .rollover-element .project-meta { width: 220px; height: 115px; padding-top: 105px; border-radius: 110px; -webkit-border-radius: 110px; -moz-border-radius: 110px; }
       .portfolio-stack { width: 520px; }
       .portfolio-stack .stack-container { width: 520px; }
       .portfolio-stack .portfolio-item { width: 520px; float: none; margin-right: 0px; margin-bottom: 40px; }
       .portfolio-stack .portfolio-item .teaser { width: 300px; margin-top: -60px; padding: 50px 50px; }
       .portfolio-stack .portfolio-item .teaser .project-contents h3 { padding-top: 27px; font-size: 22px; }
       .portfolio-stack .portfolio-item .teaser .project-contents h3:before { width: 24px; height: 4px; }
       .portfolio-stack .portfolio-item .teaser .project-contents p { margin-bottom: 25px; font-size: 14px; }
       .portfolio-stack .portfolio-item .teaser .project-contents a.more-link { height: 40px; line-height: 40px; padding: 0px 22px; font-size: 16px; }
       .portfolio-masonry { width: 520px; }
       .portfolio-masonry .masonry-container { width: 530px; }
       .portfolio-masonry .masonry-container .wide { width: 255px; }
       .portfolio-masonry .masonry-container .narrow { width: 255px; }
       .portfolio-masonry .masonry-item .rollover-contents { bottom: 25px; left: 25px; }
       .portfolio-masonry .masonry-item .rollover-contents h3 { margin-bottom: 15px; font-size: 16px; }
       .portfolio-masonry .masonry-item .rollover-contents p { font-size: 12px; }
       .portfolio-masonry-2col { width: 520px; }
       .portfolio-masonry-2col .masonry-container { width: 530px; }
       .portfolio-masonry-2col .masonry-item { width: 255px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents { bottom: 25px; left: 25px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents h3 { margin-bottom: 15px; font-size: 16px;  }
       .portfolio-masonry-2col .masonry-item .rollover-contents p { font-size: 12px; }
       .portfolio-masonry-3col { width: 520px; }
       .portfolio-masonry-3col .masonry-container { width: 530px; }
       .portfolio-masonry-3col .masonry-item { width: 255px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents { bottom: 25px; left: 25px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents h3 { margin-bottom: 15px; font-size: 16px;  }
       .portfolio-masonry-3col .masonry-item .rollover-contents p { font-size: 12px; }
       .portfolio-cards-2col { width: 520px; }
       .portfolio-cards-2col .cards-container { width: 530px; }
       .portfolio-cards-2col .portfolio-item { width: 255px; margin-right: 10px; margin-bottom: 10px; }
       .portfolio-cards-2col .portfolio-item .card-top { padding: 50px 30px; padding-bottom: 40px; }
       .portfolio-cards-2col .portfolio-item .card-top p { margin-bottom: 17px; font-size: 11px; }
       .portfolio-cards-2col .portfolio-item .card-top h3 { padding-top: 20px; font-size: 15px; }
       .portfolio-cards-2col .portfolio-item .card-top h3:before { width: 20px; height: 3px; }
       .portfolio-cards-2col .portfolio-item .thumbnail { width: 255px; }
       .portfolio-cards-3col { width: 520px; }
       .portfolio-cards-3col .cards-container { width: 530px; }
       .portfolio-cards-3col .portfolio-item { width: 255px; margin-right: 10px; margin-bottom: 10px; }
       .portfolio-cards-3col .portfolio-item .card-top { padding: 50px 30px; padding-bottom: 40px; }
       .portfolio-cards-3col .portfolio-item .card-top p { margin-bottom: 17px; font-size: 11px; }
       .portfolio-cards-3col .portfolio-item .card-top h3 { padding-top: 20px; font-size: 15px; }
       .portfolio-cards-3col .portfolio-item .card-top h3:before { width: 20px; height: 3px; }
       .portfolio-cards-3col .portfolio-item .thumbnail { width: 255px; }
       .portfolio-cards-4col { width: 520px; }
       .portfolio-cards-4col .cards-container { width: 530px; }
       .portfolio-cards-4col .portfolio-item { width: 255px; margin-right: 10px; margin-bottom: 10px; }
       .portfolio-cards-4col .portfolio-item .card-top { padding: 50px 30px; padding-bottom: 40px; }
       .portfolio-cards-4col .portfolio-item .card-top p { margin-bottom: 17px; font-size: 11px; }
       .portfolio-cards-4col .portfolio-item .card-top h3 { padding-top: 20px; font-size: 15px; }
       .portfolio-cards-4col .portfolio-item .card-top h3:before { width: 20px; height: 3px; }
       .portfolio-cards-4col .portfolio-item .thumbnail { width: 255px; }
       .portfolio-zig-zag { width: 520px; }
       .portfolio-zig-zag .portfolio-item { margin-bottom: 30px; }
       .portfolio-zig-zag .portfolio-item .thumbnail { width: 520px; }
       .portfolio-zig-zag .odd .thumbnail { float: none; }
       .portfolio-zig-zag .even .thumbnail { float: none; }
       .portfolio-zig-zag .odd .teaser { float: none; }
       .portfolio-zig-zag .even .teaser { float: none; }
       .portfolio-zig-zag .portfolio-item .teaser { width: 420px; padding: 50px 50px; padding-bottom: 55px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents h3 { margin-bottom: 25px; padding-top: 30px; font-size: 20px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents h3:before { width: 25px; height: 4px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents p { margin-bottom: 30px; font-size: 15px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents a.button { height: 40px; line-height: 40px; padding: 0px 30px; font-size: 15px; }
       .portfolio-mixed-blocks { width: 520px; margin: 0 auto; }
       .portfolio-mixed-blocks .portfolio-item { margin-bottom: 5px; }
       .portfolio-mixed-blocks .full { width: 520px; }
       .portfolio-mixed-blocks .third { width: 520px; float: none; margin-right: 0px; }
       .portfolio-mixed-blocks .half { width: 520px; float: none; margin-right: 0px; }
       .portfolio-mixed-blocks .last { margin-right: 0px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents { bottom: 30px; left: 30px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents h3 { margin-bottom: 20px; font-size: 22px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents p { font-size: 13px; }
       .portfolio-mixed-blocks .inline-message p { font-size: 22px; }
       .portfolio-mixed-blocks .third .inline-message { width: 420px; height: 480px; padding: 0px 50px; }
       #portfolio-item-wrapper { width: 520px; padding: 40px 0px; }
       .portfolio-item-title { margin-bottom: 25px; }
       .portfolio-item-title h2 { font-size: 28px; }
       .portfolio-text { font-size: 14px; }
       .portfolio-text p { margin-bottom: 15px; }
       .portfolio-iframe { width: 520px; margin-bottom: 30px; }
       #portfolio-slider{ width: 520px; margin-bottom: 30px; }
       #portfolio-slider:hover .flex-direction-nav li { display: none; }
       #portfolio-slider .flex-direction-nav li a { display: none; }
       
       /*-- Services --*/
       .service-grids3 { width: 520px; }
       .service-grids3 .service { width: 258px; }
       .service-grids4 { width: 520px; }
       .service-grids4 .service { width: 258px; }
       .service-circles3 { width: 520px; }
       .service-circles3 .services-wrapper { width: 560px; }
       .service-circles3 .service { width: 240px; margin-right: 40px; margin-bottom: 40px; }
       .service-circles3 .service .service-image-icon { width: 200px; height: 60px; margin-bottom: 40px; padding-top: 70px; padding-bottom: 70px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles3 .service .service-image-icon a { width: 200px; height: 60px; padding-top: 70px; padding-bottom: 70px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles3 .service .service-font-icon { width: 200px; height: 200px; margin-bottom: 40px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles3 .service .service-font-icon a { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles3 .service .service-teaser { width: 240px; }
       .service-circles3 .service .service-teaser h4 { font-size: 20px; margin-bottom: 20px; }
       .service-circles3 .service .service-teaser p { font-size: 13px; }
       .service-circles4 { width: 520px; }
       .service-circles4 .services-wrapper { width: 560px; }
       .service-circles4 .service { width: 240px; margin-right: 40px; margin-bottom: 40px; }
       .service-circles4 .service .service-image-icon { width: 200px; height: 60px; margin-bottom: 40px; padding-top: 70px; padding-bottom: 70px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles4 .service .service-image-icon a { width: 200px; height: 60px; padding-top: 70px; padding-bottom: 70px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles4 .service .service-font-icon { width: 200px; height: 200px; margin-bottom: 40px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles4 .service .service-font-icon a { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles4 .service .service-teaser { width: 240px; }
       .service-circles4 .service .service-teaser h4 { font-size: 20px; margin-bottom: 20px; }
       .service-circles4 .service .service-teaser p { font-size: 13px; }
       #service-item { width: 520px; padding: 30px 0px; }
       .service-title { width: 460px; margin-bottom: 20px; }
       .service-title h2 { font-size: 18px; }
       .service-contents { width: 460px; }

       /*-- Our Team --*/
       .member-position h4 { font-size: 16px; }
       .member-social ul li { width: 50px; height: 50px; line-height: 50px; margin: 0px 8px; }
       .member-social ul li a { width: 50px; height: 50px; line-height: 5px; }
       .member-social ul li a .fa-lg { font-size: 1.3333em; }
       .members-2col { width: 520px; }
       .members-2col .members-container { width: 520px; }
       .members-2col .team-member { width: 520px; float: none; margin-right: 0px; margin-bottom: 30px; padding-bottom: 70px; }
       .members-2col .team-member .member-position { margin-bottom: 60px; }
       .members-2col .team-member .member-avatar { width: 240px; height: 240px; border-radius: 120px; -moz-border-radius: 120px; -webkit-border-radius: 120px; }
       .members-2col .team-member .member-avatar img { width: 240px; height: 240px; border-radius: 120px; -moz-border-radius: 120px; -webkit-border-radius: 120px; }
       .members-2col .team-member .member-info { width: 380px; margin-bottom: 42px; padding-top: 35px; }
       .members-2col .team-member .member-info h3 { margin-bottom: 29px; font-size: 28px; }
       .members-2col .team-member .member-info p { margin-bottom: 20px; font-size: 17px; }
       .members-2col .team-member .member-info .button-wrapper { padding-top: 15px; }
       .members-2col .team-member .member-info .button-wrapper a.load-member { height: 40px; line-height: 40px; padding: 0px 40px; }
       .members-2col .team-member .member-social { width: 380px; padding-top: 30px; }
       .members-3col { width: 520px; }
       .members-3col .members-container { width: 520px; }
       .members-3col .team-member { width: 520px; float: none; margin-right: 0px; margin-bottom: 30px; padding-bottom: 70px; }
       .members-3col .team-member .member-position { margin-bottom: 60px; }
       .members-3col .team-member .member-avatar { width: 240px; height: 240px; border-radius: 120px; -moz-border-radius: 120px; -webkit-border-radius: 120px; }
       .members-3col .team-member .member-avatar img { width: 240px; height: 240px; border-radius: 120px; -moz-border-radius: 120px; -webkit-border-radius: 120px; }
       .members-3col .team-member .member-info { width: 380px; margin-bottom: 42px; padding-top: 35px; }
       .members-3col .team-member .member-info h3 { margin-bottom: 29px; font-size: 28px; }
       .members-3col .team-member .member-info p { margin-bottom: 20px; font-size: 17px; }
       .members-3col .team-member .member-info .button-wrapper { padding-top: 15px; }
       .members-3col .team-member .member-info .button-wrapper a.load-member { height: 40px; line-height: 40px; padding: 0px 40px; }
       .members-3col .team-member .member-social { width: 380px; padding-top: 30px; }
       .members-4col { width: 520px; }
       .members-4col .members-container { width: 520px; }
       .members-4col .team-member { width: 520px; float: none; margin-right: 0px; margin-bottom: 30px; padding-bottom: 70px; }
       .members-4col .team-member .member-position { margin-bottom: 60px; }
       .members-4col .team-member .member-avatar { width: 240px; height: 240px; border-radius: 120px; -moz-border-radius: 120px; -webkit-border-radius: 120px; }
       .members-4col .team-member .member-avatar img { width: 240px; height: 240px; border-radius: 120px; -moz-border-radius: 120px; -webkit-border-radius: 120px; }
       .members-4col .team-member .member-info { width: 380px; margin-bottom: 42px; padding-top: 35px; }
       .members-4col .team-member .member-info h3 { margin-bottom: 29px; font-size: 28px; }
       .members-4col .team-member .member-info p { margin-bottom: 20px; font-size: 17px; }
       .members-4col .team-member .member-info .button-wrapper { padding-top: 15px; }
       .members-4col .team-member .member-info .button-wrapper a.load-member { height: 40px; line-height: 40px; padding: 0px 40px; }
       .members-4col .team-member .member-social { width: 380px; padding-top: 30px; }
       #team-member { width: 520px; padding: 40px 0px; }
       .member-name { width: 460px; }
       .member-contents { width: 460px; }

       /*-- Testimonials --*/
       .testimonials-3col { width: 520px; }
       .testimonials-3col .testimonials-container { width: 520px; }
       .testimonials-3col .testimonial { width: 520px; float: none; margin-right: 0px; margin-bottom: 25px; padding-top: 115px; padding-bottom: 70px; background: #FFF url('images/testimonials-bg.png') 52px 57px no-repeat; background-size: 44px 31px; }
       .testimonials-3col .testimonial .testimonial-contents { width: 420px; padding-bottom: 15px; font-size: 20px; }
       .testimonials-3col .testimonial .testimonial-contents p { margin-bottom: 15px; }
       .testimonials-3col .testimonial .testimonial-client { width: 420px; height: 50px; }
       .testimonials-3col .testimonial .testimonial-client img { width: 46px; height: 46px; padding: 2px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
       .testimonials-3col .testimonial .testimonial-client h3 { height: 50px; line-height: 50px; font-size: 16px; }
       .testimonials-4col { width: 520px; }
       .testimonials-4col .testimonials-container { width: 520px; }
       .testimonials-4col .testimonial { width: 520px; float: none; margin-right: 0px; margin-bottom: 25px; padding-top: 115px; padding-bottom: 70px; background: #FFF url('images/testimonials-bg.png') 52px 57px no-repeat; background-size: 44px 31px; }
       .testimonials-4col .testimonial .testimonial-contents { width: 420px; padding-bottom: 15px; font-size: 20px; }
       .testimonials-4col .testimonial .testimonial-contents p { margin-bottom: 15px; }
       .testimonials-4col .testimonial .testimonial-client { width: 420px; height: 50px; }
       .testimonials-4col .testimonial .testimonial-client img { width: 46px; height: 46px; padding: 2px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
       .testimonials-4col .testimonial .testimonial-client h3 { height: 50px; line-height: 50px; font-size: 16px; }
       
       /*-- Pricing Tables --*/
       .pricing-tables-4col { width: 520px; }
       .pricing-tables-4col .pricing-table { width: 250px; margin: 0px 5px 10px 5px; }
       .pricing-tables-4col .pricing-table .plan-title { height: 85px; line-height: 89px; }
       .pricing-tables-4col .pricing-table .plan-title h4 { font-size: 18px; }
       .pricing-tables-4col .pricing-table .plan-details { width: 180px; padding-top: 30px; padding-bottom: 22px; font-size: 12px; }
       .pricing-tables-4col .pricing-table .order-button a { height: 45px; line-height: 45px; padding: 0px 22px; font-size: 12px; }
       .pricing-tables-3col { width: 519px; }
       .pricing-tables-3col .pricing-table { width: 163px; margin: 0px 5px 5px 5px; }
       .pricing-tables-3col .pricing-table .plan-title { height: 70px; line-height: 75px; }
       .pricing-tables-3col .pricing-table .plan-title h4 { font-size: 16px; }
       .pricing-tables-3col .pricing-table .plan-price { padding: 18px 0px; }
       .pricing-tables-3col .pricing-table .plan-price .price { font-size: 22px; }
       .pricing-tables-3col .pricing-table .plan-price .period { font-size: 12px; }
       .pricing-tables-3col .pricing-table .plan-price .period:before { font-size: 14px; margin-left: 3px; margin-right: 5px; }
       .pricing-tables-3col .pricing-table .plan-details { width: 130px; padding-top: 20px; padding-bottom: 17px; font-size: 10px; }
       .pricing-tables-3col .pricing-table .order-button { margin-bottom: 35px; }
       .pricing-tables-3col .pricing-table .order-button a { height: 40px; line-height: 40px; padding: 0px 16px; font-size: 11px; }
       .pricing-tables-2col { width: 520px; }
       .pricing-tables-2col .pricing-table { width: 250px; margin: 0px 5px 10px 5px; }
       .pricing-tables-2col .pricing-table .plan-title { height: 85px; line-height: 89px; }
       .pricing-tables-2col .pricing-table .plan-title h4 { font-size: 18px; }
       .pricing-tables-2col .pricing-table .plan-details { width: 180px; padding-top: 30px; padding-bottom: 22px; font-size: 12px; }
       .pricing-tables-2col .pricing-table .order-button a { height: 45px; line-height: 45px; padding: 0px 22px; font-size: 12px; }
       
       /*-- Contact --*/
       #elastic-contact-form { width: 460px; }
       #elastic-contact-form input[type="text"] { width: 408px; float: none; margin-right: 0px; margin-bottom: 20px; padding: 22px 25px; font-size: 14px; }
       #elastic-contact-form textarea { width: 408px; height: 180px; padding: 16px 25px; font-size: 13px; }
       .locations { width: 520px; }
       .locations .locations-container { width: 520px; }
       .locations .location { width: 520px; height: 520px; float: none; margin-right: 0px; margin-bottom: 25px; }
       .locations .location h4 { margin-bottom: 25px; padding-top: 175px; padding-bottom: 28px; font-size: 35px; }
       .locations .location p { font-size: 22px; }
       .show-elements { width: 464px; }
       .show-elements a { width: 115px; font-size: 11px; }
       #hidden-phone-number p { font-size: 30px; }
       #hidden-map .iframe-container { width: 460px; }
       #hidden-social a { width: 60px; height: 60px; line-height: 72px; margin: 0px 5px 10px 5px; }

       /*-- Additional Components --*/
       .cta-button-container { padding-top: 30px; }
       .cta-button-container a { height: 50px; line-height: 50px; padding: 0px 22px; font-size: 13px; }
       .about-wow { width: 520px; height: 410px; position: relative; }
       .about-wow .about-contents { width: 300px; margin: auto; padding-top: 55px; position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; }
       .about-wow .about-contents h2 { margin-bottom: 30px; font-size: 90px; text-align: center; }
       .about-wow .about-contents p { line-height: 170%; font-size: 12px; text-align: center; }
       .about-wow .about-image { width: 310px; height: 410px; position: absolute; z-index: 1; top: 0; bottom: 0; right: 0; }
       .about-wow .about-image img { width: 310px; height: 410px;  opacity: 0.15; }
       .about-designer { height: auto; margin-top: 0px; padding-bottom: 350px; position: relative; }
       .about-designer .about-left { width: 100%; height: 350px; float: none; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; background: transparent; }
       .about-designer .about-left .about-image { width: 420px; height: 350px; margin: 0 auto; position: relative; top: auto; left: auto; right: auto; text-align: left; }
       .about-right { width: 420px; margin: 0 auto; margin-bottom: 40px; padding-top: 80px; float: none; }
       .about-right h2 { margin-bottom: 28px; padding-top: 28px; font-size: 26px; }
       .about-right h2:before { width: 32px; height: 4px; }
       .about-right p { font-size: 13px; }
       .history { width: 460px; }
       .history .year { width: 100%; margin-bottom: 40px; }
       .history .year:last-child { margin-bottom: 0px; }
       .history .year .year-image { width: 460px; height: 460px; }
       .history .year .year-image img { width: 460px; height: 460px; }
       .history .year .year-details { width: 360px; margin: 0 auto; padding-top: 35px; }
       .history .year .year-details h4 { margin-bottom: 30px; font-size: 40px; }
       .history .year .year-details p { font-size: 13px; }
       .history .odd .year-image { float: none; }
       .history .odd .year-details { float: none; }
       .history .even .year-image { float: none; }
       .history .even .year-details { float: none; }
       .subscribe-block { width: 520px; height: 380px; margin-bottom: 60px; }
       .subscribe-block .subscribe-form { width: 400px; padding-top: 80px; }
       .subscribe-block .subscribe-form h2 { margin-bottom: 35px; font-size: 26px; }
       .subscribe-block .subscribe-form .form-wrapper { width: 400px; margin-bottom: 30px; }
       .subscribe-block .form-wrapper input[type="email"], .subscribe-block .form-wrapper input[type="text"] { width: 180px; padding: 38px; padding-left: 35px; font-size: 20px; }
       .subscribe-block .form-wrapper input[type="submit"] { width: 140px; height: 60px; line-height: 60px; margin-top: 20px; font-size: 17px; }
       .subscribe-block .subscribe-form p.subscribe-note { font-size: 13px; }
       .fashion-intro { margin-bottom: 20px; padding: 40px 0px 50px 0px; }
       .fashion-intro .intro-content { width: 520px; }
       .fashion-intro .intro-bold { float: none; width: 520px; margin-top: 0px; margin-bottom: 25px; padding: 0px 0px 0px 0px; border-right: 0px; text-align: left; }
       .fashion-intro .intro-bold h2 { position: relative; display: block; padding-bottom: 25px; font-size: 24px; }
       .fashion-intro .intro-bold h2:after { display: block; content: " "; position: absolute; bottom: 0; left: 0;  width: 30px; height: 3px;  background: #000; }
       .fashion-intro .intro-text { float: none; width: 520px; line-height: 180%; padding-top: 0px; font-size: 14px; text-align: left; }

       /*-- Footer --*/
       .footer { width: 520px; }
       .footer-social { margin-bottom: 30px; }
       .footer-social a { margin: 0 15px; font-size: 14px; }
       
       /*-- Framework --*/
       .full { width: 520px; margin-bottom: 40px; }
       .half, .half-last { width: 520px; float: none; margin-right: 0px; }
       .full .half, .full .half-last { margin-bottom: 40px !important; }
       .third, .third-last { width: 520px; float: none; margin-right: 0px; }
       .full .third, .full .third-last { margin-bottom: 40px !important; }
       .two-third, .two-third-last { width: 520px; float: none; margin-right: 0px; }
       .full .two-third, .full .two-third-last { margin-bottom: 40px !important; }
       .fourth, .fourth-last { width: 520px; float: none; margin-right: 0px; }
       .full .fourth, .full .fourth-last { margin-bottom: 40px !important; }
       .two-fourth, .two-fourth-last { width: 520px; float: none; margin-right: 0px; }
       .full .two-fourth, .full .two-fourth-last { margin-bottom: 40px !important; }
       .three-fourth, .three-fourth-last { width: 520px; float: none; margin-right: 0px; }
       .full .three-fourth, .full .three-fourth-last { margin-bottom: 40px !important; }
       .full h1, .half h1, .half-last h1, .third h1, .third-last-h1, .fourth h1, .fourth-last h1,
       .two-fourth h1, .two-fourth-last h1, .three-fourth h1, .three-fourth-last h1 { font-size: 28px; }
       .full h2, .half h2, .half-last h2, .third h2, .third-last-h2, .fourth h2, .fourth-last h2,
       .two-fourth h2, .two-fourth-last h2, .three-fourth h2, .three-fourth-last h2 { font-size: 20px; }
       .full h3, .half h3, .half-last h3, .third h3, .third-last-h3, .fourth h3, .fourth-last h3,
       .two-fourth h3, .two-fourth-last h3, .three-fourth h3, .three-fourth-last h3 { font-size: 18px; }
       .full h4, .half h4, .half-last h4, .third h4, .third-last-h4, .fourth h4, .fourth-last h4,
       .two-fourth h4, .two-fourth-last h4, .three-fourth h4, .three-fourth-last h4 { font-size: 16px; font-weight: bold; }
       .full h5, .half h5, .half-last h5, .third h5, .third-last-h5, .fourth h5, .fourth-last h5,
       .two-fourth h5, .two-fourth-last h5, .three-fourth h5, .three-fourth-last h5 { font-size: 15px; font-weight: bold; }
       .full h6, .half h6, .half-last h6, .third h6, .third-last-h6, .fourth h6, .fourth-last h6,
       .two-fourth h6, .two-fourth-last h6, .three-fourth h6, .three-fourth-last h6 { font-size: 14px; font-weight: bold; }
       .pdng-top10  { padding-top: 6px !important; }
       .pdng-top20  { padding-top: 13px !important; }
       .pdng-top30  { padding-top: 20px !important; }
       .pdng-top40  { padding-top: 26px !important; }
       .pdng-top50  { padding-top: 32px !important; }
       .pdng-top60  { padding-top: 39px !important; }
       .pdng-top70  { padding-top: 44px !important; }
       .pdng-top80  { padding-top: 50px !important; }
       .pdng-top90  { padding-top: 58px !important; }
       .pdng-top100 { padding-top: 64px !important; }
       .pdng-top110 { padding-top: 70px !important; }
       .pdng-top120 { padding-top: 77px !important; }
       .pdng-top130 { padding-top: 87px !important; }
       .pdng-top140 { padding-top: 92px !important; }
       .pdng-top150 { padding-top: 98px !important; }
       .pdng-bottom10  { padding-bottom: 6px !important; }
       .pdng-bottom20  { padding-bottom: 13px !important; }
       .pdng-bottom30  { padding-bottom: 20px !important; }
       .pdng-bottom40  { padding-bottom: 26px !important; }
       .pdng-bottom50  { padding-bottom: 32px !important; }
       .pdng-bottom60  { padding-bottom: 39px !important; }
       .pdng-bottom70  { padding-bottom: 44px !important; }
       .pdng-bottom80  { padding-bottom: 50px !important; }
       .pdng-bottom90  { padding-bottom: 58px !important; }
       .pdng-bottom100 { padding-bottom: 64px !important; }
       .pdng-bottom110 { padding-bottom: 70px !important; }
       .pdng-bottom120 { padding-bottom: 77px !important; }
       .pdng-bottom130 { padding-bottom: 87px !important; }
       .pdng-bottom140 { padding-bottom: 92px !important; }
       .pdng-bottom150 { padding-bottom: 98px !important; }
       .mrgn-top10  { margin-top: 6px !important; }
       .mrgn-top20  { margin-top: 13px !important; }
       .mrgn-top30  { margin-top: 20px !important; }
       .mrgn-top40  { margin-top: 26px !important; }
       .mrgn-top50  { margin-top: 32px !important; }
       .mrgn-top60  { margin-top: 39px !important; }
       .mrgn-top70  { margin-top: 44px !important; }
       .mrgn-top80  { margin-top: 50px !important; }
       .mrgn-top90  { margin-top: 58px !important; }
       .mrgn-top100 { margin-top: 64px !important; }
       .mrgn-top110 { margin-top: 70px !important; }
       .mrgn-top120 { margin-top: 77px !important; }
       .mrgn-top130 { margin-top: 87px !important; }
       .mrgn-top140 { margin-top: 92px !important; }
       .mrgn-top150 { margin-top: 98px !important; }
       .mrgn-bottom10  { margin-bottom: 6px !important; }
       .mrgn-bottom20  { margin-bottom: 13px !important; }
       .mrgn-bottom30  { margin-bottom: 20px !important; }
       .mrgn-bottom40  { margin-bottom: 26px !important; }
       .mrgn-bottom50  { margin-bottom: 32px !important; }
       .mrgn-bottom60  { margin-bottom: 39px !important; }
       .mrgn-bottom70  { margin-bottom: 44px !important; }
       .mrgn-bottom80  { margin-bottom: 50px !important; }
       .mrgn-bottom90  { margin-bottom: 58px !important; }
       .mrgn-bottom100 { margin-bottom: 64px !important; }
       .mrgn-bottom110 { margin-bottom: 70px !important; }
       .mrgn-bottom120 { margin-bottom: 77px !important; }
       .mrgn-bottom130 { margin-bottom: 87px !important; }
       .mrgn-bottom140 { margin-bottom: 92px !important; }
       .mrgn-bottom150 { margin-bottom: 98px !important; }


}

/*--- Screen <= 500px ( iPhone 3 & 4 ( and many more devices... ) landscape view )---*/
@media screen and (max-width: 500px) { 

       /*-- Page blocks --*/
       .page-block { margin-bottom: 50px; }
       .inner-page { margin-bottom: 50px; padding-top: 50px; }
       .block-contents, .page-contents { width: 420px; }
       .content-narrow { width: 360px; }
       .intro-block { padding: 40px 0px; }
       .intro-block h1 { width: 420px; font-size: 17px; }
       .home-block { width: 420px; padding-top: 50px; padding-bottom: 50px; }
       h1.block-title, h2.block-title { width: 420px; margin-bottom: 30px; padding-bottom: 30px; font-size: 35px; }
       h1.block-title:after, h2.block-title:after { width: 30px; height: 4px; }
       .block-text { width: 420px; }
       .block-text p { font-size: 13px; }

       /*-- Headers --*/
       .elastic_top_inner { width: 420px; }
       .elastic_logo_container { width: 350px; }
       .elastic_menu_container { width: 70px; }
       .inner-page-title { padding: 35px 0px; }
       .inner-page-title h1 { width: 420px; font-size: 26px; }

       /*-- Home Variants --*/
       .home1 { width: 420px; height: 235px; }
       .home2 { width: 420px; height: 250px; }
       .home2 .welcome { padding-top: 6%; }
       .home2 .welcome .big-headline h1 { font-size: 25px; }
       .home3 .big-headline { height: 120px;  }
       .home3 .big-headline h1 { height: 120px; line-height: 120px; padding: 0px 45px; font-size: 40px; }
       .home4 { height: 150px; }
       .home4 h1.big-title { bottom: -10px; font-size: 60px; }
       .home5 { padding: 55px 0px; margin-bottom: 50px; }
       .home5 h1.welcome-text { width: 420px; font-size: 16px; }
       .home6 { width: 420px; height: 250px; }
       .home6 .media-element { width: 420px; height: 250px; float: none; }
       .home6 .big-headline { max-width: 200px; }
       
       /*-- Portfolio Layouts --*/
       .portfolio-grids4, .portfolio-grids3 { width: 360px; }
       .portfolio-grids4 .portfolio-item, .portfolio-grids3 .portfolio-item { width: 178px; height: 178px; }
       .portfolio-grids4 .portfolio-item .thumbnail, .portfolio-grids3 .portfolio-item .thumbnail { width: 178px; height: 178px; }
       .portfolio-grids4 .portfolio-item .thumbnail img, .portfolio-grids3 .portfolio-item .thumbnail img {  width: 178px; height: 178px; }
       .portfolio-grids4 .portfolio-item .rollover-element, .portfolio-grids3 .portfolio-item .rollover-element { width: 178px; padding: 10px; top: -10px; left: -10px; }
       .portfolio-grids4 .portfolio-item .rollover-element img, .portfolio-grids3 .portfolio-item .rollover-element img { width: 178px; height: 178px; margin-bottom: 15px; }
       .portfolio-grids4 .portfolio-item .rollover-element h3, .portfolio-grids3 .portfolio-item .rollover-element h3 { margin-bottom: 10px; font-size: 15px; }
       .portfolio-circles3, .portfolio-circles4 { width: 360px; }
       .portfolio-circles3 .circles-container, .portfolio-circles4 .circles-container { width: 380px; }
       .portfolio-circles3 .portfolio-item, .portfolio-circles4 .portfolio-item { width: 170px; height: 170px; margin-right: 20px; margin-bottom: 30px; border-radius: 85px; -webkit-border-radius:85px; -moz-border-radius: 85px; }
       .portfolio-circles3 .portfolio-item .thumbnail, .portfolio-circles4 .portfolio-item .thumbnail { width: 170px; height: 170px; border-radius: 85px; -webkit-border-radius:85px; -moz-border-radius: 85px; }
       .portfolio-circles3 .portfolio-item .thumbnail img, .portfolio-circles4 .portfolio-item .thumbnail img { width: 170px; height: 170px; border-radius: 85px; -webkit-border-radius:85px; -moz-border-radius: 85px; }
       .portfolio-circles3 .portfolio-item .rollover-element, .portfolio-circles4 .portfolio-item .rollover-element { width: 170px; height: 170px; border-radius: 85px; -webkit-border-radius:85px; -moz-border-radius: 85px; }
       .portfolio-circles3 .portfolio-item .rollover-element .project-meta, .portfolio-circles4 .portfolio-item .rollover-element .project-meta { width: 170px; height: 100px; padding-top: 70px; border-radius: 85px; -webkit-border-radius:85px; -moz-border-radius: 85px; }
       .portfolio-stack { width: 420px; }
       .portfolio-stack .stack-container { width: 420px; }
       .portfolio-stack .portfolio-item { width: 420px; margin-right: 0px; margin-bottom: 40px; }
       .portfolio-stack .portfolio-item .teaser { width: 250px; margin-top: -40px; padding: 40px 40px; }
       .portfolio-stack .portfolio-item .teaser .project-contents h3 { margin-bottom: 20px; padding-top: 22px; font-size: 18px; }
       .portfolio-stack .portfolio-item .teaser .project-contents h3:before { width: 20px; height: 3px; }
       .portfolio-stack .portfolio-item .teaser .project-contents p { margin-bottom: 25px; font-size: 14px; }
       .portfolio-stack .portfolio-item .teaser .project-contents a.more-link { height: 36px; line-height: 36px; padding: 0px 18px; font-size: 15px; }
       .portfolio-masonry { width: 420px; }
       .portfolio-masonry .masonry-container { width: 430px; }
       .portfolio-masonry .masonry-container .wide { width: 205px; }
       .portfolio-masonry .masonry-container .narrow { width: 205px; }
       .portfolio-masonry .masonry-item .rollover-contents { bottom: 20px; left: 20px; }
       .portfolio-masonry .masonry-item .rollover-contents h3 { margin-bottom: 15px; font-size: 15px; }
       .portfolio-masonry .masonry-item .rollover-contents p { font-size: 11px; }
       .portfolio-masonry-2col { width: 420px; }
       .portfolio-masonry-2col .masonry-container { width: 430px; }
       .portfolio-masonry-2col .masonry-item { width: 205px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents { bottom: 20px; left: 20px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents h3 { margin-bottom: 15px; font-size: 15px;  }
       .portfolio-masonry-2col .masonry-item .rollover-contents p { font-size: 11px; }
       .portfolio-masonry-3col { width: 420px; }
       .portfolio-masonry-3col .masonry-container { width: 430px; }
       .portfolio-masonry-3col .masonry-item { width: 205px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents { bottom: 20px; left: 20px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents h3 { margin-bottom: 15px; font-size: 15px;  }
       .portfolio-masonry-3col .masonry-item .rollover-contents p { font-size: 11px; }
       .portfolio-cards-2col { width: 420px; }
       .portfolio-cards-2col .cards-container { width: 420px; }
       .portfolio-cards-2col .portfolio-item { width: 420px; float: none; margin-right: 0px; margin-bottom: 20px; }
       .portfolio-cards-2col .portfolio-item .card-top { padding: 50px 40px; padding-bottom: 40px; }
       .portfolio-cards-2col .portfolio-item .card-top p { margin-bottom: 20px; font-size: 12px; }
       .portfolio-cards-2col .portfolio-item .card-top h3 { padding-top: 23px; font-size: 18px; }
       .portfolio-cards-2col .portfolio-item .thumbnail { width: 420px; }
       .portfolio-cards-3col { width: 420px; }
       .portfolio-cards-3col .cards-container { width: 420px; }
       .portfolio-cards-3col .portfolio-item { width: 420px; float: none; margin-right: 0px; margin-bottom: 20px; }
       .portfolio-cards-3col .portfolio-item .card-top { padding: 50px 40px; padding-bottom: 40px; }
       .portfolio-cards-3col .portfolio-item .card-top p { margin-bottom: 20px; font-size: 12px; }
       .portfolio-cards-3col .portfolio-item .card-top h3 { padding-top: 23px; font-size: 18px; }
       .portfolio-cards-3col .portfolio-item .thumbnail { width: 420px; }
       .portfolio-cards-4col { width: 420px; }
       .portfolio-cards-4col .cards-container { width: 420px; }
       .portfolio-cards-4col .portfolio-item { width: 420px; float: none; margin-right: 0px; margin-bottom: 20px; }
       .portfolio-cards-4col .portfolio-item .card-top { padding: 50px 40px; padding-bottom: 40px; }
       .portfolio-cards-4col .portfolio-item .card-top p { margin-bottom: 20px; font-size: 12px; }
       .portfolio-cards-4col .portfolio-item .card-top h3 { padding-top: 23px; font-size: 18px; }
       .portfolio-cards-4col .portfolio-item .thumbnail { width: 420px; }
       .portfolio-zig-zag { width: 420px; }
       .portfolio-zig-zag .portfolio-item { margin-bottom: 30px; }
       .portfolio-zig-zag .portfolio-item .thumbnail { width: 420px; }
       .portfolio-zig-zag .portfolio-item .teaser { width: 340px; padding: 40px 40px; padding-bottom: 45px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents h3 { margin-bottom: 22px; padding-top: 27px; font-size: 18px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents h3:before { width: 22px; height: 3px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents p { margin-bottom: 28px; font-size: 14px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents a.button { height: 40px; line-height: 40px; padding: 0px 30px; font-size: 15px; }
       .portfolio-mixed-blocks { width: 420px; }
       .portfolio-mixed-blocks .portfolio-item { margin-bottom: 5px; }
       .portfolio-mixed-blocks .full { width: 420px; }
       .portfolio-mixed-blocks .third { width: 420px; float: none; margin-right: 0px; }
       .portfolio-mixed-blocks .half { width: 420px; float: none; margin-right: 0px; }
       .portfolio-mixed-blocks .last { margin-right: 0px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents { bottom: 25px; left: 25px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents h3 { margin-bottom: 18px; font-size: 20px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents p { font-size: 13px; }
       .portfolio-mixed-blocks .inline-message p { font-size: 19px; }
       .portfolio-mixed-blocks .third .inline-message { width: 350px; height: 400px; padding: 0px 35px; }
       #portfolio-item-wrapper { width: 420px; }
       .portfolio-iframe { width: 420px; }
       #portfolio-slider{ width: 420px; }
       
       /*-- Services --*/
       .service-grids3 { width: 390px; }
       .service-grids3 .service { width: 193px; }
       .service-grids3 .service .service-inner { padding-top: 65px; padding-bottom: 50px; }
       .service-grids3 .service h4 { font-size: 14px; }
       .service-grids4 { width: 390px; }
       .service-grids4 .service { width: 193px; }
       .service-grids4 .service .service-inner { padding-top: 65px; padding-bottom: 50px; }
       .service-grids4 .service h4 { font-size: 14px; }
       .service-circles3 { width: 420px; }
       .service-circles3 .services-wrapper { width: 440px; }
       .service-circles3 .service { width: 200px; margin-right: 20px; margin-bottom: 30px; }
       .service-circles3 .service .service-image-icon { width: 200px; height: 60px; margin-bottom: 40px; padding-top: 70px; padding-bottom: 70px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles3 .service .service-image-icon a { width: 200px; height: 60px; padding-top: 70px; padding-bottom: 70px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles3 .service .service-font-icon { width: 200px; height: 200px; margin-bottom: 40px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles3 .service .service-font-icon a { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles3 .service .service-teaser { width: 200px; }
       .service-circles3 .service .service-teaser h4 { font-size: 20px; margin-bottom: 20px; }
       .service-circles3 .service .service-teaser p { font-size: 13px; }
       .service-circles4 { width: 420px; }
       .service-circles4 .services-wrapper { width: 440px; }
       .service-circles4 .service { width: 200px; margin-right: 20px; margin-bottom: 30px; }
       .service-circles4 .service .service-image-icon { width: 200px; height: 60px; margin-bottom: 40px; padding-top: 70px; padding-bottom: 70px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles4 .service .service-image-icon a { width: 200px; height: 60px; padding-top: 70px; padding-bottom: 70px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles4 .service .service-font-icon { width: 200px; height: 200px; margin-bottom: 40px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles4 .service .service-font-icon a { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .service-circles4 .service .service-teaser { width: 200px; }
       .service-circles4 .service .service-teaser h4 { font-size: 20px; margin-bottom: 20px; }
       .service-circles4 .service .service-teaser p { font-size: 13px; }
       #service-item { width: 420px; padding: 30px 0px; }
       .service-title { width: 360px; }
       .service-title h2 { font-size: 16px; }
       .service-contents { width: 360px; }
       .service-contents p { font-size: 13px; }

       /*-- Our Team --*/
       .members-2col { width: 420px; }
       .members-2col .members-container { width: 420px; }
       .members-2col .team-member { width: 420px; }
       .members-2col .team-member .member-info { width: 300px; }
       .members-2col .team-member .member-info p { font-size: 16px; }
       .members-2col .team-member .member-social { width: 300px; }
       .members-3col { width: 420px; }
       .members-3col .members-container { width: 420px; }
       .members-3col .team-member { width: 420px; }
       .members-3col .team-member .member-info { width: 300px; }
       .members-3col .team-member .member-info p { font-size: 16px; }
       .members-3col .team-member .member-social { width: 300px; }
       .members-4col { width: 420px; }
       .members-4col .members-container { width: 420px; }
       .members-4col .team-member { width: 420px; }
       .members-4col .team-member .member-info { width: 300px; }
       .members-4col .team-member .member-info p { font-size: 16px; }
       .members-4col .team-member .member-social { width: 300px; }
       #team-member { width: 420px; padding: 35px 0px; }
       .member-name { width: 360px; margin-bottom: 16px; }
       .member-name h2 { font-size: 18px; }
       .member-contents { width: 360px; }
       h3.member-section-title { margin-bottom: 20px; padding-top: 20px; padding-bottom: 18px; font-size: 16px; }
       .member-contents p { margin-bottom: 18px; font-size: 13px; }
       .member-iframe { margin-bottom: 25px; }
       table.career-table { margin-bottom: 25px; }
       table.career-table td { font-size: 13px; padding: 13px 17px; }
       table.contacts-table { margin-bottom: 25px; }
       table.contacts-table td { font-size: 13px; padding: 13px 17px; }
       
       /*-- Testimonials --*/
       .testimonials-3col { width: 420px; }
       .testimonials-3col .testimonials-container { width: 420px; }
       .testimonials-3col .testimonial { width: 420px;  margin-bottom: 25px; padding-top: 100px; padding-bottom: 50px; background: #FFF url('images/testimonials-bg.png') 42px 40px no-repeat; background-size: 44px 31px; }
       .testimonials-3col .testimonial .testimonial-contents { width: 340px; padding-bottom: 10px; font-size: 16px; }
       .testimonials-3col .testimonial .testimonial-contents p { margin-bottom: 15px; }
       .testimonials-3col .testimonial .testimonial-client { width: 340px; height: 50px; }
       .testimonials-3col .testimonial .testimonial-client img { width: 46px; height: 46px; padding: 2px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
       .testimonials-3col .testimonial .testimonial-client h3 { height: 50px; line-height: 50px; font-size: 16px; }
       .testimonials-4col { width: 420px; }
       .testimonials-4col .testimonials-container { width: 420px; }
       .testimonials-4col .testimonial { width: 420px;  margin-bottom: 25px; padding-top: 100px; padding-bottom: 50px; background: #FFF url('images/testimonials-bg.png') 42px 40px no-repeat; background-size: 44px 31px; }
       .testimonials-4col .testimonial .testimonial-contents { width: 340px; padding-bottom: 10px; font-size: 16px; }
       .testimonials-4col .testimonial .testimonial-contents p { margin-bottom: 15px; }
       .testimonials-4col .testimonial .testimonial-client { width: 340px; height: 50px; }
       .testimonials-4col .testimonial .testimonial-client img { width: 46px; height: 46px; padding: 2px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
       .testimonials-4col .testimonial .testimonial-client h3 { height: 50px; line-height: 50px; font-size: 16px; }
       
       /*-- Pricing Tables --*/
       .pricing-tables-4col { width: 420px; }
       .pricing-tables-4col .pricing-table { width: 420px; float: none; margin: 0px 0px 10px 0px; padding-bottom: 10px; }
       .pricing-tables-4col .pricing-table .plan-title { height: 90px; line-height: 98px; }
       .pricing-tables-4col .pricing-table .plan-title h4 { font-size: 20px; }
       .pricing-tables-4col .pricing-table .plan-details { width: 280px; padding-top: 35px; padding-bottom: 30px; font-size: 14px; }
       .pricing-tables-3col { width: 420px; }
       .pricing-tables-3col .pricing-table { width: 420px; float: none; margin: 0px 0px 10px 0px; padding-bottom: 10px; }
       .pricing-tables-3col .pricing-table .plan-title { height: 90px; line-height: 98px; }
       .pricing-tables-3col .pricing-table .plan-title h4 { font-size: 20px; }
       .pricing-tables-3col .pricing-table .plan-price { padding: 22px 0px; }
       .pricing-tables-3col .pricing-table .plan-price .price { font-size: 29px; }
       .pricing-tables-3col .pricing-table .plan-price .period { font-size: 14px; }
       .pricing-tables-3col .pricing-table .plan-price .period:before { font-size: 15px; margin-left: 5px; margin-right: 7px; }
       .pricing-tables-3col .pricing-table .plan-details {  width: 280px; padding-top: 35px; padding-bottom: 30px; font-size: 14px; }
       .pricing-tables-3col .pricing-table .order-button { margin-bottom: 48px; }
       .pricing-tables-3col .pricing-table .order-button a { height: 54px; line-height: 54px; padding: 0px 22px; font-size: 12px; }
       .pricing-tables-2col { width: 420px; }
       .pricing-tables-2col .pricing-table { width: 420px; float: none; margin: 0px 0px 10px 0px; padding-bottom: 10px; }
       .pricing-tables-2col .pricing-table .plan-title { height: 90px; line-height: 98px; }
       .pricing-tables-2col .pricing-table .plan-title h4 { font-size: 20px; }
       .pricing-tables-2col .pricing-table .plan-details { width: 280px; padding-top: 35px; padding-bottom: 30px; font-size: 14px; }
       
       /*-- Contact --*/
       #elastic-contact-form { width: 360px; }
       #elastic-contact-form input[type="text"] { width: 308px; font-size: 14px; }
       #elastic-contact-form textarea { width: 308px; height: 140px; }
       .locations { width: 420px; }
       .locations .locations-container { width: 420px; }
       .locations .location { width: 420px; height: 420px; float: none; margin-right: 0px; margin-bottom: 25px; }
       .locations .location h4 { margin-bottom: 25px; padding-top: 115px; padding-bottom: 28px; font-size: 32px; }
       .locations .location p { font-size: 20px; }
       .show-elements { width: 360px; }
       .show-elements a { width: 360px; margin-bottom: -1px; font-size: 15px; }
       #hidden-phone-number p { font-size: 30px; }
       #hidden-map .iframe-container { width: 360px; }
       #hidden-map p { font-size: 16px; }

       /*-- Additional Components --*/
       .about-wow { width: 420px; height: 410px; }
       .about-wow .about-contents h2 { margin-bottom: 30px; font-size: 80px; }
       .about-right { padding-top: 50px; }
       .history { width: 360px; }
       .history .year { width: 100%; margin-bottom: 40px; }
       .history .year:last-child { margin-bottom: 0px; }
       .history .year .year-image { width: 360px; height: 360px; }
       .history .year .year-image img { width: 360px; height: 360px; }
       .history .year .year-details { width: 360px; margin: 0 auto; padding-top: 35px; }
       .subscribe-block { width: 420px; height: 250px; margin-bottom: 60px; }
       .subscribe-block .subscribe-form { width: 300px; padding-top: 55px; }
       .subscribe-block .subscribe-form h2 { margin-bottom: 28px; font-size: 20px; }
       .subscribe-block .subscribe-form .form-wrapper { width: 298px; margin-bottom: 20px; border: 1px solid #FFF; }
       .subscribe-block .form-wrapper input[type="email"], .subscribe-block .form-wrapper input[type="text"] { width: 140px; padding: 20px; padding-left: 20px; font-size: 13px; }
       .subscribe-block .form-wrapper input[type="submit"] { width: 110px; height: 36px; line-height: 36px; margin-top: 10px; font-size: 13px; border-left: 1px solid #FFF; }
       .subscribe-block .subscribe-form p.subscribe-note { font-size: 11px; }
       .fashion-intro .intro-content { width: 420px; }
       .fashion-intro .intro-bold { width: 420px; }
       .fashion-intro .intro-text { width: 420px;}

       /*-- Footer --*/
       .footer { width: 420px; }
       .footer-social { margin-bottom: 30px; }
       .footer-social a { margin: 0 12px; font-size: 13px; }
       .footer-copyright { font-size: 12px; }
       .db{ font-size: 12px; }
       
       /*-- Framework --*/
       .full { width: 420px; margin-bottom: 30px; }
       .half, .half-last { width: 420px; }
       .full .half, .full .half-last { margin-bottom: 30px !important; }
       .third, .third-last { width: 420px; }
       .full .third, .full .third-last { margin-bottom: 30px !important; }
       .two-third, .two-third-last { width: 420px; }
       .full .two-third, .full .two-third-last { margin-bottom: 30px !important; }
       .fourth, .fourth-last { width: 420px; }
       .full .fourth, .full .fourth-last { margin-bottom: 30px !important; }
       .two-fourth, .two-fourth-last { width: 420px; }
       .full .two-fourth, .full .two-fourth-last { margin-bottom: 30px !important; }
       .three-fourth, .three-fourth-last { width: 420px; }
       .full .three-fourth, .full .three-fourth-last { margin-bottom: 30px !important; }
       .full h1, .half h1, .half-last h1, .third h1, .third-last-h1, .fourth h1, .fourth-last h1,
       .two-fourth h1, .two-fourth-last h1, .three-fourth h1, .three-fourth-last h1 { font-size: 24px; }
       .full h2, .half h2, .half-last h2, .third h2, .third-last-h2, .fourth h2, .fourth-last h2,
       .two-fourth h2, .two-fourth-last h2, .three-fourth h2, .three-fourth-last h2 { font-size: 18px; }
       .full h3, .half h3, .half-last h3, .third h3, .third-last-h3, .fourth h3, .fourth-last h3,
       .two-fourth h3, .two-fourth-last h3, .three-fourth h3, .three-fourth-last h3 { font-size: 17px; }
       .pdng-top10  { padding-top: 5px !important; }
       .pdng-top20  { padding-top: 11px !important; }
       .pdng-top30  { padding-top: 17px !important; }
       .pdng-top40  { padding-top: 22px !important; }
       .pdng-top50  { padding-top: 27px !important; }
       .pdng-top60  { padding-top: 31px !important; }
       .pdng-top70  { padding-top: 37px !important; }
       .pdng-top80  { padding-top: 42px !important; }
       .pdng-top90  { padding-top: 49px !important; }
       .pdng-top100 { padding-top: 52px !important; }
       .pdng-top110 { padding-top: 58px !important; }
       .pdng-top120 { padding-top: 64px !important; }
       .pdng-top130 { padding-top: 72px !important; }
       .pdng-top140 { padding-top: 78px !important; }
       .pdng-top150 { padding-top: 82px !important; }
       .pdng-bottom10  { padding-bottom: 5px !important; }
       .pdng-bottom20  { padding-bottom: 11px !important; }
       .pdng-bottom30  { padding-bottom: 17px !important; }
       .pdng-bottom40  { padding-bottom: 22px !important; }
       .pdng-bottom50  { padding-bottom: 27px !important; }
       .pdng-bottom60  { padding-bottom: 31px !important; }
       .pdng-bottom70  { padding-bottom: 37px !important; }
       .pdng-bottom80  { padding-bottom: 42px !important; }
       .pdng-bottom90  { padding-bottom: 49px !important; }
       .pdng-bottom100 { padding-bottom: 52px !important; }
       .pdng-bottom110 { padding-bottom: 58px !important; }
       .pdng-bottom120 { padding-bottom: 64px !important; }
       .pdng-bottom130 { padding-bottom: 72px !important; }
       .pdng-bottom140 { padding-bottom: 78px !important; }
       .pdng-bottom150 { padding-bottom: 82px !important; }
       .mrgn-top10  { margin-top: 5px !important; }
       .mrgn-top20  { margin-top: 11px !important; }
       .mrgn-top30  { margin-top: 17px !important; }
       .mrgn-top40  { margin-top: 22px !important; }
       .mrgn-top50  { margin-top: 27px !important; }
       .mrgn-top60  { margin-top: 31px !important; }
       .mrgn-top70  { margin-top: 37px !important; }
       .mrgn-top80  { margin-top: 42px !important; }
       .mrgn-top90  { margin-top: 49px !important; }
       .mrgn-top100 { margin-top: 52px !important; }
       .mrgn-top110 { margin-top: 58px !important; }
       .mrgn-top120 { margin-top: 64px !important; }
       .mrgn-top130 { margin-top: 72px !important; }
       .mrgn-top140 { margin-top: 78px !important; }
       .mrgn-top150 { margin-top: 82px !important; }
       .mrgn-bottom10  { margin-bottom: 5px !important; }
       .mrgn-bottom20  { margin-bottom: 11px !important; }
       .mrgn-bottom30  { margin-bottom: 17px !important; }
       .mrgn-bottom40  { margin-bottom: 22px !important; }
       .mrgn-bottom50  { margin-bottom: 27px !important; }
       .mrgn-bottom60  { margin-bottom: 31px !important; }
       .mrgn-bottom70  { margin-bottom: 37px !important; }
       .mrgn-bottom80  { margin-bottom: 42px !important; }
       .mrgn-bottom90  { margin-bottom: 49px !important; }
       .mrgn-bottom100 { margin-bottom: 52px !important; }
       .mrgn-bottom110 { margin-bottom: 58px !important; }
       .mrgn-bottom120 { margin-bottom: 64px !important; }
       .mrgn-bottom130 { margin-bottom: 72px !important; }
       .mrgn-bottom140 { margin-bottom: 78px !important; }
       .mrgn-bottom150 { margin-bottom: 82px !important; }

}

/*--- Screen <= 420px ( iPhone 6 portrait )---*/
@media screen and (max-width: 420px) { 

       /*-- Page blocks --*/
       .block-contents, .page-contents { width: 400px; }
       .content-narrow { width: 340px; }
       .intro-block { padding: 40px 0px; }
       .intro-block h1 { width: 400px; font-size: 16px; }
       .home-block { width: 400px; padding-top: 40px; padding-bottom: 40px; }
       h1.block-title, h2.block-title { width: 400px; font-size: 35px; }
       .block-text { width: 400px; }

       /*-- Headers --*/
       .elastic_top_inner { width: 400px; }
       .elastic_logo_container { width: 320px; }
       .elastic_menu_container { width: 50px; }
       #elastic_overlay_menu div.menu { width: 250px; }
       .inner_header_big { height: 270px; }
       .inner_header_big .page-title { padding-top: 35px; }
       .inner_header_big .page-title h1 { font-size: 40px; margin-bottom: 20px; }
       .inner_header_big .page-title p { font-size: 13px; }
       .inner-page-title h1 { width: 400px; font-size: 24px; }

       /*-- Home Variants --*/
       .home1 { width: 400px; height: 225px; }
       .home2 { width: 400px; height: 300px; }
       .home2 .welcome { padding-top: 12%; }
       .home3 .big-headline { height: 140px;  }
       .home3 .big-headline h1 { height: 140px; line-height: 140px; padding: 0px 50px; font-size: 40px; }
       .home5 { padding: 65px 0px; margin-bottom: 50px; }
       .home5 h1.welcome-text { width: 400px; font-size: 15px; }
       .home6 { width: 400px; height: 300px; }
       .home6 .media-element { width: 400px; height: 300px; }
       .home6 .big-headline { max-width: 200px; }
       
       /*-- Portfolio Layouts --*/
       .portfolio-grids4, .portfolio-grids3 { width: 340px; }
       .portfolio-grids4 .portfolio-item, .portfolio-grids3 .portfolio-item { width: 338px; height: 338px; }
       .portfolio-grids4 .portfolio-item .thumbnail, .portfolio-grids3 .portfolio-item .thumbnail { width: 338px; height: 338px; }
       .portfolio-grids4 .portfolio-item .thumbnail img, .portfolio-grids3 .portfolio-item .thumbnail img { width: 338px; height: 338px; }
       .portfolio-grids4 .portfolio-item .rollover-element, .portfolio-grids3 .portfolio-item .rollover-element { width: 338px; padding: 20px; top: -20px; left: -20px; }
       .portfolio-grids4 .portfolio-item .rollover-element img, .portfolio-grids3 .portfolio-item .rollover-element img { width: 338px; height: 338px; margin-bottom: 20px; }
       .portfolio-grids4 .portfolio-item .rollover-element h3, .portfolio-grids3 .portfolio-item .rollover-element h3 { margin-bottom: 5px; font-size: 20px; }
       .portfolio-circles3, .portfolio-circles4 { width: 340px; }
       .portfolio-circles3 .circles-container, .portfolio-circles4 .circles-container { width: 340px; }
       .portfolio-circles3 .portfolio-item, .portfolio-circles4 .portfolio-item { width: 340px; height: 340px; margin-right: 0px; margin-bottom: 50px; float: none; border-radius: 170px; -webkit-border-radius:170px; -moz-border-radius: 170px; }
       .portfolio-circles3 .portfolio-item .thumbnail, .portfolio-circles4 .portfolio-item .thumbnail { width: 340px; height: 340px; border-radius: 170px; -webkit-border-radius:170px; -moz-border-radius: 170px; }
       .portfolio-circles3 .portfolio-item .thumbnail img, .portfolio-circles4 .portfolio-item .thumbnail img { width: 340px; height: 340px; border-radius: 170px; -webkit-border-radius:170px; -moz-border-radius: 170px; }
       .portfolio-circles3 .portfolio-item .rollover-element, .portfolio-circles4 .portfolio-item .rollover-element { width: 340px; height: 340px; border-radius: 170px; -webkit-border-radius:170px; -moz-border-radius: 170px; }
       .portfolio-circles3 .portfolio-item .rollover-element .project-meta, .portfolio-circles4 .portfolio-item .rollover-element .project-meta { width: 340px; height: 185px; padding-top: 155px; border-radius: 170px; -webkit-border-radius:170px; -moz-border-radius: 170px; }
       .portfolio-circles3 .portfolio-item .rollover-element h3, .portfolio-circles4 .portfolio-item .rollover-element h3 { font-size: 20px; margin-bottom: 18px; }
       .portfolio-circles3 .portfolio-item .rollover-element p, .portfolio-circles4 .portfolio-item .rollover-element p { font-size: 13px; }
       .portfolio-stack { width: 400px; }
       .portfolio-stack .stack-container { width: 400px; }
       .portfolio-stack .portfolio-item { width: 400px; margin-right: 0px; margin-bottom: 40px; }
       .portfolio-masonry { width: 400px; }
       .portfolio-masonry .masonry-container { width: 410px; }
       .portfolio-masonry .masonry-container .wide { width: 195px; }
       .portfolio-masonry .masonry-container .narrow { width: 195px; }
       .portfolio-masonry .masonry-item .rollover-contents { bottom: 20px; left: 20px; }
       .portfolio-masonry .masonry-item .rollover-contents h3 { margin-bottom: 15px; font-size: 15px; }
       .portfolio-masonry .masonry-item .rollover-contents p { font-size: 11px; }
       .portfolio-masonry-2col { width: 400px; }
       .portfolio-masonry-2col .masonry-container { width: 410px; }
       .portfolio-masonry-2col .masonry-item { width: 195px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents { bottom: 20px; left: 20px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents h3 { margin-bottom: 15px; font-size: 15px;  }
       .portfolio-masonry-2col .masonry-item .rollover-contents p { font-size: 11px; }
       .portfolio-masonry-3col { width: 400px; }
       .portfolio-masonry-3col .masonry-container { width: 410px; }
       .portfolio-masonry-3col .masonry-item { width: 195px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents { bottom: 20px; left: 20px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents h3 { margin-bottom: 15px; font-size: 15px;  }
       .portfolio-masonry-3col .masonry-item .rollover-contents p { font-size: 11px; }
       .portfolio-cards-2col { width: 400px; }
       .portfolio-cards-2col .cards-container { width: 400px; }
       .portfolio-cards-2col .portfolio-item { width: 400px; }
       .portfolio-cards-2col .portfolio-item .thumbnail { width: 400px; }
       .portfolio-cards-3col { width: 400px; }
       .portfolio-cards-3col .cards-container { width: 400px; }
       .portfolio-cards-3col .portfolio-item { width: 400px; }
       .portfolio-cards-3col .portfolio-item .thumbnail { width: 400px; }
       .portfolio-cards-4col { width: 400px; }
       .portfolio-cards-4col .cards-container { width: 400px; }
       .portfolio-cards-4col .portfolio-item { width: 400px; }
       .portfolio-cards-4col .portfolio-item .thumbnail { width: 400px; }
       .portfolio-zig-zag { width: 400px; }
       .portfolio-zig-zag .portfolio-item .thumbnail { width: 400px; }
       .portfolio-zig-zag .portfolio-item .teaser { width: 320px; padding: 50px 40px; }
       .portfolio-mixed-blocks { width: 400px; }
       .portfolio-mixed-blocks .portfolio-item { margin-bottom: 5px; }
       .portfolio-mixed-blocks .full { width: 400px; }
       .portfolio-mixed-blocks .third { width: 400px; }
       .portfolio-mixed-blocks .half { width: 400px; }
       .portfolio-mixed-blocks .last { margin-right: 0px; }
       .portfolio-mixed-blocks .third .inline-message { width: 320px; height: 380px; padding: 0px 40px; }
       a#close-item { font-size: 25px; top: 5px; right: 5px; }
       #portfolio-item-wrapper { width: 400px; }
       .portfolio-iframe { width: 400px; }
       #portfolio-slider{ width: 400px; }
       
       /*-- Services --*/
       .service-grids3 { width: 270px; }
       .service-grids3 .service { width: 268px; float: none; }
       .service-grids3 .service .service-inner { padding-top: 85px; padding-bottom: 70px; }
       .service-grids3 .service h4 { font-size: 18px; }
       .service-grids4 { width: 270px; }
       .service-grids4 .service { width: 268px; float: none; }
       .service-grids4 .service .service-inner { padding-top: 85px; padding-bottom: 70px; }
       .service-grids4 .service h4 { font-size: 18px; }
       .service-circles3 { width: 400px; }
       .service-circles3 .services-wrapper { width: 400px; }
       .service-circles3 .service { width: 300px; float: none; margin: 0 auto; margin-bottom: 50px; }
       .service-circles3 .service .service-teaser { width: 240px; }
       .service-circles3 .service .service-teaser h4 { font-size: 20px; margin-bottom: 20px; }
       .service-circles3 .service .service-teaser p { font-size: 13px; }
       .service-circles4 { width: 400px; }
       .service-circles4 .services-wrapper { width: 400px; }
       .service-circles4 .service { width: 300px; float: none; margin: 0 auto; margin-bottom: 50px; }
       .service-circles4 .service .service-teaser { width: 240px; }
       .service-circles4 .service .service-teaser h4 { font-size: 20px; margin-bottom: 20px; }
       .service-circles4 .service .service-teaser p { font-size: 13px; }
       #service-item { width: 400px; }
       .service-title { width: 340px; }
       .service-contents { width: 340px; }

       /*-- Our Team --*/
       .member-position h4 { font-size: 15px; }
       .member-social ul li { width: 45px; height: 45px; line-height: 45px; margin: 0px 7px; }
       .member-social ul li a { width: 45px; height: 45px; line-height: 45px; }
       .members-2col { width: 400px; }
       .members-2col .members-container { width: 400px; }
       .members-2col .team-member { width: 400px; margin-bottom: 30px; padding-bottom: 60px; }
       .members-2col .team-member .member-position { margin-bottom: 60px; }
       .members-2col .team-member .member-avatar { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .members-2col .team-member .member-avatar img { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .members-2col .team-member .member-info { width: 280px; }
       .members-2col .team-member .member-info h3 { font-size: 26px; }
       .members-2col .team-member .member-info p { font-size: 14px; }
       .members-2col .team-member .member-social { width: 280px; }
       .members-3col { width: 400px; }
       .members-3col .members-container { width: 400px; }
       .members-3col .team-member { width: 400px; margin-bottom: 30px; padding-bottom: 60px; }
       .members-3col .team-member .member-position { margin-bottom: 60px; }
       .members-3col .team-member .member-avatar { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .members-3col .team-member .member-avatar img { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .members-3col .team-member .member-info { width: 280px; }
       .members-3col .team-member .member-info h3 { font-size: 26px; }
       .members-3col .team-member .member-info p { font-size: 14px; }
       .members-3col .team-member .member-social { width: 280px; }
       .members-4col { width: 400px; }
       .members-4col .members-container { width: 400px; }
       .members-4col .team-member { width: 400px; margin-bottom: 30px; padding-bottom: 60px; }
       .members-4col .team-member .member-position { margin-bottom: 60px; }
       .members-4col .team-member .member-avatar { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .members-4col .team-member .member-avatar img { width: 200px; height: 200px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
       .members-4col .team-member .member-info { width: 280px; }
       .members-4col .team-member .member-info h3 { font-size: 26px; }
       .members-4col .team-member .member-info p { font-size: 14px; }
       .members-4col .team-member .member-social { width: 280px; }
       #team-member { width: 400px; }
       .member-name { width: 340px; }
       .member-contents { width: 340px; }

       /*-- Testimonials --*/
       .testimonials-3col { width: 400px; }
       .testimonials-3col .testimonials-container { width: 400px; }
       .testimonials-3col .testimonial { width: 400px; margin-bottom: 25px; padding-top: 100px; padding-bottom: 50px; background: #FFF url('images/testimonials-bg.png') 33px 40px no-repeat; background-size: 44px 31px; }
       .testimonials-3col .testimonial .testimonial-contents { width: 340px; padding-bottom: 10px; font-size: 16px; }
       .testimonials-3col .testimonial .testimonial-client { width: 340px; }
       .testimonials-4col { width: 400px; }
       .testimonials-4col .testimonials-container { width: 400px; }
       .testimonials-4col .testimonial { width: 400px; margin-bottom: 25px; padding-top: 100px; padding-bottom: 50px; background: #FFF url('images/testimonials-bg.png') 33px 40px no-repeat; background-size: 44px 31px; }
       .testimonials-4col .testimonial .testimonial-contents { width: 340px; padding-bottom: 10px; font-size: 16px; }
       .testimonials-4col .testimonial .testimonial-client { width: 340px; }
       
       /*-- Pricing Tables --*/
       .pricing-tables-4col { width: 400px; }
       .pricing-tables-4col .pricing-table { width: 400px; }
       .pricing-tables-4col .pricing-table .plan-details { width: 260px; }
       .pricing-tables-3col { width: 400px; }
       .pricing-tables-3col .pricing-table { width: 400px; }
       .pricing-tables-3col .pricing-table .plan-details { width: 260px; }
       .pricing-tables-2col { width: 400px; }
       .pricing-tables-2col .pricing-table { width: 400px; }
       .pricing-tables-2col .pricing-table .plan-details { width: 260px; }
       
       /*-- Additional Components --*/
       .about-wow { width: 400px; }
       .about-wow .about-contents h2 { margin-bottom: 30px; font-size: 70px; }
       .about-designer .about-left .about-image { width: 360px; }
       .about-right { width: 360px; }
       .history { width: 340px; }
       .history .year { width: 100%; margin-bottom: 30px; }
       .history .year .year-image { width: 340px; height: 340px; }
       .history .year .year-image img { width: 340px; height: 340px; }
       .history .year .year-details { width: 300px; padding-top: 25px; }
       .history .year .year-details h4 { margin-bottom: 20px; font-size: 30px; }
       .history .year .year-details p { font-size: 12px; }
       .subscribe-block { width: 400px; }
       .fashion-intro .intro-content { width: 360px; }
       .fashion-intro .intro-bold { width: 360px; }
       .fashion-intro .intro-text { width: 360px;}
       
       /*-- Contact --*/
       #elastic-contact-form { width: 340px; }
       #elastic-contact-form input[type="text"] { width: 288px; }
       #elastic-contact-form textarea { width: 288px; }
       .locations { width: 400px; }
       .locations .locations-container { width: 400px; }
       .locations .location { width: 400px; height: 400px; margin-bottom: 15px; }
       .locations .location h4 { padding-top: 105px; }
       .show-elements { width: 340px; }
       .show-elements a { width: 340px; margin-bottom: -1px; font-size: 15px; }
       #hidden-phone-number p { font-size: 30px; }
       #hidden-map .iframe-container { width: 340px; }
       #hidden-social a { width: 50px; height: 50px; line-height: 64px; }

       /*-- Footer --*/
       .footer { width: 400px; }
       .footer-social { margin-bottom: 20px; }
       .footer-social a { width: 360px; margin: 0 20px; margin-bottom: 20px; font-size: 14px; }
       .footer-copyright { font-size: 10px; }
       .db{ font-size: 10px; }
       /*-- Framework --*/
       .full { width: 400px; }
       .half, .half-last { width: 400px; }
       .third, .third-last { width: 400px; }
       .two-third, .two-third-last { width: 400px; }
       .fourth, .fourth-last { width: 400px; }
       .two-fourth, .two-fourth-last { width: 400px; }
       .three-fourth, .three-fourth-last { width: 400px; }
       .full .three-fourth, .full .three-fourth-last { margin-bottom: 30px !important; }
       .full h1, .half h1, .half-last h1, .third h1, .third-last-h1, .fourth h1, .fourth-last h1,
       .two-fourth h1, .two-fourth-last h1, .three-fourth h1, .three-fourth-last h1 { font-size: 22px; }

}

/*--- Screen <= 380px ( Mobile portrait for wide range of devices )---*/
@media screen and (max-width: 380px) { 

       /*-- Page blocks --*/
       .block-contents, .page-contents { width: 300px; }
       .first-after-home { padding-top: 50px !important; }
       .content-narrow { width: 240px; }
       .intro-block { padding: 30px 0px; }
       .intro-block h1 { width: 300px; }
       .home-block { width: 300px; }
       h1.block-title, h2.block-title { width: 300px; font-size: 30px; }
       .block-text { width: 300px; }

       /*-- Headers --*/
       .elastic_top_inner { width: 300px; }
       .elastic_logo_container { width: 250px; }
       .elastic_menu_container { width: 50px; }
       .inner-page-title h1 { width: 300px; font-size: 22px; }
       
       /*-- Home Variants --*/
       .home1 { width: 300px; height: 170px; }
       .home1 .welcome { height: 120px; padding-top: 10px; top: 4%;}
       .home1 .welcome .mini-intro { margin-bottom: 10px; }
       .home1 .welcome .big-headline h1 { margin-bottom: 15px; padding: 15px 40px; font-size: 25px; border: 3px solid #000; }
       .home2 { width: 300px; height: 250px; }
       .home2 .welcome { padding-top: 16%; }
       .home2 .welcome .mini-intro { margin-bottom: 18px; font-size: 10px; }
       .home2 .welcome .big-headline h1 { font-size: 20px; }
       .home3 .big-headline { height: 100px;  }
       .home3 .big-headline h1 { height: 100px; line-height: 100px; padding: 0px 35px; font-size: 30px; }
       .home5 { padding: 55px 0px;}
       .home5 h1.welcome-text { width: 300px; font-size: 11px; }
       .home6 { width: 300px; height: 250px; }
       .home6 .media-element { width: 300px; height: 250px; }
       .home6 .big-headline { max-width: 160px; padding: 0px 30px; }
       
       /*-- Portfolio Layouts --*/
       .portfolio-grids4, .portfolio-grids3 { width: 240px; }
       .portfolio-grids4 .portfolio-item, .portfolio-grids3 .portfolio-item { width: 240px; height: 240px; }
       .portfolio-grids4 .portfolio-item .thumbnail, .portfolio-grids3 .portfolio-item .thumbnail { width: 240px; height: 240px; }
       .portfolio-grids4 .portfolio-item .thumbnail img, .portfolio-grids3 .portfolio-item .thumbnail img { width: 240px; height: 240px; }
       .portfolio-grids4 .portfolio-item .rollover-element, .portfolio-grids3 .portfolio-item .rollover-element { width: 240px; padding: 10px; top: -10px; left: -10px; }
       .portfolio-grids4 .portfolio-item .rollover-element img, .portfolio-grids3 .portfolio-item .rollover-element img { width: 240px; height: 240px; margin-bottom: 15px; }
       .portfolio-grids4 .portfolio-item .rollover-element h3, .portfolio-grids3 .portfolio-item .rollover-element h3 { margin-bottom: 5px; font-size: 15px; }
       .portfolio-circles3, .portfolio-circles4 { width: 240px; }
       .portfolio-circles3 .circles-container, .portfolio-circles4 .circles-container { width: 240px; }
       .portfolio-circles3 .portfolio-item, .portfolio-circles4 .portfolio-item { width: 240px; height: 240px; margin-right: 0px; margin-bottom: 40px; border-radius: 120px; -webkit-border-radius:120px; -moz-border-radius: 120px; }
       .portfolio-circles3 .portfolio-item .thumbnail, .portfolio-circles4 .portfolio-item .thumbnail { width: 240px; height: 240px; border-radius: 120px; -webkit-border-radius:120px; -moz-border-radius: 120px; }
       .portfolio-circles3 .portfolio-item .thumbnail img, .portfolio-circles4 .portfolio-item .thumbnail img { width: 240px; height: 240px; border-radius: 120px; -webkit-border-radius:120px; -moz-border-radius: 120px; }
       .portfolio-circles3 .portfolio-item .rollover-element, .portfolio-circles4 .portfolio-item .rollover-element { width: 240px; height: 240px; border-radius: 120px; -webkit-border-radius:120px; -moz-border-radius: 120px; }
       .portfolio-circles3 .portfolio-item .rollover-element .project-meta, .portfolio-circles4 .portfolio-item .rollover-element .project-meta { width: 240px; height: 125px; padding-top: 115px; border-radius: 120px; -webkit-border-radius:120px; -moz-border-radius: 120px; }
       .portfolio-circles3 .portfolio-item .rollover-element h3, .portfolio-circles4 .portfolio-item .rollover-element h3 { font-size: 18px; margin-bottom: 15px; }
       .portfolio-circles3 .portfolio-item .rollover-element p, .portfolio-circles4 .portfolio-item .rollover-element p { font-size: 12px; }
       .portfolio-stack { width: 300px; }
       .portfolio-stack .stack-container { width: 300px; }
       .portfolio-stack .portfolio-item { width: 300px; margin-bottom: 30px; }
       .portfolio-stack .portfolio-item .teaser { width: 180px; margin-top: -30px; padding: 30px 30px; }
       .portfolio-stack .portfolio-item .teaser .project-contents h3 { margin-bottom: 18px; padding-top: 20px; font-size: 16px; }
       .portfolio-stack .portfolio-item .teaser .project-contents h3:before { width: 18px; height: 3px; }
       .portfolio-stack .portfolio-item .teaser .project-contents p { margin-bottom: 20px; font-size: 13px; }
       .portfolio-masonry { width: 300px; }
       .portfolio-masonry .masonry-container { width: 300px; }
       .portfolio-masonry .masonry-item { float: none; margin-right: 0px; }
       .portfolio-masonry .masonry-container .wide { width: 300px; }
       .portfolio-masonry .masonry-container .narrow { width: 300px; }
       .portfolio-masonry .masonry-item .rollover-contents { bottom: 30px; left: 30px; }
       .portfolio-masonry .masonry-item .rollover-contents h3 { margin-bottom: 20px; font-size: 20px; }
       .portfolio-masonry .masonry-item .rollover-contents p { font-size: 12px; }
       .portfolio-masonry-2col { width: 300px; }
       .portfolio-masonry-2col .masonry-container { width: 300px; }
       .portfolio-masonry-2col .masonry-item { width: 300px; float: none; margin-right: 0px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents { bottom: 30px; left: 30px; }
       .portfolio-masonry-2col .masonry-item .rollover-contents h3 { margin-bottom: 20px; font-size: 20px;  }
       .portfolio-masonry-2col .masonry-item .rollover-contents p { font-size: 12px; }
       .portfolio-masonry-3col { width: 300px; }
       .portfolio-masonry-3col .masonry-container { width: 300px; }
       .portfolio-masonry-3col .masonry-item { width: 300px; float: none; margin-right: 0px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents { bottom: 30px; left: 30px; }
       .portfolio-masonry-3col .masonry-item .rollover-contents h3 { margin-bottom: 20px; font-size: 20px;  }
       .portfolio-masonry-3col .masonry-item .rollover-contents p { font-size: 12px; }
       .portfolio-cards-2col { width: 300px; }
       .portfolio-cards-2col .cards-container { width: 300px; }
       .portfolio-cards-2col .portfolio-item { width: 300px; }
       .portfolio-cards-2col .portfolio-item .card-top { padding: 50px 30px; padding-bottom: 40px; }
       .portfolio-cards-2col .portfolio-item .thumbnail { width: 300px; }
       .portfolio-cards-3col { width: 300px; }
       .portfolio-cards-3col .cards-container { width: 300px; }
       .portfolio-cards-3col .portfolio-item { width: 300px; }
       .portfolio-cards-3col .portfolio-item .card-top { padding: 50px 30px; padding-bottom: 40px; }
       .portfolio-cards-3col .portfolio-item .thumbnail { width: 300px; }
       .portfolio-cards-4col { width: 300px; }
       .portfolio-cards-4col .cards-container { width: 300px; }
       .portfolio-cards-4col .portfolio-item { width: 300px; }
       .portfolio-cards-4col .portfolio-item .card-top { padding: 50px 30px; padding-bottom: 40px; }
       .portfolio-cards-4col .portfolio-item .thumbnail { width: 300px; }
       .portfolio-zig-zag { width: 300px; }
       .portfolio-zig-zag .portfolio-item { margin-bottom: 20px; }
       .portfolio-zig-zag .portfolio-item .thumbnail { width: 300px; }
       .portfolio-zig-zag .portfolio-item .teaser { width: 240px; padding: 40px 30px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents h3 { margin-bottom: 20px; padding-top: 24px; font-size: 16px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents h3:before { width: 20px; height: 3px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents p { margin-bottom: 20px; font-size: 13px; }
       .portfolio-zig-zag .portfolio-item .teaser .project-contents a.button { height: 36px; line-height: 36px; padding: 0px 25px; font-size: 13px; }
       .portfolio-mixed-blocks { width: 300px; }
       .portfolio-mixed-blocks .portfolio-item { margin-bottom: 5px; }
       .portfolio-mixed-blocks .full { width: 300px; }
       .portfolio-mixed-blocks .third { width: 300px; }
       .portfolio-mixed-blocks .half { width: 300px; }
       .portfolio-mixed-blocks .last { margin-right: 0px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents { bottom: 20px; left: 20px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents h3 { margin-bottom: 16px; font-size: 16px; }
       .portfolio-mixed-blocks .portfolio-item .rollover .rollover-contents p { font-size: 12px; }
       .portfolio-mixed-blocks .inline-message p { font-size: 15px; }
       .portfolio-mixed-blocks .third .inline-message { width: 220px; height: 300px; padding: 0px 40px; }
       #portfolio-item-wrapper { width: 300px; padding: 40px 0px; }
       .portfolio-item-title { margin-bottom: 20px; }
       .portfolio-item-title h2 { font-size: 20px; }
       .portfolio-text { font-size: 14px; }
       .portfolio-text p { margin-bottom: 15px; }
       .portfolio-iframe { width: 300px; margin-bottom: 25px; }
       #portfolio-slider{ width: 300px; margin-bottom: 25px; }
       
       /*-- Services --*/
       .service-circles3 { width: 300px; }
       .service-circles3 .services-wrapper { width: 300px; }
       .service-circles4 { width: 300px; }
       .service-circles4 .services-wrapper { width: 300px; }
       #service-item { width: 300px; }
       .service-title { width: 240px; }
       .service-title h2 { font-size: 16px; }
       .service-contents { width: 240px; }

       /*-- Our Team --*/
       .member-position h4 { font-size: 14px; }
       .member-social ul li { width: 30px; height: 30px; line-height: 30px; margin: 0px 5px; }
       .member-social ul li a { width: 30px; height: 30px; line-height: 30px; }
       .member-social ul li a .fa-lg { font-size: 1em; }
       .members-2col { width: 300px; }
       .members-2col .members-container { width: 300px; }
       .members-2col .team-member { width: 300px; margin-bottom: 20px; padding-bottom: 45px; }
       .members-2col .team-member .member-position { margin-bottom: 50px; }
       .members-2col .team-member .member-avatar { width: 140px; height: 140px; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; }
       .members-2col .team-member .member-avatar img { width: 140px; height: 140px; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; }
       .members-2col .team-member .member-info { width: 220px; margin-bottom: 35px; padding-top: 28px; }
       .members-2col .team-member .member-info h3 { margin-bottom: 20px; font-size: 20px; }
       .members-2col .team-member .member-info p { margin-bottom: 10px; font-size: 13px; }
       .members-2col .team-member .member-social { width: 220px; padding-top: 25px; }
       .members-3col { width: 300px; }
       .members-3col .members-container { width: 300px; }
       .members-3col .team-member { width: 300px; margin-bottom: 20px; padding-bottom: 45px; }
       .members-3col .team-member .member-position { margin-bottom: 50px; }
       .members-3col .team-member .member-avatar { width: 140px; height: 140px; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; }
       .members-3col .team-member .member-avatar img { width: 140px; height: 140px; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; }
       .members-3col .team-member .member-info { width: 220px; margin-bottom: 35px; padding-top: 28px; }
       .members-3col .team-member .member-info h3 { margin-bottom: 20px; font-size: 20px; }
       .members-3col .team-member .member-info p { margin-bottom: 10px; font-size: 13px; }
       .members-3col .team-member .member-social { width: 220px; padding-top: 25px; }
       .members-4col { width: 300px; }
       .members-4col .members-container { width: 300px; }
       .members-4col .team-member { width: 300px; margin-bottom: 20px; padding-bottom: 45px; }
       .members-4col .team-member .member-position { margin-bottom: 50px; }
       .members-4col .team-member .member-avatar { width: 140px; height: 140px; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; }
       .members-4col .team-member .member-avatar img { width: 140px; height: 140px; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; }
       .members-4col .team-member .member-info { width: 220px; margin-bottom: 35px; padding-top: 28px; }
       .members-4col .team-member .member-info h3 { margin-bottom: 20px; font-size: 20px; }
       .members-4col .team-member .member-info p { margin-bottom: 10px; font-size: 13px; }
       .members-4col .team-member .member-social { width: 220px; padding-top: 25px; }
       #team-member { width: 300px; }
       .member-name { width: 240px; }
       .member-contents { width: 240px; }
       table.contacts-table td { font-size: 10px; }
       
       /*-- Testimonials --*/
       .testimonials-3col { width: 300px; }
       .testimonials-3col .testimonials-container { width: 300px; }
       .testimonials-3col .testimonial { width: 300px;  margin-bottom: 25px; padding-top: 100px; padding-bottom: 50px; background: #FFF url('images/testimonials-bg.png') 30px 43px no-repeat; background-size: 44px 31px; }
       .testimonials-3col .testimonial .testimonial-contents { width: 240px; padding-bottom: 10px; font-size: 15px; }
       .testimonials-3col .testimonial .testimonial-contents p { margin-bottom: 15px; }
       .testimonials-3col .testimonial .testimonial-client { width: 240px; }
       .testimonials-3col .testimonial .testimonial-client h3 { font-size: 14px; }
       .testimonials-4col { width: 300px; }
       .testimonials-4col .testimonials-container { width: 300px; }
       .testimonials-4col .testimonial { width: 300px;  margin-bottom: 25px; padding-top: 100px; padding-bottom: 50px; background: #FFF url('images/testimonials-bg.png') 30px 43px no-repeat; background-size: 44px 31px; }
       .testimonials-4col .testimonial .testimonial-contents { width: 240px; padding-bottom: 10px; font-size: 15px; }
       .testimonials-4col .testimonial .testimonial-contents p { margin-bottom: 15px; }
       .testimonials-4col .testimonial .testimonial-client { width: 240px; }
       .testimonials-4col .testimonial .testimonial-client h3 { font-size: 14px; }
       
       /*-- Pricing Tables --*/
       .pricing-tables-4col { width: 300px; }
       .pricing-tables-4col .pricing-table { width: 300px; float: none; margin: 0px 0px 10px 0px; padding-bottom: 5px; }
       .pricing-tables-4col .pricing-table .plan-title { height: 80px; line-height: 85px; }
       .pricing-tables-4col .pricing-table .plan-title h4 { font-size: 16px; }
       .pricing-tables-4col .pricing-table .plan-details { width: 220px; padding-top: 25px; padding-bottom: 20px; font-size: 12px; }
       .pricing-tables-4col .pricing-table .order-button { margin-bottom: 35px; }
       .pricing-tables-4col .pricing-table .order-button a { height: 44px; line-height: 44px; padding: 0px 22px; font-size: 12px; }
       .pricing-tables-3col { width: 300px; }
       .pricing-tables-3col .pricing-table { width: 300px; float: none; margin: 0px 0px 10px 0px; padding-bottom: 5px; }
       .pricing-tables-3col .pricing-table .plan-title { height: 80px; line-height: 85px; }
       .pricing-tables-3col .pricing-table .plan-title h4 { font-size: 16px; }
       .pricing-tables-3col .pricing-table .plan-details { width: 220px; padding-top: 25px; padding-bottom: 20px; font-size: 12px; }
       .pricing-tables-3col .pricing-table .order-button { margin-bottom: 35px; }
       .pricing-tables-3col .pricing-table .order-button a { height: 44px; line-height: 44px; padding: 0px 22px; font-size: 12px; }
       .pricing-tables-2col { width: 300px; }
       .pricing-tables-2col .pricing-table { width: 300px; float: none; margin: 0px 0px 10px 0px; padding-bottom: 5px; }
       .pricing-tables-2col .pricing-table .plan-title { height: 80px; line-height: 85px; }
       .pricing-tables-2col .pricing-table .plan-title h4 { font-size: 16px; }
       .pricing-tables-2col .pricing-table .plan-details { width: 220px; padding-top: 25px; padding-bottom: 20px; font-size: 12px; }
       .pricing-tables-2col .pricing-table .order-button { margin-bottom: 35px; }
       .pricing-tables-2col .pricing-table .order-button a { height: 44px; line-height: 44px; padding: 0px 22px; font-size: 12px; }
       
       /*-- Contact --*/
       #elastic-contact-form { width: 240px; }
       #elastic-contact-form input[type="text"] { width: 188px; }
       #elastic-contact-form textarea { width: 188px; }
       .locations { width: 300px; }
       .locations .locations-container { width: 300px; }
       .locations .location { width: 300px; height: 300px; margin-bottom: 15px; }
       .locations .location h4 { margin-bottom: 22px; padding-top: 80px; padding-bottom: 26px; font-size: 27px; }
       .locations .location p { font-size: 14px; }
       .show-elements { width: 240px; }
       .show-elements a { width: 240px; font-size: 14px; }
       #hidden-phone-number p { font-size: 22px; }
       #hidden-map .iframe-container { width: 240px; }
       #hidden-social a { width: 50px; height: 50px; line-height: 64px; margin: 0px 3px 6px 3px; }

       /*-- Additional Components --*/
       .section-title { margin-bottom: 25px; padding-bottom: 20px; }
       .section-title h1 { font-size: 22px; }
       .section-title h2 { font-size: 17px; }
       .section-title h3 { font-size: 15px; }
       .about-wow { width: 100%; }
       .about-wow .about-contents { padding-top: 70px; }
       .about-wow .about-contents h2 { margin-bottom: 25px; font-size: 60px; }
       .about-designer { padding-bottom: 280px; }
       .about-designer .about-left { height: 280px; }
       .about-designer .about-left .about-image { width: 280px; height: 280px; }
       .about-right { width: 280px; }
       .history { width: 240px; }
       .history .year { width: 100%; margin-bottom: 30px; }
       .history .year .year-image { width: 240px; height: 240px; }
       .history .year .year-image img { width: 240px; height: 240px; }
       .history .year .year-details { width: 220px; }
       .subscribe-block { width: 100%; margin-bottom: 60px; }
       .fashion-intro .intro-content { width: 280px; }
       .fashion-intro .intro-bold { width: 280px; }
       .fashion-intro .intro-bold h2 { font-size: 22px; }
       .fashion-intro .intro-text { width: 280px; }


       /*-- Footer --*/
       .footer { width: 300px; }
       .footer-social a { width: 260px; margin-bottom: 20px; font-size: 13px; }
       
       /*-- Framework --*/
       .full { width: 300px; }
       .half, .half-last { width: 300px; }
       .third, .third-last { width: 300px; }
       .two-third, .two-third-last { width: 300px; }
       .fourth, .fourth-last { width: 300px; }
       .two-fourth, .two-fourth-last { width: 300px; }
       .three-fourth, .three-fourth-last { width: 300px; }

}