/* ----CONTENT LIST----- 01- CLERFIX 02- TYPOGRAPHY 03- PRE HEADER CONTENT (lists, tooltip, social icons) 04- HEADER CSS + GRID (container,logo,navigation,columns) 05- CALL TO ACTION PANEL CSS 06- FOOTER & COPYRIGHTS CSS 07- HOMEPAGE PORTFOLIO CAROUSEL & PORTFOLIO ITEM LAYOUT 08- BUTTONS 09- ELASTIC SLIDER 10- PRICING TABLE 11- LISTS 12- DROPCAPS 13- ALERTS 14- CONTACT FORM 15- PORTFOLIO LAYOUTS 16- TABS & ACCORDIONS 17- BLOG LAYOUT 18- OTHER FEATURES LAYOUT (google maps,404 error style,pre style,blockquote style,team members,inner page intro...) */ /* ---------------------------------------------------------------------- */ /* 01- CLEARFIX /* ---------------------------------------------------------------------- */ /* Clearfix */ .clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0 } .clearfix:after { clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0 } * html .clearfix, :first-child+html .clearfix { zoom:1 } iframe { border: none; } /* ---------------------------------------------------------------------- */ /* 02- TYPOGRAPHY /* ---------------------------------------------------------------------- */ body { background:#FFF; color: #898989; font-size: 12px; font-family:'Arial', 'Verdana', sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; overflow-x: hidden; } p, ul, ol, pre, code { margin-bottom:1em; } ::-moz-selection { background: #4AA3E0; color: #fff; text-shadow: none; } .::selection { background: #4AA3E0; color: #fff; text-shadow: none; } a, a > * { color: #1e77b5; text-decoration: none; -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; } a:hover, a > *:hover { color: #9dcedf; } .colored { color:#9dcedf; } a.colored:hover { color:#9dcedf; text-decoration:underline; } h1, h2, h3, h4, h5, h6 { font-weight:normal; font-variant:normal; white-space:normal; color:#898989; margin-bottom:15px; font-family:'Dosis', Arial, Verdana, serif; } h1 { font-size:34px; line-height:36px; } h2 { font-size:26px; line-height:34px; } h3 { font-size:24px; line-height:32px; } h4 { font-size:18px; line-height:24px; } h5 { font-size:16px; line-height:20px; } h6 { font-size:16px; line-height:17px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#303031; font-size:100%; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { font-size:100%; text-decoration:none; } a h1:hover, a h2:hover, a h3:hover, a h4:hover, a h5:hover, a h6:hover { color:#9dcedf; } .text-align-center { text-align:center; } .text-align-left { text-align:left; } .text-align-right { text-align:right; } .img-align-left { margin:0px 10px 10px 0; float:left; } /* ---------------------------------------------------------------------- */ /* 03- PRE HEADER CONTENT /* ---------------------------------------------------------------------- */ .pre-header { margin-bottom:13px; } #pre-header { float:left; width:980px; padding:0 20px 0 20px; margin:0px 0px; height:40px; } ul#pre-header-links { float:left; margin:0px; } ul#pre-header-links li { list-style:none; float:left; cursor:pointer; color:#898989; margin-right:12px; margin-top:17px; } ul#pre-header-links li a { color:#FFF; padding:10px 2px 14px 2px; } ul#pre-header-links li a:hover { color:#FFF; border-bottom:3pt solid #FFF; background:url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/top-nav-bg.png) bottom center no-repeat; } .tipsy { padding:5px; font-size:11px; opacity:0.7; filter:alpha(opacity=70); background-repeat:no-repeat; background-image:url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/tipsy.gif); margin-top:5px; } .tipsy-inner { padding:5px 8px 4px 8px; background-color:black; color:#FFF; max-width:200px; text-align:center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position:top center; } .tipsy-south { background-position:bottom center; } .tipsy-east { background-position:right center; } .tipsy-west { background-position: left center; } /*-----------------------------------------------------------*/ /*-------------------- SOCIAL ICONS --------------------------*/ /*-----------------------------------------------------------*/ #social-icons { position:relative; } ul#social-links { z-index: 1202; position: relative; margin: 9px 0 0 0px; float: right; list-style: none; } ul#social-links li { float: left } ul#social-links li { float: left; font-size: 12px; list-style: none; width: 23px; height: 23px; background: #8dc1d3; background: -moz-linear-gradient(top, #8dc1d3 0%, #16a4de 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8dc1d3), color-stop(100%, #16a4de)); background: -webkit-linear-gradient(top, #8dc1d3 0%, #16a4de 100%); background: -o-linear-gradient(top, #8dc1d3 0%, #16a4de 100%); background: -ms-linear-gradient(top, #8dc1d3 0%, #16a4de 100%); background: linear-gradient(top, #8dc1d3 0%, #16a4de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc1d3', endColorstr='#16a4de', GradientType=0 ); text-indent: -9999px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin: 0 5px 0 0; box-shadow: 0px 1px 1px #a7dcef, inset 0px 2px 5px #16a4de; -moz-box-shadow: 0px 1px 1px #a7dcef, inset 0px 2px 5px #16a4de; -webkit-box-shadow: 0px 1px 1px #a7dcef, inset 0px 2px 5px #16a4de; } ul#social-links li a.facebook { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/facebook.png) 50% 50% no-repeat } ul#social-links li a.twitter { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/twitter.png) 50% 50% no-repeat } ul#social-links li a.google { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/google.png) 50% 50% no-repeat } ul#social-links li a.dribbble { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/dribbble.png) 50% 50% no-repeat } ul#social-links li a.vimeo { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/vimeo.png) 50% 50% no-repeat } ul#social-links li a.skype { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/skype.png) 50% 50% no-repeat } ul#social-links li a.rss { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/rss.png) 50% 50% no-repeat } ul#social-links li a.linkedin { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/linkedin.png) 50% 50% no-repeat } ul#social-links li a.pinterest { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/pinterest.png) 50% 50% no-repeat } ul#social-links > li.facebook-link:hover { float: left; font-size: 12px; width: 23px; height: 23px; background: #415b92; background: -moz-linear-gradient(top, #415b92 0%, #33487b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #415b92), color-stop(100%, #33487b)); background: -webkit-linear-gradient(top, #415b92 0%, #33487b 100%); background: -o-linear-gradient(top, #415b92 0%, #33487b 100%); background: -ms-linear-gradient(top, #415b92 0%, #33487b 100%); background: linear-gradient(top, #415b92 0%, #33487b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415b92', endColorstr='#33487b', GradientType=0 ); text-indent: -9999px; box-shadow: 0px 1px 1px #2a4782, inset 0px 2px 5px #4a67a0; -moz-box-shadow: 0px 1px 1px #2a4782, inset 0px 2px 5px #4a67a0; -webkit-box-shadow: 0px 1px 1px #2a4782, inset 0px 2px 5px #4a67a0; } ul#social-links > li.twitter-link:hover { float: left; font-size: 12px; width: 23px; height: 23px; background: #aad5e3; background: -moz-linear-gradient(top, #aad5e3 0%, #90c7db 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aad5e3), color-stop(100%, #90c7db)); background: -webkit-linear-gradient(top, #aad5e3 0%, #90c7db 100%); background: -o-linear-gradient(top, #aad5e3 0%, #90c7db 100%); background: -ms-linear-gradient(top, #aad5e3 0%, #90c7db 100%); background: linear-gradient(top, #aad5e3 0%, #90c7db 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad5e3', endColorstr='#90c7db', GradientType=0 ); text-indent: -9999px; box-shadow: 0px 1px 1px #6cb6cf, inset 0px 2px 5px #7fc9e2; -moz-box-shadow: 0px 1px 1px #6cb6cf, inset 0px 2px 5px #7fc9e2; -webkit-box-shadow: 0px 1px 1px #6cb6cf, inset 0px 2px 5px #7fc9e2; } ul#social-links > li.google-link:hover { float: left; font-size: 12px; width: 23px; height: 23px; background: #f54a35; background: -moz-linear-gradient(top, #f54a35 0%, #c83e2d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f54a35), color-stop(100%, #c83e2d)); background: -webkit-linear-gradient(top, #f54a35 0%, #c83e2d 100%); background: -o-linear-gradient(top, #f54a35 0%, #c83e2d 100%); background: -ms-linear-gradient(top, #f54a35 0%, #c83e2d 100%); background: linear-gradient(top, #f54a35 0%, #c83e2d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f54a35', endColorstr='#c83e2d', GradientType=0 ); text-indent: -9999px; box-shadow: 0px 1px 1px #bf3928, inset 0px 2px 5px #ff6957; -moz-box-shadow: 0px 1px 1px #bf3928, inset 0px 2px 5px #ff6957; -webkit-box-shadow: 0px 1px 1px #bf3928, inset 0px 2px 5px #ff6957; } ul#social-links > li.facebook-link:hover { float: left; font-size: 12px; width: 23px; height: 23px; background: #415b92; background: -moz-linear-gradient(top, #415b92 0%, #33487b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #415b92), color-stop(100%, #33487b)); background: -webkit-linear-gradient(top, #415b92 0%, #33487b 100%); background: -o-linear-gradient(top, #415b92 0%, #33487b 100%); background: -ms-linear-gradient(top, #415b92 0%, #33487b 100%); background: linear-gradient(top, #415b92 0%, #33487b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415b92', endColorstr='#33487b', GradientType=0 ); text-indent: -9999px; box-shadow: 0px 1px 1px #2a4782, inset 0px 2px 5px #4a67a0; -moz-box-shadow: 0px 1px 1px #2a4782, inset 0px 2px 5px #4a67a0; -webkit-box-shadow: 0px 1px 1px #2a4782, inset 0px 2px 5px #4a67a0; } ul#social-links > li.dribbble-link:hover { float: left; font-size: 12px; width: 23px; height: 23px; background: #fd83af; background: -moz-linear-gradient(top, #fd83af 0%, #e46191 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd83af), color-stop(100%, #e46191)); background: -webkit-linear-gradient(top, #fd83af 0%, #e46191 100%); background: -o-linear-gradient(top, #fd83af 0%, #e46191 100%); background: -ms-linear-gradient(top, #fd83af 0%, #e46191 100%); background: linear-gradient(top, #fd83af 0%, #e46191 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd83af', endColorstr='#e46191', GradientType=0 ); text-indent: -9999px; box-shadow: 0px 1px 1px #da447c, inset 0px 2px 5px #fc97bb; -moz-box-shadow: 0px 1px 1px #da447c, inset 0px 2px 5px #fc97bb; -webkit-box-shadow: 0px 1px 1px #da447c, inset 0px 2px 5px #fc97bb; } ul#social-links > li.vimeo-link:hover { float: left; font-size: 12px; width: 23px; height: 23px; background: #1ab7ea; background: -moz-linear-gradient(top, #1ab7ea 0%, #0a9ece 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1ab7ea), color-stop(100%, #0a9ece)); background: -webkit-linear-gradient(top, #1ab7ea 0%, #0a9ece 100%); background: -o-linear-gradient(top, #1ab7ea 0%, #0a9ece 100%); background: -ms-linear-gradient(top, #1ab7ea 0%, #0a9ece 100%); background: linear-gradient(top, #1ab7ea 0%, #0a9ece 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab7ea', endColorstr='#0a9ece', GradientType=0 ); text-indent: -9999px; box-shadow: 0px 1px 1px #0b9ac8, inset 0px 2px 5px #31c6f6; -moz-box-shadow: 0px 1px 1px #0b9ac8, inset 0px 2px 5px #31c6f6; -webkit-box-shadow: 0px 1px 1px #0b9ac8, inset 0px 2px 5px #31c6f6; } ul#social-links > li.skype-link:hover { float: left; font-size: 12px; width: 23px; height: 23px; background: #56cbf7; background: -moz-linear-gradient(top, #56cbf7 0%, #09b2f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56cbf7), color-stop(100%, #09b2f1)); background: -webkit-linear-gradient(top, #56cbf7 0%, #09b2f1 100%); background: -o-linear-gradient(top, #56cbf7 0%, #09b2f1 100%); background: -ms-linear-gradient(top, #56cbf7 0%, #09b2f1 100%); background: linear-gradient(top, #56cbf7 0%, #09b2f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56cbf7', endColorstr='#09b2f1', GradientType=0 ); text-indent: -9999px; box-shadow: 0px 1px 1px #0281ae, inset 0px 2px 5px #b5ebff; -moz-box-shadow: 0px 1px 1px #0281ae, inset 0px 2px 5px #b5ebff; -webkit-box-shadow: 0px 1px 1px #0281ae, inset 0px 2px 5px #b5ebff; } ul#social-links li a { width: 23px; height: 23px; display: block; } ul#social-links > li.rss-link:hover { float: left; font-size: 12px; width: 23px; height: 23px; background: #ff8500; background: -moz-linear-gradient(top, #ff8500 0%, #ff6a00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8500), color-stop(100%, #ff6a00)); background: -webkit-linear-gradient(top, #ff8500 0%, #ff6a00 100%); background: -o-linear-gradient(top, #ff8500 0%, #ff6a00 100%); background: -ms-linear-gradient(top, #ff8500 0%, #ff6a00 100%); background: linear-gradient(top, #ff8500 0%, #ff6a00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8500', endColorstr='#ff6a00', GradientType=0 ); text-indent: -9999px; box-shadow: 0px 1px 1px #df5d00, inset 0px 2px 5px #ffb140; -moz-box-shadow: 0px 1px 1px #df5d00, inset 0px 2px 5px #ffb140; -webkit-box-shadow: 0px 1px 1px #df5d00, inset 0px 2px 5px #ffb140; } ul#social-links > li.linkedin-link:hover { float: left; font-size: 12px; width: 23px; height: 23px; background: #007fc5; background: -moz-linear-gradient(top, #007fc5 0%, #0061b6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007fc5), color-stop(100%, #0061b6)); background: -webkit-linear-gradient(top, #007fc5 0%, #0061b6 100%); background: -o-linear-gradient(top, #007fc5 0%, #0061b6 100%); background: -ms-linear-gradient(top, #007fc5 0%, #0061b6 100%); background: linear-gradient(top, #007fc5 0%, #0061b6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fc5', endColorstr='#0061b6', GradientType=0 ); text-indent: -9999px; box-shadow: 0px 1px 1px #004d90, inset 0px 2px 5px #16a7e8; -moz-box-shadow: 0px 1px 1px #004d90, inset 0px 2px 5px #16a7e8; -webkit-box-shadow: 0px 1px 1px #004d90, inset 0px 2px 5px #16a7e8; } ul#social-links > li.pinterest-link:hover { float: left; font-size: 12px; width: 23px; height: 23px; background: #e63037; background: -moz-linear-gradient(top, #e63037 0%, #bf1018 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e63037), color-stop(100%, #bf1018)); background: -webkit-linear-gradient(top, #e63037 0%, #bf1018 100%); background: -o-linear-gradient(top, #e63037 0%, #bf1018 100%); background: -ms-linear-gradient(top, #e63037 0%, #bf1018 100%); background: linear-gradient(top, #e63037 0%, #bf1018 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e63037', endColorstr='#bf1018', GradientType=0 ); text-indent: -9999px; box-shadow: 0px 1px 1px #ae0d13, inset 0px 2px 5px #fc545b; -moz-box-shadow: 0px 1px 1px #ae0d13, inset 0px 2px 5px #fc545b; -webkit-box-shadow: 0px 1px 1px #ae0d13, inset 0px 2px 5px #fc545b; } /* ---------------------------------------------------------------------- */ /* 04- HEADER CSS /* ---------------------------------------------------------------------- */ /* -------------------------------------------------- */ /* HEADER,CONTAINER,LOGO, RESPONSIVE NAVIGATION /* -------------------------------------------------- */ #page { height:auto; width:1000px; background:#FFF; padding:0px; margin:50px 0 100px 0; } #header { height:68px; padding:0px 0 20px 0; float:left; width:100%; } #navigation-wrapper { float:right; } #content { padding-bottom: 30px; font-size: 14px; color:#777777; } #logo { float: none; } #logo-wrapper { float:left; width:240px; } #logo-wrapper h1 { margin-bottom: 0; } #tagline { margin:0; white-space: nowrap; } #responsive-social-menu { display: none; width: 124px; padding: 6px; font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif; border: 1px solid #ababab; color: #666; background:#fff; float: right; } #responsive-main-nav-menu { display: none; width: 100%; padding: 6px; font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif; border: 1px solid #ababab; color: #666; } #page { height: auto; width: 1020px; margin:24px auto; padding: 0px; } /* -------------------------------------------------- */ /* Columns /* -------------------------------------------------- */ .container { margin: 0 auto; position: relative; width: 1000px; } .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-column { float: left; margin-right: 20px; margin-bottom: 20px; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last, .one-fourth.widget-4, .one-fourth.widget-8, .one-fourth.widget-12 { margin-right: 0px } .one-half { width: 460px } .one-third { width: 300px } .two-third { width: 620px } .one-fourth { width: 220px } .three-fourth { width: 700px } .horizontal-line { width:100%; margin:30px 0; float:left; border-top:1px solid #e1e1e1; } .one-fourth.widget-1, .one-fourth.widget-5, .one-fourth.widget-9 { clear:both; } /* -------------------------------------------------- */ /* MAVIGATION /* -------------------------------------------------- */ .downarrowclass { position: absolute; top: 53px; right: 5px; } .rightarrowclass { position: absolute; top: 10px; right: 10px; } #main-navigation select { display: none } #main-navigation { float: right } #main-navigation > ul { margin: 0px 0 0 0px } #main-navigation ul li { list-style: none; float: left; position: relative; padding: 21px 0px 23px 0px; border-top: 2px solid #ffffff; } #main-navigation li a { font-family: 'Dosis', 'Verdana', sans-serif; font-size: 16px; color: #777777; padding: 5px 18px 5px 18px; margin: 0px 0px 0px 0; font-weight: normal; position: relative; text-align: center; text-transform: uppercase; float: left; overflow: hidden; line-height: 30px; border-left: solid 1px #dedede; } #main-navigation ul li.current-menu-ancestor > a, #main-navigation ul li.current-menu-item > a { color: #2780af; } #main-navigation ul li.current-menu-ancestor, #main-navigation ul li.current-menu-item { color: #2780af; background: #ffffff; border-top: 2px solid #23739d; } #main-navigation ul li a:hover, #main-navigation ul li:hover a { color: #ffffff; border-top: 0px solid #23739d; background: none; border-left: solid 1px #2990c7; } #main-navigation ul li:hover { color: #9dcedf; background: #2990c7; border-top: 2px solid #23739d; } #main-navigation ul ul li a { display: block; float: none; } #main-navigation ul ul { display: none; left: 0; margin-top: -10px; position: absolute; width: 250px; z-index: 99; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px #006c9f; background: #2990c7; } #main-navigation ul ul ul { display: none; left:250px !important; margin-top:-1px; position: absolute; width: 250px; z-index: 99; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px #006c9f; background: #2990c7; } #main-navigation ul ul ul ul { display: none; left:250px !important; margin-top:-1px; position: absolute; width: 250px; z-index: 99; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px #006c9f; background: #2990c7; } #main-navigation ul ul li { padding: 0px 0 0 0px; margin: 0px; color: #FFF; border-top:1px solid #00aaf7; border-bottom:1px solid #006c9f; } #main-navigation ul ul li:hover { padding: 0px 0 0 0px; margin: 0px; color: #FFF; border-top:0px solid #000; -moz-box-shadow: inset 0 0 6px #1471ab; -webkit-box-shadow: inset 0 0 6px #1471ab; box-shadow: inset 0 0 6px #1471ab; background: #00a4ee; } #main-navigation ul ul li.current-menu-item { color: #2780af; background: #ffffff; -moz-box-shadow: inset 0 0 6px #1471ab; -webkit-box-shadow: inset 0 0 6px #1471ab; box-shadow: inset 0 0 6px #1471ab; background: #00a4ee; border-top:0px solid #000; } #main-navigation ul ul li a { padding:15px 20px; color:#fff; text-transform:uppercase; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; font-size: 12px; background: none; border: 0 !important; letter-spacing:1px; } #main-navigation ul ul li { } #main-navigation ul ul li { float: none } /*#main-navigation ul li { padding: 0; margin: 0 0 0 0px; }*/ #main-navigation ul ul a { border: 0; color: #fff; display: block; font-size: 11px; font-weight: 400; padding: 5px 10px !important; text-align: left; margin: 0; text-transform: none; } #main-navigation ul ul a:hover, #main-navigation ul ul .hover > a, #main-navigation ul ul .current-menu-item > a, #main-navigation ul ul .current-menu-item > a:hover { color: #fff !important; border: 0 !important; } #main-navigation ul li ul { position: absolute; left: 0px; display: block; visibility: hidden; margin-left: 0px; top: 0; -webkit-border-radius:6px; -webkit-border-top-left-radius:0; -moz-border-radius:6px; -moz-border-radius-topleft:0; border-radius:6px; border-top-left-radius:0; } .downarrowclass, .rightarrowclass { width:8px; height:8px; background:url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/plus.png) top left no-repeat; display:inline-block; position: absolute; right: 5px; top: 53px } .rightarrowclass { background-image:url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/plus-white.png); } /* ---------------------------------------------------------------------- */ /* 05- CALL TO ACTION PANEL CSS /* ---------------------------------------------------------------------- */ #call-to-action-panel { height:90px; padding:45px 0px 25px 0px; width:1020px; margin:30px 0 0 0; background:#f0ede4; border-top:1pt solid #d8d5cd; } #call-to-action-panel h1 { color:#9dcedf; font-size:38px; } #call-to-action-panel .button-align-right { float:right; } #call-to-action-panel span { font-size:14px; } .view-portfolio-button { background:#aad5e3; background: -moz-linear-gradient(top, #aad5e3 1%, #93c9dc 50%, #83c0d4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #aad5e3), color-stop(50%, #93c9dc), color-stop(100%, #83c0d4)); background: -webkit-linear-gradient(top, #aad5e3 1%, #93c9dc 50%, #83c0d4 100%); background: -o-linear-gradient(top, #aad5e3 1%, #93c9dc 50%, #83c0d4 100%); background: -ms-linear-gradient(top, #aad5e3 1%, #93c9dc 50%, #83c0d4 100%); background: linear-gradient(top, #aad5e3 1%, #93c9dc 50%, #83c0d4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad5e3', endColorstr='#83c0d4', GradientType=0 ); padding:15px 25px; font-size:14px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#FFF; text-shadow:0px 1px #88c4d8; float:left; margin:0; position:relative; -webkit-box-shadow:0px 4px #388fad; -moz-box-shadow:0px 4px #388fad; box-shadow:0px 4px #388fad; } .view-portfolio-button:hover { margin-top:-1px; text-decoration:none; color:#FFF; -webkit-box-shadow:0px 5px #388fad; -moz-box-shadow:0px 5px #388fad; box-shadow:0px 5px #388fad; } .view-portfolio-button:active { margin-top:1px; text-decoration:none; color:#FFF; -webkit-box-shadow:0px 2px #388fad; -moz-box-shadow:0px 2px #388fad; box-shadow:0px 2px #388fad; } .user { width:20px; height:20px; display:block; background:url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/user.png) center no-repeat; text-indent:-9999px; float:right; margin:0 -5px 0 10px; } /* ---------------------------------------------------------------------- */ /* 06- FOOTER & COPYRIGHTS CSS /* ---------------------------------------------------------------------- */ #footer { width: 1020px; padding: 30px 0px 0; margin:0px; height: auto; background: #222222; } #footer h4 { color: #9dcedf; font-size: 18px; line-height: 24px; } #copyrights { width: 1020px; padding: 30px 0px; margin-left: 0px; background: #111; float:none; } #copyrights .right { float: right } #copyrights a { color: #9dcedf } #copyrights a:hover { text-decoration: underline } .backtotop { float:right; text-align:center; background:#2e2e2e; height:20px; width:20px; border-radius:2px; -moz-border-radius:2px; webkit-border-radius:2px; margin-right:-10px; margin-left:10px; } .backtotop:hover { background:#222222; } /* ---------------------------------------------------------------------- */ /* FOOTER LIST /* ---------------------------------------------------------------------- */ #footer .widget-container ul { list-style-type: none; list-style-position: outside; width: 100%; } #footer .widget-container li { color: #898989; display: block; padding: 5px 0; border-bottom: 1pt solid #333; } #footer .widget-container li a { color: #aaa } #footer .widget-container li a:hover { color: #9dcedf; text-decoration: underline; } #footer .widget-container li:first-child { border-top: 1pt solid #333; } #footer .widget-container li:last-child { border-bottom: none; } #footer .widget-container ul ul { margin: 5px 0 0 0px; } /* --------------------------------------------------------------------- */ /* NEWSLETTER FORM /* ---------------------------------------------------------------------- */ #footer-form form { margin-bottom: 0px } #footer-form fieldset { margin-bottom: 20px } #footer-form label, #footer-form legend { display: block; font-weight: bold; font-size: 13px; } #footer-form input[type="checkbox"] { display: inline } #footer-form label span, #footer-form legend span { font-weight: normal; font-size: 13px; color: #444; } #footer-form input[type="text"], #footer-form input[type="password"], #footer-form input[type="email"], #footer-form textarea, #footer-form select { padding: 7px 10px; outline: none; overflow: hidden; font-size: 11px; color: #898989; margin: 0; width: 200px; max-width: 100%; display: block; margin-bottom: 10px; background: #111111; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 1px 1px #333, inset 0px 2px 2px #0f0f0f; -moz-box-shadow: 0px 1px 1px #333, inset 0px 2px 2px #0f0f0f; -webkit-box-shadow: 0px 1px 1px #333, inset 0px 2px 2px #0f0f0f; resize: none; } #footer-form select { padding: 0 } #footer-form input[type="text"]:focus, #footer-form input[type="password"]:focus, #footer-form input[type="email"]:focus, #footer-form textarea:focus { color: #555 } #footer-form textarea { min-height: 100px } #footer-form select { width: 300px } /* ---------------------------------------------------------------------- */ /* FOOTER TWITTER FIELD /* ---------------------------------------------------------------------- */ #footer .tweet { width: auto } #footer .tweet ul { list-style-type: none; padding: 0; margin: 0px; } #footer .tweet li .tweet_text, .block .tweet li .tweet_text { float: left; margin-bottom: 10px; } #footer .tweet a, .block .tweet a { text-transform: none; display: inline; padding: 0px; font-style: italic; font: 12px Arial, Verdana, sans-serif; } #footer .tweet .tweet_time a, .block .tweet .tweet_time a { text-transform: none; display: block; font-style: italic; font-size: 12px; padding: 10px 0 0 25px; color: #9dcedf; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/twitter-feed.png) left bottom no-repeat; } #footer .tweet .tweet_time a:hover, .block .tweet .tweet_time a :hover { text-decoration: underline } /* ---------------------------------------------------------------------- */ /* FOOTER CONTACT INFO /* ---------------------------------------------------------------------- */ .widget_tcframework_contact_widget { } .widget_tcframework_contact_widget span { padding: 5px 0px 5px 30px; width: 100%; display: block; font-style: normal; } .widget_tcframework_contact_widget span.address { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/adress.png) left no-repeat } .widget_tcframework_contact_widget span.phone { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/phone-number.png) left no-repeat } .widget_tcframework_contact_widget span.email { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/mail-adress.png) left no-repeat } /* ---------------------------------------------------------------------- */ /* 07- HOMEPAGE PORTFOLIO CAROUSEL & PORTFOLIO ITEM LAYOUT /* ---------------------------------------------------------------------- */ ul#projects-carousel { overflow: hidden; position: relative; list-style: none; margin: 0; padding: 25px 0 0 0; } ul#projects-carousel li { float: left; background: #f8f9f9; width: 220px; height: auto; margin-right: 20px; padding: 0; } ul#projects-carousel li .item-content { background: #615951; float: left; width: 220px; text-align: center; padding: 0px 0 15px 0; height: auto; } .description { padding: 15px; font-size: 12px; height: 50px; } ul#projects-carousel li .item-content:hover { background: #9dcedf } ul#projects-carousel li .item-content p { margin: 0; padding: 0; font-weight: 800; color: #FFF; } ul#projects-carousel li .item-content p a { margin: 0; padding: 0; font-weight: 800; color: #FFF; } ul#projects-carousel li .item-content span { font-style: italic; color: #FFF; } ul#projects-carousel li img { width: 100%; height: auto; padding: 0; margin: 0; } .jcarousel-container { margin: 0px -20px 0px 0; max-width: 100%; padding: 0px 0 0 0; } .jcarousel-clip { overflow: hidden; width: 100%; } .jcarousel-item { margin: 0 0px 30px 0; width: 220px; } .jcarousel-next, .jcarousel-prev { background: #9dcedf url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/carousel-prev-next.png) 105% 50% no-repeat; cursor: pointer; height: 20px; position: absolute; right: 0; bottom: -25px; width: 20px; } .jcarousel-prev { background: #9dcedf url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/carousel-prev-next.png) -5% 50% no-repeat; right: 25px; } .jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active, .jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active { background-color: #9dcedf } .jcarousel-clip { overflow: hidden; width: 100%; } .jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus, .jcarousel-next-disabled:active, .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active { background-color: #615951; cursor: auto; box-shadow: inset0 0 7px #46403a; -moz-box-shadow: inset 0 0 7px #46403a; -webkit-box-shadow: inset 0 0 7px #46403a; } .portfolio-item-hover-content, .proj-img1 { position: relative; overflow: hidden; } .portfolio-item-hover-content a.zoom { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/zoom-plus.png) no-repeat; margin-left: -15px; display: inline-block; width: 52px; height: 52px; position: absolute; top: 0px; left: 45%; margin-top: -55px; z-index: 10; text-indent: -9999px; } .portfolio-item-hover-content { line-height: 0; display: block; background: transparent; z-index: 99; } .portfolio-item-holder { position: relative; overflow: hidden; height: auto; margin-bottom: 0px; } .portfolio-item-hover-content, .proj-img1 { position: relative; overflow: hidden; } .portfolio-item-hover-content .hover-options { display: block; font-style: normal; position: absolute; width: 100%; height: 100%; z-index: 9; top: 0; left: 0; background: #fff url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/portfolio-hover-bg.png) repeat; opacity: 0; filter: alpha(opacity:0); cursor: pointer; } #slider_container { border-bottom:0px solid #E1E1E1; margin-bottom:0px; padding-bottom:0px; } .flexslider.loading { min-height: 350px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/loading.gif) no-repeat center center; } .loading { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/loading.gif) no-repeat center center; } /* ---------------------------------------------------------------------- */ /* 08- BUTTONS /* ---------------------------------------------------------------------- */ .button { cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none!important; border: none; position: relative; } .button:active { text-decoration: none; top: 1px; } .button.round { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .button.cube { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .button.small { padding: 7px 12px } .button.big { padding: 8px 20px } .button.huge { padding: 15px 30px; font-size: 18px; color: #FFF!important; font-weight: bold; } .button.darkgreen { background: #59a839; background: -moz-linear-gradient(top, #59a839 0%, #3e8720 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #59a839), color-stop(100%, #3e8720)); background: -webkit-linear-gradient(top, #59a839 0%, #3e8720 100%); background: -o-linear-gradient(top, #59a839 0%, #3e8720 100%); background: -ms-linear-gradient(top, #59a839 0%, #3e8720 100%); background: linear-gradient(top, #59a839 0%, #3e8720 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a839', endColorstr='#3e8720', GradientType=0 ); color: #FFF; text-shadow: 0px 1px #1f6b00; -webkit-box-shadow: inset 0 0 7px #6fc84c, 0px 3px #307215; -moz-box-shadow: inset 0 0 7px #6fc84c, 0px 3px #307215; box-shadow: inset 0 0 7px #6fc84c, 0px 3px #307215; } .button.darkgreen:hover { -webkit-box-shadow: inset 0 0 10px #77e74a, 0px 3px #307215; -moz-box-shadow: inset 0 0 10px #77e74a, 0px 3px #307215; box-shadow: inset 0 0 10px #77e74a, 0px 3px #307215; } .button.darkgreen:active { -webkit-box-shadow: inset 0 0 15px #195700, 0px 1px #307215; -moz-box-shadow: inset 0 0 15px #195700, 0px 1px #307215; box-shadow: inset 0 0 15px #195700, 0px 1px #307215; } /* ---------------------------------------------------------------------- */ /* 09- ELASTIC SLIDER /* ---------------------------------------------------------------------- */ .ei-slider { position: relative; width: 100%; max-width: 940px; height: 350px; margin: 0 auto; } .ei-slider-loading { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 999; background: rgba(0, 0, 0, 0.9); color: #fff; text-align: center; line-height: 400px; } .ei-slider-large { height: 100%; width: 100%; position: relative; overflow: hidden; } .ei-slider-large li { position: absolute; top: 0px; left: 0px; overflow: hidden; height: 100%; width: 100%; } .ei-slider-large li img { width: 100% } .ei-title { position: absolute; left: 0%; bottom: 0%; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/caption-bg.png) repeat; width: 96%; padding: 2%; } .ei-title h3 { color: #9dcedf; text-align: left; } .ei-slider-thumbs { height: 5px; margin: -10px auto 0 auto; position: relative; } .ei-slider-thumbs li { position: relative; float: left; height: 100%; } .ei-slider-thumbs li.ei-slider-element { top: 0px; left: 0px; position: absolute; height: 100%; z-index: 10; text-indent: -9000px; background: #9dcedf; } .ei-slider-thumbs li a { display: block; text-indent: -9000px; background: #d0d0d0; height: 5px; } .ei-slider-thumbs li a:hover { background: #d0d0d0 } .ei-slider-thumbs li img { position: absolute; bottom: 50px; opacity: 0; z-index: 999; width: 135px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ei-slider-thumbs li:hover img { opacity: 1; bottom: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* ---------------------------------------------------------------------- */ /* 10- PRICING TABLE /* ---------------------------------------------------------------------- */ ul.pricing-box-list-box { margin: 0; padding: 0; list-style-type: none; } ul.pricing-box-list-box>li { background: #FFF; float: left; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } ul.pricing-box-list-box li:hover { position: relative; z-index: 100; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); cursor: pointer; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } .best-plan { position: relative; z-index: 100; top: -15px; cursor: pointer; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)!important; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)!important; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)!important; } .pricing-box-list-box .one-fourth { width: 235px; margin: 0px; box-shadow: none; -moz-box-shadow: none; webkit-box-shadow: none; } .one-fourth .pricing-table-list-box-content ul li { margin: 0 0 0 -25px; padding: 7px 0 7px 55px; list-style-type: none; text-align: left; width: 180px; } .pricing-box-list-box .one-fifth:hover, .pricing-box-list-box .one-fourth:hover, .pricing-box-list-box .one-third:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } .title-box { text-align: center } .box-header { padding-top: 5px; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } .box-header h2, .pricing-box-footer h2 { color: #FFF; text-shadow: 0px 1px 0px #005826; margin-top: 7px; } .pricing-box-footer { padding-top: 5px; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } .box-des { text-align: left } /*LIST STYLES*/ .pricing-box-container { background: #FFF; text-align: left; } .pricing-table-list-box-content { margin: 0px 0px; padding: 10px 25px 25px 25px; text-align: center; } .pricing-table-list-box-content ul { margin: 0px auto; padding: 0; list-style-type: none; } .pricing-table-list-box-content ul li { margin: 0 0 0 -25px; padding: 7px 0 7px 55px; list-style-type: none; text-align: left; width: 137px; } .included { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/checklist-icon.png) no-repeat 30px 8px } .not-included { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/checklist-icon-no.png) no-repeat 30px 8px } .star-included { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/checklist-star.png) no-repeat 30px 8px } .pricing-table-list-box-content ul li { margin: 0 0 0 -25px; padding: 7px 0 7px 51px; list-style-type: none; text-align: left; width: 137px; } /*LIST STYLES*/ /*COLUMNS SIZE (DEFAULT IS FIVE COLUMNS)*/ .one-fourth .pricing-table-list-box-content ul li { margin: 0 0 0 -25px; padding: 7px 0 7px 55px; list-style-type: none; text-align: left; width: 180px; } .one-third .pricing-table-list-box-content ul li { margin: 0 0 0 -25px; padding: 7px 0 7px 55px; list-style-type: none; text-align: left; width: 260px; } .pricing-table-list-box-content ul li:hover { box-shadow: none!important; -moz-box-shadow: none!important; webkit-box-shadow: none!important; left: 0px!important; top: 0px!important; } .pricing-table-list-box-content ul li.zebra-pricing { background-color: #f3f3f3 } .text-price { text-align: center; padding: 10px 0 5px 0; } .text-price h2 { color: #FFF; text-shadow: 0px 1px 0px #005826; margin-top: 7px; font-size: 24px; } /*PRICING TABLES COLORS*/ /*RED*/ .text-price.red { background-color: #e64135; border-top: 1px solid #f26c4f; } .box-header.red, .pricing-box-footer.red { border-bottom: 1px solid #d4271b; background-color: #e64135; } .pricing-box-footer.red { border-bottom: 4pt solid #d4271b } /*GREEN*/ .text-price.green { background-color: #59a839; border-top: 1px solid #69bf46; } .box-header.green, .pricing-box-footer.green { border-bottom: 4px solid #3a831c; background-color: #59a839; } .pricing-box-footer.green { border-bottom: 4pt solid #3a831c } /*GREEN*/ /*BLUE*/ .text-price.blue { background-color: #898989; border-top: 1px solid #a4a3a3; } .box-header.blue, .pricing-box-footer.blue { border-bottom: 4px solid #706d6d; background-color: #898989; } /*BLUE*/ /*DARK*/ .text-price.orange { background-color: #9dcedf; border-top: 1px solid #7ccae4; } .box-header.orange, .pricing-box-footer.orange { border-bottom: 4px solid #7ab0c3; background-color: #9dcedf; } /* ---------------------------------------------------------------------- */ /* 11- LISTS /* ---------------------------------------------------------------------- */ .simple-list-2, .hentry ul { margin-left: 20px; list-style: disc outside; } .hentry ol { list-style: decimal outside; margin-left: 20px; } .simple-list-2 li, .hentry li { } .hentry ul, .simple-list-2 li a { color: #898989 } .simple-list-2 li a:hover { color: #9dcedf; text-decoration: underline; } ul.center-list { text-align: center } ul.center-list li { text-align: center; display: inline; } ul.center-list li a { text-align: center; padding: 5px 5px; } ul.center-list li a:hover { text-decoration: underline } ul.dotted-list li { border-bottom: 1px dotted #bdbdbd } ul.dotted-list li { padding: 0px 0 5px 20px } .arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li { list-style: none; margin: 0; } ul.dotted-list li { padding: 5px 0 5px 20px; border-bottom: 1px dotted #bdbdbd; } li.simple-check-list { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/list-check-2.png) no-repeat 0 7px } li.simple-plus-list { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/list-plus.png) no-repeat 0 9px } li.simple-star-list { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/list-star.png) no-repeat 0 6px } li.simple-dott-list { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/list-circle.png) no-repeat 0 10px } li.simple-dash-list { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/list-dash.png) no-repeat 0 10px } li.simple-check-list-2 { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/list-check.png) no-repeat 0 10px } li.simple-arrow-list { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/list-arrow.png) no-repeat 0 11px } li.simple-heart-list { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/list-heart.png) no-repeat 0 7px } li.simple-info-list { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/list-info.png) no-repeat 0 7px } li.simple-settings-list { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/list-settings.png) no-repeat 0 7px } /* ---------------------------------------------------------------------- */ /* 12- DROPCAPS /* ---------------------------------------------------------------------- */ .dropcapsimple, .dropcapsquare, .dropcapfancy { float:left; display:inline-block; margin:0 10px 0 0; text-align:center; } .dropcapsimple { font-size:34px; height:34px; line-height:38px; width:30px; text-align:left; margin:0; } .dropcapsquare { font-size:28px; height:38px; line-height:38px; width:38px; margin-right:7px; color:#fefefe; background:#111; text-shadow:none; -moz-border-radius:4px; -webkit-border-radius:4px; } .dropcapfancy { background:#ee802a; color:#FFF; font-family:'Terminal Dosis', 'Arial', sans-serif; font-size:22px; line-height:35px; height:35px; width:35px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; border: 2pt solid #FFF; -moz-box-shadow: 0 0px 3px #b7b7b7; -webkit-box-shadow: 0 0px 3px #b7b7b7; box-shadow: 0 0px 3px #b7b7b7; } .dropcap.dark { background:#3a3a3a; color:#fff; } .dropcap.green { background:#59a839; color:#fff; } .dropcap.red { background:#e64135; color:#fff; } .dropcap.blue { background:#72c2e7; color:#fff; } .dropcap.purple { background:#954eae; color:#fff; } .dropcap.grey { background:#898989; color:#fff; } .dropcap.pink { background:#f26d7d; color: #fff; } /* ---------------------------------------------------------------------- */ /* 13- ALERTS /* ---------------------------------------------------------------------- */ .simple-error, .simple-alert, .simple-notice, .simple-success, .simple-info { padding:0.8em; margin-bottom:1em; border:1px solid #ddd; } .simple-error, .simple-alert { background:#fbe3e4; border-color:#fbc2c4; color:#e64135; } .simple-notice { background:#fff6bf; color:#514721; border-color:#ffd324; } .simple-success { background:#e6efc2; color:#264409; border-color:#c6d880; } .simple-info { background:#d5edf8; color:#205791; border-color:#92cae4; } .simple-error a, .simple-alert a { color:#8a1f11; } .simple-notice a { color:#514721; } .simple-success a { color:#264409; } .simple-info a { color:#205791; } .required { color:#e64135; } .required { color:#ed1c24; } .error { color:#e64135; text-align:left; font-size:11px; font-style:italic; font-family:"Georgia", Verdana; } .success { color:#acd373; text-align:left; font-size:11px; font-style:italic; font-family:"Georgia", Verdana; } /* ---------------------------------------------------------------------- */ /* 14- CONTACT FORM /* ---------------------------------------------------------------------- */ #contactForm .error { margin: 5px 0 0 0; display: none; } #messages .simple-success, #messages .simple-error { display: none; } #contactForm form { margin-bottom: 0px } #contactForm fieldset { margin-bottom: 0px } #contactForm label, #contactForm legend, #contactForm strong { font-family: Calibri, Arial, sans-serif, Tahoma; font-weight: bold; font-size: 14px; color: #898989; } #contactForm input[type="checkbox"] { display: inline } #contactForm label span, #contactForm legend span { font-weight: normal; font-size: 13px; color: #444; line-height: 34px; } #contactForm input[type="text"], #contactForm input[type="password"], #contactForm input[type="email"], #contactForm textarea, #contactForm select { border: 1px solid #cccccc; padding: 7px 7px; outline: none; overflow: hidden; font: 14px Calibri, "Helvetica", Arial, sans-serif; color: #777; box-shadow: inset 0px 2px 4px #f3f3f3; -moz-box-shadow: inset 0px 2px 4px #f3f3f3; -webkit-box-shadow: inset 0px 2px 4px #f3f3f3; width: 598px; max-width: 99%; display: block; margin-bottom: 10px; background: #FFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #contactForm select { padding: 0 } #contactForm textarea { width: 598px; height: 200px; resize: vertical; } #contactForm input[type="text"]:focus, #contactForm input[type="password"]:focus, #contactForm input[type="email"]:focus, #contactForm textarea:focus { border: 1px solid #bbbbbb; color: #555; box-shadow: 0px 0px 5px #CCC, inset 0px 2px 4px #f3f3f3; -moz-box-shadow: 0px 0px 5px #CCC, inset 0px 2px 4px #f3f3f3; -webkit-box-shadow: 0px 0px 5px #CCC, inset 0px 2px 4px #f3f3f3; } .caddress, .cphone, .cemail { margin-bottom: 10px; } .caddress strong, .cphone strong, .cemail strong { } /* ---------------------------------------------------------------------- */ /* 15- PORTFOLIO LAYOUTS /* ---------------------------------------------------------------------- */ .project-pagination { float:right; margin-top:10px; } .project-pagination a { font-family:"Georgia", Arial, Verdana; font-size:14px; color:#d7d7d7; font-style:italic; margin:0px 5px 0 0; } .project-pagination a:hover { color:#9dcedf; } ul#portfolio-items-one-fourth { width: 100%; min-height: 300px; overflow: hidden; } ul#portfolio-items-one-fourth li { width: 220px; margin: 0 20px 20px 0; float: left; height: 300px; overflow: hidden; } ul#portfolio-items-one-fourth li .portfolio-item { float:left; background:#f8f9f9; width:220px; height:auto; padding:0; } ul#portfolio-items-one-fourth li .item-content { background:#615951; float:left; width:220px; text-align:center; padding:0px 0 15px 0; height:auto; } #portfolio-items-one-fourth .description { padding-top:15px; font-size: 12px; } ul#portfolio-items-one-fourth li .item-content:hover { background:#9dcedf; } ul#portfolio-items-one-fourth li .item-content p { margin:0; padding:0; font-weight:800; color:#FFF; } ul#portfolio-items-one-fourth li .item-content p a { margin:0; padding:0; font-weight:800; color:#FFF; } ul#portfolio-items-one-fourth li .item-content span { font-style:italic; color:#FFF; } ul#portfolio-items-one-fourth li img { width:100%; height:auto; padding:0; margin:0; } ul#portfolio-items-one-third { overflow: hidden; position: relative; list-style: none; margin: 0; padding: 0px 0 0 0; } ul#portfolio-items-one-third li { width:300px; min-height:310px; } ul#portfolio-items-one-third li .portfolio-item { float:left; background:#f8f9f9; width:300px; height:auto; padding:0; } ul#portfolio-items-one-third li .item-content { background:#615951; float:left; width:300px; text-align:center; padding:0px 0 15px 0; height:auto; } #portfolio-items-one-third .description { padding-top:15px; } ul#portfolio-items-one-third li .item-content:hover { background:#9dcedf; } ul#portfolio-items-one-third li .item-content p { margin:0; padding:0; font-weight:800; color:#FFF; } ul#portfolio-items-one-third li .item-content p a { margin:0; padding:0; font-weight:800; color:#FFF; } ul#portfolio-items-one-third li .item-content span { font-style:italic; color:#FFF; } ul#portfolio-items-one-third li img { width:100%; height:auto; padding:0; margin:0; } .portfolio-container { width:960px; margin-right:-20px; float:left; clear: both; } .portfolio-items { width: 960px; margin: 0; } .portfolio-items:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .portfolio-items li { width: 220px; margin: 0 20px 20px 0; float: left; height: 300px; overflow: hidden; } .portfolio-items-not-filterable { width: 960px; margin: 0; } .portfolio-items-not-filterable:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .portfolio-items-not-filterable li { width: 300px; margin: 0 20px 20px 0; float: left; height: 310px; overflow: hidden; } .three-fourth .portfolio-container { width:auto; } .filterable { display: inline; float: right; margin-bottom: 20px; margin-right:20px; list-style: none; } .filterable li { float: left; margin-left: 25px; list-style: none; } .filterable li a { display: block; color: #FFF; font: bold 11px arial; text-decoration: none; text-align: center; width: 100%; height: auto; padding:5px 5px; margin:5px; background: #615951; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .filterable li.active a { color: #FFF; background: #9dcedf; } .portfolio-image { margin-bottom: 20px; } /* ---------------------------------------------------------------------- */ /* 16- TABS & ACCORDIONS /* ---------------------------------------------------------------------- */ ul.accordion { display: inline; float: left; width: 100%; margin-bottom: 30px; } ul.accordion li.accordion-item { float: left; width: 100%; background: #FFF; border-bottom: 1px solid #f0f0f0; } ul.accordion li.accordion-item:hover { background: #f9f9f9 } ul.accordion li.accordion-item.selected { background: #f9f9f9 } ul.accordion li.accordion-item.selected .accordion-switch { color: #9dcedf; font-weight: bold; } ul.accordion li.accordion-item .accordion-switch { cursor: pointer; padding-top: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 14px; font-size: 12px; color: #777; line-height: 22px; } ul.accordion li.accordion-item .togglegfx { float: left; height: 22px; width: 22px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/accordion-toggle.png) no-repeat left top; padding-right: 15px; margin-bottom: 11px; margin-top: 1px; } ul.accordion li.accordion-item.selected .accordion-switch .togglegfx { background-position: left bottom } ul.accordion li.accordion-item .accordion-content { padding-left: 25px; padding-right: 25px; } .tabs-nav { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; } .tabs-nav li { float: left; line-height: 32px; margin: 0; overflow: hidden; padding: 0; position: relative; } .tabs-nav li.active { line-height: 31px } .tabs-nav li a { background: #f8f8f8; border: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-left: none; color: #959393; display: block; letter-spacing: 0; outline: none; padding: 0 16px; text-decoration: none; text-shadow: 0 1px 0 #fff; } .tabs-nav li:first-child a { border-left: 1px solid #eaeaea } .tabs-nav li a:hover { background: #f0f0f0 } .tabs-nav li.active a { color: #9dcedf } .tabs-nav li.active a { background: #fff; border-bottom: 2px solid #fff; border-top: 1px solid #9dcedf; } .tabs-container { border: 1px solid #eaeaea; margin: -1px 0 20px; overflow: hidden; width: 100%; } .tab-content { padding: 20px } /* ---------------------------------------------------------------------- */ /* 17- BLOG LAYOUT /* ---------------------------------------------------------------------- */ #content h1 { margin-bottom: 30px; } .hentry { padding: 0 0; margin:0 0; } .single .hentry { margin-bottom: 0; } .archive .hentry, .page-template-template-blog-php .hentry, .search .hentry { border-bottom: 0px solid #E1E1E1; margin-bottom: 25px; } .entry-body { float: left; margin: 10px 0 0 0; width: 555px; } .entry-body header h3, .entry-body p { margin: 7px 0px; } .page-body { width: 100%; float: left; } .readmore a { font-size: 14px; font-family: "Georgia", Verdana; font-style: italic; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/blog-permalink.png) left bottom no-repeat; padding-left: 15px; -webkit-transition: all 0.2s ease, top 0ms linear; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .readmore a:hover { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/blog-permalink.png) left top no-repeat } .entry-meta { color: #878787; float: left; margin: 10px 20px 0 0; text-align: center; width: 86px; font-size: 12px; line-height: 20px; } .entry-meta ul { margin: 0 } .entry-meta li { list-style: none; margin: 0; } .entry-meta .title { font-weight: bold } .post-format { background-color: #ddd; background-image: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/blog-icons/icon-post-format-standard.png); background-repeat: no-repeat; background-position: 50% 50%; color: #959393; display: inline-block; height: 40px; margin: 0 0 10px 0; text-align: left; text-indent: -9999px; width: 40px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .post-date { width: 54px; height: auto; float: left; text-align: center; margin-right: 10px; display: block; background: #38abd3; text-shadow: 0px 1px #81bcd1; padding: 12px 12px; border: 1px solid #dedede; } .post-month { display: block; color: #FFF; } .post-day, .post-year { display: block } .post-day { font-size: 36px; color: #FFF; margin: 6px 0 10px 0; } .post-year { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/post-meta-divider.png) top repeat-x; color: #FFF; padding: 3px 0 0 0; } .post-intro { float: left; width: 615px; } .hentry blockquote { background: #f8f8f8 url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/quote.png) no-repeat 17px 21px; font: italic 15px/1.6 "Georgia", Times, 'Times New Roman', serif; padding: 20px 20px 20px 55px; border-bottom: 1pt solid #e1e1e1; margin: 0px 0 20px 0; float: left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } blockquote.alignleft { float:left; margin:10px 10px 10px 0; width:300px; } blockquote.alignright { float:right; margin:10px 0 10px 10px; width:300px; } .mediaitem { margin: 0 0 20px 0 } .sidebarBox { border-bottom: nonr; margin: 0 0 20px 0; padding: 0 0 0 0; font-size: 12px; border:1px solid #eeeeee; } .sidebarBox ul { margin:0px; padding:10px; } .sidebarBox.last { margin-bottom:0px; } .sidebarBox.first { border:0px; } .sidebarBox h4 { background:#eeeeee; margin:0px; padding:10px 0px; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size:20px; text-indent:10px; } .sidebarBox li { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/simple-nav-arrow.png) no-repeat 0 11px; border-top: 1px dotted #eeeeee; list-style: none; margin: 0; display: block; padding: 5px 0 5px 15px; } .sidebarBox li:first-child { border-top:0px dotted #ced8df } .sidebarBox a { color: #868686; font-size:14px; } .sidebarBox a:hover { } img.fb_share_link { padding: 0px 0 0 0px; margin: 0px 5px -10px 0px; } #pagination { list-style: none } #pagination li { display: inline } #pagination span, #pagination a { display: block; float: left; padding: 4px 10px; margin-right: 7px; border: 1px solid #e1e1e1; -webkit-box-shadow: inset 0 0 10px #f5f5f5; -moz-box-shadow: inset 0 0 10px #f5f5f5; box-shadow: inset 0 0 10px #f5f5f5; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #898989; } #pagination .current { background-color: #f5f5f5 } #pagination .current:hover { border: 1pt solid #c2c2c2 } .widget_search { border-bottom: none; } #s { background: #FFF url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/search-bg.png) right no-repeat; border:none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 96%; padding: 8px 5px; color: #acacac; border: solid 1px #ababab;/*-moz-box-shadow: 0 0px 3px #b7b7b7; -webkit-box-shadow: 0 0px 3px #b7b7b7; box-shadow: 0 0px 3px #b7b7b7;*/ } #s:focus { -moz-box-shadow: 0 0px 3px #909090; -webkit-box-shadow: 0 0px 3px #909090; box-shadow: 0 0px 3px #909090; } #searchsubmit { position: absolute; left: -1000em; } .screen-reader-text { position: absolute; left: -1000em; } .search-place { margin: 30px 0 } .author { border-bottom: 1px solid #E1E1E1; padding:10px 10px; margin: 30px 0px; clear: both; background: #f0f0f0; } .author .author-gravatar { float:left; margin:0 20px 20px 0; } .author .author-description { font-style: italic; } #comments { clear: both; margin: 30px 0; } .inner-comment { margin-left: 75px } .comment { margin-bottom: 10px; overflow: hidden; } .comment article { position: relative; } .comment-author { float: left; margin-right: 10px; padding-bottom: 10px; } .commentlist ul.children { padding-left: 40px; } .commentlist .authormeta { float: left; } .commentlist .comment-author img, .commentlist .comment-author h3, .commentlist .comment-author .datetime { float: left; line-height: 38px; margin: 0 10px 0 0; padding: 0; } .commentlist .comment-author .datetime { clear: none; color: #EBEBEB; float: left; margin-right: 0; margin-top: 4px; } .comment-text { background: #f5f5f5; padding: 0 20px; border: 1pt solid #ebebeb; clear: left; float: none; margin-bottom: 10px; white-space: pre-line; word-wrap: break-word; } .comment-text p { margin-bottom: 0; } img.avatar { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; vertical-align: middle; } .comment cite { font-size: 18px; line-height: 24px; font-style: normal; } .comment-reply-link { display: block; clear: both; float: right; } #commentform label { font-weight: bold; display: block; color: #7f7f7f; } #commentform input[type=text], #commentform input[type=password], #commentform input[type=email], #commentform input[type=url], #commentform input.text, #commentform input.title, #commentform textarea, #commentform select { background-color: #f8f8f8; border: 1px solid #e8e8e8; border-radius: 3px 3px 3px 3px; font-size: 12px; padding: 4% 0; width: 96%; } #commentform input[type=text]:focus, #commentform input[type=password]:focus, #commentform input[type=email]:focus, #commentform input[type=url]:focus, #commentform input.text:focus, #commentform input.title:focus, #commentform textarea:focus, #commentform select:focus { border-color: #c2c2c2; outline: 0; } #commentform input[type=text], #commentform input[type=password], #commentform input[type=email], #commentform input.text, #commentform input.title, #commentform textarea, #commentform select { margin: 5px 0 } #commentform textarea { width: 99%; height: 180px; padding: 4% 0; resize: none; } #commentform input[type=submit] { } /* alignments */ .alignleft, img.alignnone { margin: 14px 10px 14px 0px; display: inline; border: solid 1px #cccccc; padding: 3px 3px; } .alignleft, img.alignleft { margin:0 24px 24px 0; display: inline; float: left; border: solid 1px #cccccc; padding: 3px 3px; } .alignright, img.alignright { margin-left: 24px; display: inline; float: right; border: solid 1px #cccccc; padding: 3px 3px; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; border: solid 1px #cccccc; padding: 3px 3px; } /* ---------------------------------------------------------------------- */ /* 18- OTHER FEATURES LAYOUT /* ---------------------------------------------------------------------- */ .not-found-text { text-align: center; font-size: 100px; line-height: 100px; border-bottom: 1pt solid #E1E1E1; margin-bottom: 100px; padding-bottom: 30px; } .intro-page h2 { text-align: center } .intro-page h2 strong { color: #9DCEDF; font-weight:normal } .intro-page { margin: 0 0 0px 0; border-top: 0pt solid #d8d5cd; padding: 30px 0; } .resize img { max-width: 100%; max-height: 100%; } video { width: 100%; height: auto; } ul.team-memebers li { text-align: center; float: left; margin-right: 20px; } ul.team-memebers li.last { margin-right: 0px } #contact-map { width: 1000px; border: solid 1px #ababab; padding: 6px 6px; margin-bottom: 24px; } #contact-map iframe { width:100%; } img.intro-img { } img.team-member { width: 70px; height: 70px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0px 1px 1px #615951; -moz-box-shadow: 0px 1px 1px #615951; -webkit-box-shadow: 0px 1px 1px #615951; } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } blockquote { padding: 0px 10px 0px 35px; line-height: 24px; background-image: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/quote.png); background-position: 0% 10%; background-repeat: no-repeat; color: #999999; } blockquote span { color: #666666 } .button-holder-2 { float: right; margin-top: 5px; } pre, code { border: 1px solid #e1e1e1; border-left: 5px solid #e1e1e1; width: 96%; margin-bottom: 20px; padding: 2%; font-size: 11px; display: inline-block; background-color: #f5f5f5; } .pdf { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/pdf-icon.png) no-repeat 5px 12px; padding: 15px 10px 10px 65px; width: 125px; min-height: 48px; } .skype-call { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/icons/skype-icon.png) no-repeat 5px 12px; padding: 15px 10px 10px 65px; width: 125px; min-height: 48px; } #map { height: 275px; margin: 0px 0 30px -40px; position: relative; width: 1020px; } #map:before, #map:after { background: none; -webkit-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1); -moz-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1); box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1); content: ''; left: 0; position: absolute; top: 0; width: 100%; } #map:after { bottom: 0; top: auto; } ul.buttons li { display: list; margin: 25px 0; } ul.buttons-huge li { display: list; margin: 45px 0; } .inner-page-intro { width: 100%; height: auto; float: left; padding: 0px 0; margin-bottom: 30px; border-bottom: 1pt solid #e1e1e1; } .add-widget { sssbackground: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/lib/shortcodes/images/lists/addlist.png)left center no-repeat; background:url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/plus.png) left center no-repeat; padding: 2px 2px 2px 13px; font-weight: bold; display: block; margin-top: 20px; } .help { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #eee; padding:20px; } .help p { margin-bottom: 0; } #ss_header { background: #ffffff url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_top_header.png) repeat-x top; float: left; width: 100%; clear: both; } #ss_contents { float: left; width: 100%; clear: both; } .top_header, .menus_header { width: 1020px; clear: both; margin: 0px auto; } .ss_search { float: right; width: 124px; margin: 8px 0px 0px 10px; } .ss_search #s { padding: 5px 5px !important; font-size: 11px; } #ss_top_options { margin: 6px 0px 0px 0px; display: inline-block; float: left; } .ss_chat_header { font-family: 'Conv_ROCK'; font-size: 14px; color: #ffffff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_chat_header.png) repeat-x; display: inline-block; padding: 0px 7px 0px 4px; font-weight: bold; text-shadow: 1px 1px 0px #ab4d12; line-height: 26px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: solid 1px #0d0d0d; margin: 0px 6px; float: left; } .ss_chat_header:hover { color: #fff5b4; } .ss_chat_header span { display: inline-block; height: 26px; width: 28px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/img_chat_header.png) no-repeat; float: left; margin: 0px 6px 0px 1px; } .ss_country_header { font-family: 'Conv_ROCK'; font-size: 14px; color: #ffffff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_country_header.png) repeat-x; display: inline-block; padding: 0px 7px 0px 4px; font-weight: bold; text-shadow: 1px 1px 0px #438328; line-height: 26px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: solid 1px #0d0d0d; margin: 0px 6px; float: left; } .ss_country_header:hover { color: #fff5b4; } .ss_country_header span { display: inline-block; height: 26px; width: 28px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/img_country_headers.png) no-repeat; float: left; margin: 0px 6px 0px 1px; } .ss_country_header span.arrow { display: inline-block; height: 26px; width: 10px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/arrow_downs.png) no-repeat 0px 11px !important; float: right !important; margin: 0px 2px 0px 5px !important; } #ss_footer { float: left; width: 100%; clear: both; } .ss_slider { background:url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_sliders.jpg) repeat-x left; height: 431px; clear: both; width: 100%; float: left; overflow: hidden; } #why_choose { border: solid 1px #e2e1df; background: #f1efed; float: left; padding: 14px 0px; width: 100%; clear: both; } #why_choose .why_choose_content { width: 1000px; margin: 0px auto; } #why_choose .texts_content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 16px; width: 25%; margin-right: 10px; color: #666666; line-height: 18px; display: inline-block; } #why_choose .why_choose_content h3 { margin: 10px 0px; padding: 0px 0px; font-size: 25px; color: #e2761b; } #why_choose .texts_content p { padding: 0px 0px; margin: 10px 0px; } #why_choose .boxes_content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 16px; width: 70%; margin-left: 20px; color: #666666; line-height: 18px; display: inline-block; vertical-align: top; padding: 10px 0px; } #why_choose .textx_boxes { font-family: 'Monda', sans-serif; font-size: 13px; width: 21%; color: #666666; line-height: 16px; display: inline-block; text-align: center; min-height: 124px; } #why_choose .boxes_content img { display: block; margin: 6px auto; text-align: center; } #why_choose .add { font-family: 'Monda', sans-serif; font-size: 30px; width: 3%; display: inline-block; color: #666666; min-height: 77px; vertical-align: bottom; } #why_choose .textx_boxes big { font-family: 'Monda', sans-serif; font-size: 30px; color: #e2861b; display: inline-block; line-height: 30px; } #homesplans { width: 100%; margin: 10px 0px; } #homesplans .title { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_plan_heading.png) repeat-x 0px 25px; font-family: 'Monda', sans-serif; font-size: 30px; text-align: center; color: #3393b2; } #homesplans .title span { background: #ffffff; padding: 6px 10px; } #homesplans .plans { font-family: 'Monda', sans-serif; font-size: 13px; color: #454545; text-align: center; display: inline-block; vertical-align: top; margin: 10px 14px; width: 30%; } #homesplans .plans p { margin: 0px 0px 18px 0px; } #homesplans .plans a { background:#4aa3e0; color:#FFF; border-radius:3px; padding:8px 15px; margin:10px 0px 0px 0px; } #hostingplans .plans a { background:#4aa3e0; color:#FFF; border-radius:3px; padding:8px 15px; margin:10px 0px 0px 0px; } #homesplans .plans p.prices { font-family: 'Monda', sans-serif; font-size: 14px; color: #999999; margin: 0px 0px 18px 0px; line-height: 14px; } #homesplans .plans p.prices big { font-family: 'Monda', sans-serif; font-size: 35px; color: #124f7b; line-height: 35px; } #homesplans .plans big.ssblue { font-family: 'Monda', sans-serif; font-size: 25px; color: #3393b2; } #homesplans .plans big.ssgreen { font-family: 'Monda', sans-serif; font-size: 25px; color: #54a33c; } #homesplans .plans big.sspink { font-family: 'Monda', sans-serif; font-size: 25px; color: #ad4672; } #homesplans .plans ul { list-style: none; padding: 0px 0px; margin: 10px 0px 20px 0px; float:left; width:100%; } #homesplans .plans ul li { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 14px; color: #454545; border-bottom: solid 1px #dedede; line-height:23px; text-align: center; padding:10px 6px; border-top: solid 1px #dedede; margin: 0px 0px -1px 0px; } #homfeatures { width: 100%; margin: 10px 0px; } #homfeatures .boxes { display: inline-block; vertical-align: top; } #homfeatures .boxes h3 { font-family: 'Monda', sans-serif; font-size: 25px; color: #00bbff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_features.png) no-repeat left bottom; margin: 0px 0px; padding: 6px 0px; } #homfeatures .boxes p { margin: 0px 0px; } #homfeatures .left { width: 64%; margin: 0px 10px 0px 0px; } #homfeatures .boxes ul { list-style: none; padding: 0px 0px; margin: 24px 0px 10px 0px; } #homfeatures .boxes ul li { font-family: Calibri, Arial, sans-serif, Tahoma; font-size:14px; width:47%; display: inline-block; color: #777777; line-height: 18px; padding:0px 15px 30px 0px; } #homfeatures .boxes ul li big { font-family: 'Coustard', serif; font-size: 18px; color: #454545; line-height: 30px; } #homfeatures .boxes ul li img { margin: 0px 10px 14px 0px; } #homfeatures .right { width: 33%; margin: 0px 0px 0px 10px; } #homfeatures .right img { max-width: 329px; width: 100%; margin-top:22px; } #homeclients { width: 100%; padding: 24px 0px; } #homeclients h3 { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 21px; color: #1296db; font-weight: normal; padding: 0px 0px; margin: 14px 0px; text-align: center; } .bg_footers { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_footers_1.png) repeat-x bottom; display: block; width: 100%; } .bg_footers .bg_footers_images { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_footers.png) no-repeat bottom; width: 100%; height: 124px; } .bg_footers .twitter { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_footer_twitter.png) repeat-x; width: 100%; } .bg_footers .twitter_content { margin: 0px auto; width: 1000px; padding: 6px 10px; } .bg_footers .twitter_content .getin_touch { margin: -21px 0px 0px 0px; position: absolute; width: 150px; height: 40px; } .bg_footers .twitter_content .content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 15px; width: 70%; margin: 0px 0px 0px 160px; color: #666666; padding: 10px 0px; } .bg_footers .twitter_content .content img { margin: 0px 6px; } #ss_footers { width: 100%; background: #4aa3e0; padding: 14px 0px; color: #ffffff; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 11px; } #ss_lower_footer { width: 100%; background: #12476e; padding: 14px 0px; color: #ffffff; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 11px; } #footer_top_ss, #footer_bottom_ss { width: 990px; margin: 0px auto; } #footer_top_ss .first { display: table-cell; padding-right: 6px; width: 412px; } #footer_top_ss .first h4 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 24px; color: #ffffff !important; padding:5px 0px 16px 0px; margin: 0px 0px; } #footer_top_ss .first ul { list-style: none; padding: 0px 0px; margin: 6px 0px; } #footer_top_ss .first ul li { display: inline-block; color: #ffffff; width: 166px; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 14px; border: solid 0px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bullet_footer.png) no-repeat 0px 7px; padding: 2px 2px 2px 18px; } #footer_top_ss .first ul li a { color: #ffffff; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 14px; } #footer_top_ss .second { display: table-cell; padding-right: 6px; width: 254px; padding-left: 6px; } #footer_top_ss .second h4 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 24px; color: #ffffff; padding: 21px 0px 0px 0px; margin: 0px 0px; } #footer_top_ss .third h4 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 24px; color: #ffffff !important; padding:5px 0px 16px 0px; margin: 0px 0px; } #footer_top_ss .second .ss_blog { margin: 14px 0px 24px 0px; } #footer_top_ss .second .dtimes { display: inline-block; width: 42px; } #footer_top_ss .second .dtimes span { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 21px; color: #1277cc; background: #ffffff; display: block; padding: 10px 0px; line-height: 25px; text-align: center; display: block; margin: 3px 0px; } #footer_top_ss .second .dtimes span.month { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 14px; color: #ffffff; background: #1277cc; display: block; padding: 3px 0px; line-height: 16px; text-align: center; display: block; margin: 3px 0px; } #footer_top_ss .second .content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; color: #ffffff; vertical-align: top; line-height: 16px; display: inline-block; width: 186px; margin: 0px 7px; } #footer_top_ss .second .content a { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 13px; color: #141414; line-height: 24px; } #footer_top_ss .third { display: table-cell; width: 275px; padding-left: 6px; } #footer_top_ss .third p { margin: 14px 0px; } #footer_top_ss .third table { margin: 10px 0px; } #footer_top_ss .third table td { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; color: #ffffff; padding: 2px 5px; text-align: left; } #footer_top_ss .third table td a { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; color: #ffffff; } #footer_top_ss .third h5 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 16px; color: #ffffff; margin: 14px 0px 7px 0px; padding: 0px 0px; } #footer_bottom_ss .footer_links { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 11px; color: #ffffff; display: table-cell; width: 686px; } #footer_bottom_ss .footer_links ul, #footer_bottom_ss .footer_links p { padding: 0px 0px; margin: 3px 0px; } #footer_bottom_ss .footer_links ul li { display: inline; padding: 0px 3px 0px 0px; background: none; border: solid 0px; } #footer_bottom_ss .sidebarBox { margin: 0px 0px; } #footer_bottom_ss .footer_links a { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 11px; color: #ffffff; } #footer_bottom_ss .promotional { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 11px; color: #dedede; text-align: right; display: table-cell; width: 321px; font-weight: normal; line-height:19px; } #inner_header { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/inner_header_bg.png) repeat-x; width: 100%; float: left; } #inner_header .inner_header { width: 1000px; height: 130px; overflow: hidden; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 45px; color: #ffffff; line-height: 130px; padding: 0px 0px; } #inner_header .bgs { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/inner_header_right.png) no-repeat right; background-size:contain; width: 100%; background-size: 630px; } .ss_page_content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 14px; color: #454545; line-height: 21px; } .ss_page_content h2 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 24px; color: #454545; text-align: center; line-height: 24px; margin: 0px 0px; padding: 24px 0px 10px 0px; } .three_column_plans { display: inline; float: left; margin: 0 10px; overflow: hidden; width: 970px; } a.ss_button { display:inline-block; font-size:12px; font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; letter-spacing:-0.5px; text-shadow:0 1px 0 #474747; color:#fff; cursor:pointer; text-decoration:none; margin:0 0 3px; padding:7px 45px 5px 45px; } @media screen and (-webkit-min-device-pixel-ratio:0) { a.ss_button { padding:7px 45px 5px 45px; } } @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { a.ss_button { padding:7px 45px 5px 45px; } } a:hover.ss_button { text-decoration:none; } .ss_button.small { font-size:12px; } .ss_button.medium { font-size:14px; } .ss_button.large { font-size:16px; padding:6px 45px 11px 45px; } .ss_button.button_gray { background: -moz-linear-gradient(top, #8d8d8d, #666666); background: -webkit-linear-gradient(top, #8d8d8d, #666666); background: -o-linear-gradient(top, #8d8d8d, #666666); background-color: #666666; border-bottom:3px solid #4a4a4a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ss_button.button_gray:hover { background: -moz-linear-gradient(top, #666666, #8d8d8d); background: -webkit-linear-gradient(top, #666666, #8d8d8d); background: -o-linear-gradient(top, #666666, #8d8d8d); background-color: #8d8d8d; } .ss_button.button_gray:active { margin-top:3px; border-bottom:none; } .ss_button.button_white { background: -moz-linear-gradient(top, #f7f7f7, #e6e6e6); background: -webkit-linear-gradient(top, #f7f7f7, #e6e6e6); background: -o-linear-gradient(top, #f7f7f7, #e6e6e6); background-color: #e6e6e6; border-bottom:3px solid #a6a6a6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#7b7b7b; text-shadow:0 1px 0 #fff; } .ss_button.button_white:hover { background: -moz-linear-gradient(top, #e6e6e6, #f7f7f7); background: -webkit-linear-gradient(top, #e6e6e6, #f7f7f7); background: -o-linear-gradient(top, #e6e6e6, #f7f7f7); background-color: #f7f7f7; } .ss_button.button_white:active { margin-top:3px; border-bottom:none; } .ss_button.button_red { background: -moz-linear-gradient(top, #fe6464, #e62929); background: -webkit-linear-gradient(top, #fe6464, #e62929); background: -o-linear-gradient(top, #fe6464, #e62929); background-color: #e62929; border-bottom:3px solid #b30f0f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ss_button.button_red:hover { background: -moz-linear-gradient(top, #e62929, #fe6464); background: -webkit-linear-gradient(top, #e62929, #fe6464); background: -o-linear-gradient(top, #e62929, #fe6464); background-color: #fe6464; } .ss_button.button_red:active { margin-top:3px; border-bottom:none; } .ss_button.button_orange { background: -moz-linear-gradient(top, #f3963a, #e47405); background: -webkit-linear-gradient(top, #f3963a, #e47405); background: -o-linear-gradient(top, #f3963a, #e47405); background-color: #e47405; border-bottom:3px solid #ac5601; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ss_button.button_orange:hover { background: -moz-linear-gradient(top, #e47405, #f3963a); background: -webkit-linear-gradient(top, #e47405, #f3963a); background: -o-linear-gradient(top, #e47405, #f3963a); background-color: #f3963a; } .ss_button.button_orange:active { margin-top:3px; border-bottom:none; } .ss_button.button_blue { background: -moz-linear-gradient(top, #54baec, #2395cc); background: -webkit-linear-gradient(top, #54baec, #2395cc); background: -o-linear-gradient(top, #54baec, #2395cc); background-color: #2395cc; border-bottom:3px solid #2a7396; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ss_button.button_blue:hover { background: -moz-linear-gradient(top, #2395cc, #54baec); background: -webkit-linear-gradient(top, #2395cc, #54baec); background: -o-linear-gradient(top, #2395cc, #54baec); background-color: #54baec; } .ss_button.button_blue:active { margin-top:3px; border-bottom:none; } .ss_button.button_green { background: -moz-linear-gradient(top, #a1c63b, #7aa602); background: -webkit-linear-gradient(top, #a1c63b, #7aa602); background: -o-linear-gradient(top, #a1c63b, #7aa602); background-color: #7aa602; border-bottom:3px solid #577601; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ss_button.button_green:hover { background: -moz-linear-gradient(top, #7aa602, #a1c63b); background: -webkit-linear-gradient(top, #7aa602, #a1c63b); background: -o-linear-gradient(top, #7aa602, #a1c63b); background-color: #a1c63b; } .ss_button.button_green:active { margin-top:3px; border-bottom:none; } #hostingplans { width: 100%; margin: 10px 0px; } #hostingplans .title { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_plan_heading.png) repeat-x 0px 25px; font-family: 'Monda', sans-serif; font-size: 30px; text-align: center; color: #3393b2; } #hostingplans .title span { background: #ffffff; padding: 6px 10px; } #hostingplans .plans { font-family: 'Monda', sans-serif; font-size: 13px; color: #454545; text-align: center; display: inline-block; margin: 5px 3px; width: 23%; box-shadow: 0px 0px 3px 2px #cccccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 0px 0px; } #hostingplans .plans p { margin: 0px 0px 18px 0px; } #hostingplans .plans p.heading { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 24px; color: #a74b16; border-bottom: solid 3px #c8a707; background: #f8d320; line-height: 35px; padding: 6px 0px; } #hostingplans .plans p.prices { font-family: 'Monda', sans-serif; font-size: 10px; color: #999999; margin: 0px 0px 18px 0px; line-height: 14px; } #hostingplans .plans p.prices big { font-size: 35px; color: #124f7b; line-height: 35px; } #hostingplans .plans big.ssblue { font-size: 21px; color: #3393b2; } #hostingplans .plans big.ssgreen { font-size: 21px; color: #54a33c; } #hostingplans .plans big.sspink { font-family: 'Monda', sans-serif; font-size: 21px; color: #ad4672; } #hostingplans .plans ul { list-style: none; padding: 0px 0px; margin: 10px 0px 20px 0px; float:left; width:100%; } #hostingplans .plans ul li { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 14px; color: #6c6448; border-bottom: solid 1px #dedede; line-height:11px; text-align: left; padding:16px 6px; border-top: solid 1px #dedede; margin: 0px 0px -1px 0px; background: #fdf5ce; text-indent:5px; } #hostingplans .plans ul li.alt { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 14px; color: #6c6448; border-bottom: solid 1px #dedede; line-height:11px; text-align: left; padding:16px 6px; border-top: solid 1px #dedede; margin: 0px 0px -1px 0px; background: #fcec9d; text-indent:5px; } .contentInfoBox { clear:both; margin:20px 0px; text-align:center; background:#fff url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_livechat.png) left bottom repeat-x; border:1px solid #ddd; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 4px 12px rgba(0, 0, 0, 0.08); box-shadow:0 4px 12px rgba(0, 0, 0, 0.08); } .contentInfoBox p { padding:14px; } .textwidget .ticks li { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/ic_ticks_sidebar.png) no-repeat 3px 6px !important; padding: 4px 4px 4px 24px !important; border: solid 0px !important; font-family: Calibri, Arial, sans-serif, Tahoma !important; font-size: 13px !important; } .metaRight { border-top: 1px dotted #CDCDCD; border-bottom: 1px dotted #CDCDCD; padding: 6px 0; font-size: 11px; } .metaRight img { vertical-align: middle; margin-right: 3px; border: none; padding: 0; } ul.clients { list-style: none; padding: 0px 0px; margin: 10px 0px; } ul.clients li { display: inline-block; padding: 0px 0px; width: 135px; margin: 14px 16px; text-align: center; border: solid 1px #ababab; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } ul.clients li a { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 14px; color: #454545; display: block; background: #f0f0f0; padding: 4px 6px; text-align: center; } .sslider_content { vertical-align: bottom; display: inline-block; width: 54%; } .sslider_images { vertical-align: bottom; display: inline-block; width: 43%; } .sslider_content h1 { font-family: 'Dosis', 'Verdana', sans-serif; text-transform: uppercase; font-size: 63px; color: #ffffff; font-weight: normal; display: block; padding-bottom: 39px; } .sslider_content h1 small { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; text-transform: capitalize; font-size: 27px; color: #72ceff; } .sslider_content .sslider_features { list-style: none; margin: 37px 0px; } .sslider_content .sslider_features li { display: inline-block; font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 15px; color: #ffffff; width: 166px; margin-right: 10px; line-height: 18px; } .sslider_content .sslider_features li img { margin: 0px 4px 6px 0px; border: solid 0px; float: left; } .sslider_content .sslider_footers { display: block; border-top: solid 1px #dedede; padding-top: 35px; margin: 37px 0px; } .sslider_content .sslider_prices, .sslider_content .sslider_orders { display: inline-block; padding: 0px 10px; width: 46%; vertical-align: top; } .sslider_content .sslider_prices ul { list-style: none; padding: 0px 0px; margin: 0px 0px; } .sslider_content .sslider_prices ul li { display: inline-block; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; width: 45%; font-size: 14px; color: #ffd98d; line-height: 18px; } .sslider_content .sslider_prices ul li big { display: block; font-size: 29px; line-height: 29px; } .sslider_content .sslider_orders a { border: solid 1px #5c5220; display: inline-block; padding: 0px 0px; line-height: 35px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sslider_content .sslider_orders a span { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 14px; color: #454545; text-shadow: 1px 1px 1px #ffffff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_link.png) repeat-x; padding: 6px 10px; margin: 3px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .gambar { max-width: 100%; height: auto; } /*-------------------------------------------*/ /* #Tablet (Portrait)*/ /*-------------------------------------------*/ @media only screen and (min-width: 768px) and (max-width: 959px) { /*--------------------------------------*/ /*COLUMNS*/ /*--------------------------------------*/ .container { width: 708px; } .one-half { width: 324px; } .one-third { width: 222px; } .two-third { width: 464px; } .one-fourth { width: 162px; } .three-fourth { width: 526px; } .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-column { float: left; margin-right: 20px; margin-bottom: 20px; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-right: 0px } /*--------------------------------------*/ /*MAIN NAVIGATION*/ /*--------------------------------------*/ #main-navigation { width:500px; } #main-navigation ul li { margin:0 0 0 10px; } #main-navigation li a { color: #898989; font-family: 'Dosis', 'Verdana', sans-serif; font-size: 16px; font-weight:normal; display: block; padding: 47px 7px 50px 7px; margin:0px 0px 10px 0; position: relative; text-align: center; text-transform:uppercase; } /*--------------------------------------*/ /*BODY LAYOUT*/ /*--------------------------------------*/ #page { height:auto; width:748px; background:#FFF; padding:0px; margin:20px auto 0; float:none; } #footer { width:auto; padding:30px 0px 0; margin:0px; height:auto; background:#222222; } #copyrights { width:auto; padding:10px 0px 10px 0px; margin-left:0px; float:none; background:#111; } .center-page { height: auto; width: auto; margin:0 auto; padding: 0px; } #call-to-action-panel { height:90px; padding:45px 0px 25px 0px; width:auto; margin-left:0px; } #pre-header { float:left; width:708px; padding:0 20px; height:40px; } #responsive-main-nav-menu { display: block; width: 100%; float: right; height: auto; margin-top: 0px; } #main-navigation { display: none; } #navigation-wrapper #main-navigation ul { display: none } #footer-form input[type="text"], #footer-form input[type="password"], #footer-form input[type="email"], #footer-form textarea, #footer-form select { width: 152px; } #call-to-action-panel h1 { font-size:28px; line-height:28px; } /*--------------------------------------*/ /*PRICING TABLE*/ /*--------------------------------------*/ .pricing-box-list-box .one-fourth { width:187px!important; margin:0px!important; box-shadow:none; -moz-box-shadow:none; webkit-box-shadow:none; } .one-fourth .pricing-table-list-box-content ul li { margin:0 0 0 -25px; padding:7px 0 7px 55px; list-style-type:none; text-align:left; width:132px!important; } /*--------------------------------------*/ /*INTRO PAGE IMG */ /*--------------------------------------*/ img.intro-img { margin-left:-20px!important; max-width:748px!important; max-height:100%; margin-bottom:30px; border-bottom:1pt solid #d8d5cd; } /*--------------------------------------*/ /*BLOG LAYOUT */ /*--------------------------------------*/ .entry-body { float: left; margin: 10px 0 0 0; width: 380px!important; } /*--------------------------------------*/ /*BUTTON HUGE RESIZE */ /*--------------------------------------*/ .button.huge { padding:10px 20px; font-size: 16px; color:#FFF!important; font-weight:bold; } /*--------------------------------------*/ /*HOMEPAGE PORTFOLIO CAROUSEL*/ /*--------------------------------------*/ ul#projects-carousel li { width:158px; } ul#projects-carousel li .item-content { width:158px; } /*--------------------------------------*/ /*OTHER STUFF*/ /*--------------------------------------*/ .flex-caption h2 { color:#9dcedf; font-size:23px; text-shadow:none; } .view-portfolio-button { padding:10px 20px; font-size:12px; } /*--------------------------------------*/ /*PORTFOLIO LAYOUTS*/ /*--------------------------------------*/ .portfolio-container { width:728px; margin-right:-20px; float:left; } ul#portfolio-items-one-fourth { overflow: hidden; position: relative; list-style: none; margin: 0; padding: 0px 0 0 0; } ul#portfolio-items-one-fourth li { width:162px; min-height:300px; height:300px !important; } ul#portfolio-items-one-fourth li .portfolio-item { float:left; background:#f8f9f9; width:162px; height:auto; padding:0; } ul#portfolio-items-one-fourth li .item-content { background:#615951; float:left; width:162px; text-align:center; padding:0px 0 15px 0; height:auto; } #portfolio-items-one-fourth .description { padding-top:15px; } ul#portfolio-items-one-fourth li .item-content:hover { background:#9dcedf; } ul#portfolio-items-one-fourth li .item-content p { margin:0; padding:0; font-weight:800; color:#FFF; } ul#portfolio-items-one-fourth li .item-content p a { margin:0; padding:0; font-weight:800; color:#FFF; } ul#portfolio-items-one-fourth li .item-content span { font-style:italic; color:#FFF; } ul#portfolio-items-one-fourth li img { width:100%; height:auto; padding:0; margin:0; } ul#portfolio-items-one-third { overflow: hidden; position: relative; list-style: none; margin: 0!important; padding: 0px 0 0 0; } ul#portfolio-items-one-third li { width:236px; height:207px!important; } ul#portfolio-items-one-third li .portfolio-item { float:left; background:#f8f9f9; width:236px; height:auto; padding:0!important; } ul#portfolio-items-one-third li .item-content { background:#615951; float:left; width:236px; text-align:center; padding:0px 0 15px 0; height:auto; } #portfolio-items-one-third .description { padding-top:15px; } ul#portfolio-items-one-third li .item-content:hover { background:#9dcedf; } ul#portfolio-items-one-third li .item-content p { margin:0; padding:0; font-weight:800; color:#FFF; } ul#portfolio-items-one-third li .item-content p a { margin:0; padding:0; font-weight:800; color:#FFF; } ul#portfolio-items-one-third li .item-content span { font-style:italic; color:#FFF; } ul#portfolio-items-one-third li img { width:100%; height:auto; padding:0; margin:0; } .portfolio-items { width: 768px; margin: 0; } .portfolio-items:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .portfolio-items li { width: 162px!important; margin: 0 20px 0px 0!important; float: left; height: 210px!important; overflow: hidden; } .portfolio-items-not-filterable { width: 768px; margin: 0; } .portfolio-items-not-filterable:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .portfolio-items-not-filterable li { width: 236px!important; margin: 0 20px 0px 0!important; float: left; height: 260px!important; overflow: hidden; } .project-pagination { margin-left:-20px; } .project-pagination a { font-family:"Georgia", Arial, Verdana; font-size:11px; color:#d7d7d7; font-style:italic; margin:0px 0px 0 0; } #filterable { display: inline; float: right; margin-bottom: 20px; margin-right:0px; } #filterable li { float: left; margin-left: 15px; } .inner-page-intro h2 { font-size:21px; line-height:24px; } #contact-map { position: relative; width: 748px; border: solid 1px #ababab; padding: 6px 6px; margin-bottom: 24px; } #contact-form .error { margin: 15px 0 0 0 } #contact-form form { margin-bottom: 0px } #contact-form fieldset { margin-bottom: 0px } #contact-form label, #contact-form legend, #contact-form strong, #contact-form span { font-weight: bold; font-size: 13px; color: #898989; } #contact-form input[type="checkbox"] { display: inline } #contact-form label span, #contact-form legend span { font-weight: normal; font-size: 13px; color: #444; line-height: 34px; } #contact-form input[type="text"], #contact-form input[type="password"], #contact-form input[type="email"], #contact-form textarea, #contact-form select { border: 1px solid #dddddd; padding: 5px 10px; outline: none; overflow: hidden; font: 12px "Helvetica", Arial, sans-serif; color: #777; box-shadow: inset 0px 2px 4px #f3f3f3; -moz-box-shadow: inset 0px 2px 4px #f3f3f3; -webkit-box-shadow: inset 0px 2px 4px #f3f3f3; width: 216px; max-width: 100%; display: block; margin-bottom: 10px; background: #FFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #contact-form select { padding: 0 } #contact-form textarea { width: 472px; height: 200px; resize: vertical; } #contact-form input[type="text"]:focus, #contact-form input[type="password"]:focus, #contact-form input[type="email"]:focus, #contact-form textarea:focus { border: 1px solid #bbbbbb; color: #555; box-shadow: 0px 0px 5px #CCC, inset 0px 2px 4px #f3f3f3; -moz-box-shadow: 0px 0px 5px #CCC, inset 0px 2px 4px #f3f3f3; -webkit-box-shadow: 0px 0px 5px #CCC, inset 0px 2px 4px #f3f3f3; } .flexslider.loading { min-height: 330px } .top_header { width: 760px; clear: both; margin: 0px auto; } .menus_header { width: 720px; clear: both; margin: 0px auto; padding: 0px 20px; } #navigation-wrapper { margin: 14px 0px 0px 0px; } #navigation-wrapper #responsive-main-nav-menu { font-family: Calibri, 'Dosis', 'Verdana', sans-serif; font-size: 14px; color: #454545; line-height: 18px; min-width: 250px; } #why_choose { border: solid 1px #e2e1df; background: #f1efed; float: left; padding: 14px 0px; width: 100%; clear: both; } #why_choose .why_choose_content { width: 760px; margin: 0px auto; } #why_choose .texts_content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; width: 25%; margin-right: 10px; color: #666666; line-height: 16px; display: inline-block; } #why_choose .why_choose_content h3 { margin: 6px 0px; padding: 0px 0px; font-size: 21px; color: #e2761b; } #why_choose .texts_content p { padding: 0px 0px; margin: 6px 0px; } #why_choose .boxes_content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 14px; width: 70%; margin-left: 20px; color: #666666; line-height: 18px; display: inline-block; vertical-align: top; padding: 10px 0px; } #why_choose .textx_boxes { font-family: 'Monda', sans-serif; font-size: 12px; width: 21%; color: #666666; line-height: 15px; display: inline-block; text-align: center; min-height: 100px; } #why_choose .boxes_content img { display: block; margin: 6px auto; text-align: center; } #why_choose .add { font-family: 'Monda', sans-serif; font-size: 25px; width: 3%; display: inline-block; color: #666666; min-height: 60px; vertical-align: bottom; } #why_choose .textx_boxes big { font-family: 'Monda', sans-serif; font-size: 25px; color: #e2861b; display: inline-block; line-height: 30px; } #homesplans { width: 100%; margin: 10px 0px; } #homesplans .title { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_plan_heading.png) repeat-x 0px 25px; font-family: 'Monda', sans-serif; font-size: 30px; text-align: center; color: #3393b2; } #homesplans .title span { background: #ffffff; padding: 6px 10px; } #homesplans .plans { font-family: 'Monda', sans-serif; font-size: 11px; color: #454545; text-align: center; display: inline-block; margin: 6px 10px; width: 29%; } #homesplans .plans p img{ width:190px; } #homesplans .plans p { margin: 0px 0px 14px 0px; } #homesplans .plans big.ssblue { font-family: 'Monda', sans-serif; font-size: 23px; color: #3393b2; } #homesplans .plans big.ssgreen { font-family: 'Monda', sans-serif; font-size: 23px; color: #54a33c; } #homesplans .plans big.sspink { font-family: 'Monda', sans-serif; font-size: 23px; color: #ad4672; } #homfeatures { width: 100%; margin: 10px 0px; } #homfeatures .boxes { display: inline-block; vertical-align: top; } #homfeatures .boxes h3 { font-family: 'Monda', sans-serif; font-size: 21px; color: #00bbff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_features.png) no-repeat left bottom; margin: 0px 0px; padding: 6px 0px; } #homfeatures .boxes p { margin: 0px 0px; } #homfeatures .left { width: 60%; margin: 0px 10px 0px 0px; } #homfeatures .boxes ul { list-style: none; padding: 0px 0px; margin: 21px 0px 10px 0px; } #homfeatures .boxes ul li { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 12px; width: 46%; display: inline-block; color: #777777; line-height: 16px; padding: 0px 10px 10px 0px; } #homfeatures .boxes ul li big { font-family: 'Coustard', serif; font-size: 16px; color: #454545; line-height: 25px; } #homfeatures .boxes ul li img { margin: 0px 10px 25px 0px; } #homfeatures .right { width: 33%; margin: 0px 0px 0px 10px; } #homfeatures .right img { max-width: 329px; width: 100%; } .bg_footers .twitter { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_footer_twitter.png) repeat-x; display: block; width: 100%; } .bg_footers .twitter_content { margin: 0px auto; display: block; width: 700px; padding: 6px 10px; } .bg_footers .twitter_content .getin_touch { margin: -24px 0px 0px 0px; position: absolute; width: 150px; height: 40px; } .bg_footers .twitter_content .content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 15px; width: 70%; margin: 0px 0px 0px 160px; color: #666666; padding: 10px 0px; } .bg_footers .twitter_content .content img { margin: 0px 6px; } #footer_top_ss, #footer_bottom_ss { width: 700px; margin: 0px auto; } #ss_lower_footer { width: 100%; background: #12476e; padding: 14px 0px; color: #ffffff; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 11px; } #footer_top_ss .first { display: table-cell; padding-right: 6px; width: 210px; } #footer_top_ss .first h4 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 21px; color: #ffffff; padding: 21px 0px 0px 0px; margin: 0px 0px; } #footer_top_ss .first ul { list-style: none; padding: 0px 0px; margin: 6px 0px; } #footer_top_ss .first ul li { display: inline-block; color: #ffffff; width: 176px; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; border: solid 0px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bullet_footer.png) no-repeat 0px 7px; padding: 2px 2px 2px 18px; } #footer_top_ss .first ul li a { color: #ffffff; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; } #footer_top_ss .second { display: table-cell; padding-right: 6px; width: 241px; padding-left: 6px; } #footer_top_ss .second h4 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 21px; color: #ffffff; padding: 21px 0px 0px 0px; margin: 0px 0px; } #footer_top_ss .second .ss_blog { margin: 14px 0px 24px 0px; } #footer_top_ss .second .dtimes { display: inline-block; width: 42px; } #footer_top_ss .second .dtimes span { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 21px; color: #1277cc; background: #ffffff; display: block; padding: 10px 0px; line-height: 18px; text-align: center; display: block; margin: 3px 0px; } #footer_top_ss .second .dtimes span.month { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 14px; color: #ffffff; background: #1277cc; display: block; padding: 3px 0px; line-height: 16px; text-align: center; display: block; margin: 3px 0px; } #footer_top_ss .second .content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; color: #ffffff; vertical-align: top; line-height: 16px; display: inline-block; width: 160px; margin: 0px 7px; } #footer_top_ss .second .content a { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 13px; color: #141414; line-height: 24px; } #footer_top_ss .third { display: table-cell; width: 214px; padding-left: 6px; } #footer_top_ss .third h4 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 21px; color: #ffffff; padding: 21px 0px 0px 0px; margin: 0px 0px; } #footer_top_ss .third p { margin: 14px 0px; } #footer_top_ss .third table { margin: 10px 0px; } #footer_top_ss .third table td { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; color: #ffffff; padding: 2px 5px; text-align: left; } #footer_top_ss .third table td a { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; color: #ffffff; } #footer_top_ss .third h5 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 16px; color: #ffffff; margin: 14px 0px 7px 0px; padding: 0px 0px; } #footer_bottom_ss .footer_links { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; color: #ffffff; display: table-cell; width: 450px; } #footer_bottom_ss .footer_links ul, #footer_bottom_ss .footer_links p { padding: 0px 0px; margin: 3px 0px; } #footer_bottom_ss .footer_links ul li { display: inline; padding: 0px 3px 0px 0px; background: none; border: solid 0px; } #footer_bottom_ss .sidebarBox { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; color: #ffffff; margin: 0px 0px; } #footer_bottom_ss .footer_links a { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; color: #ffffff; } #footer_bottom_ss .promotional { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 11px; color: #dedede; text-align: right; display: table-cell; width: 250px; font-weight: normal; line-height: 30px; } #footer_bottom_ss .promotional a { display: block; width: 250px; } #inner_header { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/inner_header_bg.png) repeat-x; width: 100%; float: left; background-size:contain; } #inner_header .inner_header { width: 700px; overflow: hidden; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 35px; color: #ffffff; line-height: 96px; padding: 0px 0px; background-size:contain; height: 96px; } #inner_header .bgs { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/inner_header_right.png) no-repeat right; background-size:contain; width: 100%; background-size: 466px; } #hostingplans { width: 100%; margin: 10px 0px; } #hostingplans .title { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_plan_heading.png) repeat-x 0px 25px; font-family: 'Monda', sans-serif; font-size: 30px; text-align: center; color: #3393b2; } #hostingplans .title span { background: #ffffff; padding: 6px 10px; } #hostingplans .plans { font-family: 'Monda', sans-serif; font-size: 13px; color: #454545; text-align: center; display: inline-block; margin: 5px 3px; width: 23%; box-shadow: 0px 0px 3px 2px #cccccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 0px 0px; } #hostingplans .plans p { margin: 0px 0px 18px 0px; } #hostingplans .plans p.heading { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 24px; color: #a74b16; border-bottom: solid 3px #c8a707; background: #f8d320; line-height: 35px; padding: 6px 0px; } #hostingplans .plans p.prices { font-family: 'Monda', sans-serif; font-size: 14px; color: #999999; margin: 0px 0px 18px 0px; line-height: 14px; } #hostingplans .plans p.prices big { font-size: 35px; color: #124f7b; line-height: 35px; } #hostingplans .plans big.ssblue { font-size: 21px; color: #3393b2; } #hostingplans .plans big.ssgreen { font-size: 21px; color: #54a33c; } #hostingplans .plans big.sspink { font-family: 'Monda', sans-serif; font-size: 21px; color: #ad4672; } .sslider_content { vertical-align: bottom; display: inline-block; width: 54%; } .sslider_images { vertical-align: bottom; display: inline-block; width: 43%; } .sslider_content h1 { font-family: 'Dosis', 'Verdana', sans-serif; text-transform: uppercase; font-size: 47px; color: #ffffff; font-weight: normal; display: block; padding-bottom: 37px; line-height: 42px; } .sslider_content h1 small { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; text-transform: capitalize; font-size: 21px; color: #72ceff; } .sslider_content .sslider_features { list-style: none; margin: 24px 0px; } .sslider_content .sslider_features li { display: inline-block; font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 12px; color: #ffffff; width: 110px; margin-right: 10px; line-height: 16px; text-align: center; } .sslider_content .sslider_features li img { margin: 0px auto; border: solid 0px; float: none; display: block; text-align: center; } .sslider_content .sslider_footers { display: block; border-top: solid 1px #dedede; padding-top: 35px; margin: 37px 0px; } .sslider_content .sslider_prices, .sslider_content .sslider_orders { display: inline-block; padding: 0px 3px; width: 44%; } .sslider_content .sslider_prices ul { list-style: none; padding: 0px 0px; margin: 0px 0px; } .sslider_content .sslider_prices ul li { display: inline-block; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; width: 45%; font-size: 12px; color: #ffd98d; line-height: 18px; } .sslider_content .sslider_prices ul li big { display: block; font-size: 21px; line-height: 21px; } .sslider_content .sslider_orders a { border: solid 1px #5c5220; display: inline-block; padding: 0px 0px; line-height: 32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sslider_content .sslider_orders a span { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 11px; color: #454545; text-shadow: 1px 1px 1px #ffffff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_link.png) repeat-x; padding: 6px 4px; margin: 3px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .gambar { max-width: 100%; height: auto; } }/*-------------------------------------------*/ /* #MOBILE 320px (Portrait)*/ /*-------------------------------------------*/ @media only screen and (max-width: 480px), screen and (max-device-width: 480px) { /*--------------------------------------*/ /*COLUMNS*/ /*--------------------------------------*/ .container { width: 280px } .one-half { width: 280px } .one-third { width: 280px } .two-third { width: 280px } .one-fourth { width: 280px } .three-fourth { width: 280px } /*--------------------------------------*/ /*PRICING TABLE*/ /*--------------------------------------*/ .pricing-box-list-box .one-fourth { width: 280px!important; margin: 0 0 30px 0!important; box-shadow: none; -moz-box-shadow: none; webkit-box-shadow: none; } .one-fourth .pricing-table-list-box-content ul li { margin: 0 0 0 -25px; padding: 7px 0 7px 55px; list-style-type: none; text-align: left; width: 225px!important; } /*--------------------------------------*/ /*BLOG*/ /*--------------------------------------*/ .entry-meta { color: #878787; float: left!important; margin: 10px 0px 0 0!important; text-align: left!important; width: 280px!important; } .entry-meta ul { margin: 0 } .entry-meta li { list-style: none!important; margin: 0 10px 0 0!important; float: left!important; } .entry-body { float: left; margin: 10px 0 0 0; width: 280px!important; } .post-date { width: 280px!important; height: auto; float: left; text-align: center; margin-bottom: 15px!important; display: block; text-shadow: none; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: !important; padding: 5px 0px!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; border: none!important; } /*--------------------------------------*/ /*BODY CSS (footer, container, navigation, copyrights ...)*/ /*--------------------------------------*/ #footer { width: 320px; padding: 30px 0px 0; margin-left: 0px; height: auto; float: left; background: #222222; } #copyrights { width: 320px; padding: 10px 0px 10px 0px; margin-left: 0px; float: left; background: #111; } .center-page { height: auto; width: 320px; margin: 0 auto; padding: 0px; } #page { float: none; height: auto; width:290px; background: #FFF; padding: 0 0px; text-align: left; margin:0 auto; } #call-to-action-panel { height: auto; padding: 45px 0px 25px 0px; width: 320px; float: left; margin-left: 0px; background: #f0ede4; border-top: 1pt solid #d8d5cd; text-align: center; } #pre-header { float: left; width: 300px; padding: 0 0px; height: 40px; } #footer-form input[type="text"], #footer-form input[type="password"], #footer-form input[type="email"], #footer-form textarea, #footer-form select { width: 152px } #call-to-action-panel h1 { font-size: 28px; line-height: 28px; } #responsive-social-menu { display: block; width: 93px; float: right; height: auto; margin-top: 8px; padding: 4px; font-size: 11px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px #ababab; } #responsive-main-nav-menu { display: block; width: 100%; float: none; height: auto; margin-top: 0px; } #navigation-wrapper { float:none; } #main-navigation ul { display: none } #logo-wrapper { margin: 0 auto 20px auto; width: auto; height: auto; float:none; text-align:center; } #social-icons ul { display: none } ul#pre-header-links li a { color: #FFF; padding: 10px 0px 15px 0px; font-size: 11px; } h3 { font-size: 21px; line-height: 22px; } .flex-caption { display: none } img.intro-img { margin-left: -20px!important; max-width: 320px!important; max-height: 100%; margin-bottom: 30px; border-bottom: 1pt solid #d8d5cd; } .button-holder-2 { float: none!important; margin: 0 auto 20px auto!important; width: 150px; } .inner-page-intro h2 { text-align: center } .button.huge { padding: 10px 20px; font-size: 14px; color: #FFF!important; font-weight: bold; } ul#projects-carousel li { width: 280px } ul#projects-carousel li .item-content { width: 280px } .flex-caption h2 { color: #aad5e3; font-size: 23px; text-shadow: none; } .view-portfolio-button { padding: 10px 20px; font-size: 12px; } #call-to-action-panel .button-align-right { width: 170px; margin-left: 30%; float: left; } #footer-form input[type="text"], #footer-form input[type="password"], #footer-form input[type="email"], #footer-form textarea, #footer-form select { width: 260px } #footer .one-half, #footer .one-third, #footer .two-third, #footer .one-fourth, #footer .three-fourth { border-bottom: 1pt solid #181818; border-top: 1pt solid #333; margin-bottom: 0px; padding-bottom: 15px; padding-top: 15px; } #footer .one-fourth.last { border-bottom: none!important } #footer .one-fourth.first { border-top: none!important; padding-top: 0px; } #copyrights p, #copyrights span { font-size: 12px; text-align: center; } #copyrights .right { float: none } #header { height: auto } /*--------------------------------------*/ /*PORTFOLIO*/ /*--------------------------------------*/ ul#portfolio-items-one-fourth { overflow: hidden; position: relative; list-style: none; margin: 0; padding: 0px 0 0 0; } ul#portfolio-items-one-fourth li { width: 280px; min-height: auto; height: auto; } ul#portfolio-items-one-fourth li .portfolio-item { float: left; background: #f8f9f9; width: 280px; height: auto; padding: 0; } ul#portfolio-items-one-fourth li .item-content { background: #615951; float: left; width: 280px; text-align: center; padding: 0px 0 15px 0; height: auto; } #portfolio-items-one-fourth .description { padding-top: 15px } ul#portfolio-items-one-fourth li .item-content:hover { background: #aad5e3 } ul#portfolio-items-one-fourth li .item-content p { margin: 0; padding: 0; font-weight: 800; color: #FFF; } ul#portfolio-items-one-fourth li .item-content p a { margin: 0; padding: 0; font-weight: 800; color: #FFF; } ul#portfolio-items-one-fourth li .item-content span { font-style: italic; color: #FFF; } ul#portfolio-items-one-fourth li img { width: 100%; height: auto; padding: 0; margin: 0; } ul#portfolio-items-one-third { overflow: hidden; position: relative; list-style: none; margin: 0 !important; padding: 0px 0 0 0; } ul#portfolio-items-one-third li { width: 280px; min-height: 295px!important; margin: 0 20px 20px 0!important; } ul#portfolio-items-one-third li .portfolio-item { float: left; background: #f8f9f9; width: 280px; height: auto; padding: 0!important; } ul#portfolio-items-one-third li .item-content { background: #615951; float: left; width: 280px; text-align: center; padding: 0px 0 15px 0; height: auto; } #portfolio-items-one-third .description { padding-top: 15px } ul#portfolio-items-one-third li .item-content:hover { background: #aad5e3 } ul#portfolio-items-one-third li .item-content p { margin: 0; padding: 0; font-weight: 800; color: #FFF; } ul#portfolio-items-one-third li .item-content p a { margin: 0; padding: 0; font-weight: 800; color: #FFF; } ul#portfolio-items-one-third li .item-content span { font-style: italic; color: #FFF; } ul#portfolio-items-one-third li img { width: 100%; height: auto; padding: 0; margin: 0; } .portfolio-items { width: 280px; margin: 0; } .portfolio-items:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .portfolio-items-not-filterable li { width: 190px; margin: 0 20px 0px 0!important; float: left; min-height: 350px!important; overflow: hidden; } .portfolio-items-not-filterable { width: 280px; margin: 0; } .portfolio-items-not-filterable:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .portfolio-items-not-filterable li { width: 280px!important; margin: 0 20px 0px 0!important; float: left; height: 295px!important; overflow: hidden; } .project-pagination { margin-left: 10%; float: left; text-align: center; } .project-pagination a { font-family: "Georgia", Arial, Verdana; font-size: 14px; color: #d7d7d7; font-style: italic; margin: 0px 0px 0 0; } #filterable { display: inline; float: left; margin-bottom: 20px; margin-right: 0px; } #filterable li { float: left; margin-left: 15px; } #filterable { display: inline; float: left; margin-bottom: 20px; margin-right: 0px; } #filterable li { float: left; margin-left: 15px; } /*--------------------------------------*/ /*OTHER FEATURES (google maps, intro inner page, contact forms...)*/ /*--------------------------------------*/ #contact-map { position: relative; width: 320px; border: solid 1px #ababab; padding: 6px 6px; margin-bottom: 24px; } #contact-form .error { margin: 15px 0 0 0 } #contact-form form { margin-bottom: 0px } #contact-form fieldset { margin-bottom: 0px } #contact-form label, #contact-form legend, #contact-form strong, #contact-form span { font-weight: bold; font-size: 13px; color: #898989; } #contact-form input[type="checkbox"] { display: inline } #contact-form label span, #contact-form legend span { font-weight: normal; font-size: 13px; color: #444; line-height: 34px; } #contact-form input[type="text"], #contact-form input[type="password"], #contact-form input[type="email"], #contact-form textarea, #contact-form select { border: 1px solid #dddddd; padding: 5px 10px; outline: none; overflow: hidden; font: 12px "Helvetica", Arial, sans-serif; color: #777; box-shadow: inset 0px 2px 4px #f3f3f3; -moz-box-shadow: inset 0px 2px 4px #f3f3f3; -webkit-box-shadow: inset 0px 2px 4px #f3f3f3; width: 260px; max-width: 100%; display: block; margin-bottom: 0px; background: #FFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #contact-form select { padding: 0 } #contact-form textarea { width: 260px; height: 200px; resize: vertical; margin-bottom: 10px; } #contact-form input[type="text"]:focus, #contact-form input[type="password"]:focus, #contact-form input[type="email"]:focus, #contact-form textarea:focus { border: 1px solid #bbbbbb; color: #555; box-shadow: 0px 0px 5px #CCC, inset 0px 2px 4px #f3f3f3; -moz-box-shadow: 0px 0px 5px #CCC, inset 0px 2px 4px #f3f3f3; -webkit-box-shadow: 0px 0px 5px #CCC, inset 0px 2px 4px #f3f3f3; } .portfolio-container { width: 280px; margin-right: 0px; float: left; } .inner-page-intro h2 { font-size: 21px; line-height: 24px; } .inner-page-intro h1 { font-size: 24px; line-height: 25px; text-align: center; } .not-found-text { text-align: center; font-size: 64px; } ul.center-list li a { text-align: center; padding: 5px 2px; } .flexslider.loading { min-height: 155px } .top_header { width: 300px; clear: both; margin: 0px auto; } .ss_search { float: right; width: 90px; margin: 8px 0px 0px 6px; } .ss_search #s { padding: 5px 5px !important; font-size: 11px; width: 75px; } .ss_chat_header { font-family: 'Conv_ROCK'; font-size: 14px; color: #ffffff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_chat_header.png) repeat-x; display: inline-block; padding: 0px 7px 0px 4px; font-weight: bold; text-shadow: 1px 1px 0px #ab4d12; line-height: 26px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: solid 1px #0d0d0d; margin: 0px 3px; text-indent: -999px; width: 21px; overflow: hidden; float: left; } .ss_chat_header:hover { color: #fff5b4; } .ss_chat_header span { display: inline-block; height: 26px; width: 24px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/img_chat_header.png) no-repeat; float: left; margin: 0px 0px 0px 0px; } .ss_country_header { font-family: 'Conv_ROCK'; font-size: 14px; color: #ffffff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_country_header.png) repeat-x; display: inline-block; padding: 0px 7px 0px 4px; font-weight: bold; text-shadow: 1px 1px 0px #438328; line-height: 26px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: solid 1px #0d0d0d; margin: 0px 3px; text-indent: -999px; width: 41px; float: left; } .ss_country_header:hover { color: #fff5b4; } .ss_country_header span { display: inline-block; height: 26px; width: 24px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/img_country_headers.png) no-repeat; float: left; margin: 0px 0px 0px 0px; } .ss_country_header span.arrow { display: inline-block; height: 26px; width: 10px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/arrow_downs.png) no-repeat 0px 11px !important; float: right !important; margin: 0px 2px 0px 3px !important; } .menus_header { width: 250px; clear: both; margin: 0px auto; padding: 0px 20px; } #navigation-wrapper { margin: 14px 0px 0px 0px; } #navigation-wrapper #responsive-main-nav-menu { font-family: Calibri, 'Dosis', 'Verdana', sans-serif; font-size: 14px; color: #454545; line-height: 18px; } #why_choose { border: solid 1px #e2e1df; background: #f1efed; float: left; padding: 14px 0px; width: 100%; clear: both; } #why_choose .why_choose_content { width: 264px; margin: 0px auto; } #why_choose .texts_content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; width: 100%; margin-right: 10px; color: #666666; line-height: 16px; display: block; } #why_choose .why_choose_content h3 { margin: 6px 0px; padding: 0px 0px; font-size: 21px; color: #e2761b; } #why_choose .texts_content p { padding: 0px 0px; margin: 6px 0px; } #why_choose .boxes_content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 12px; width: 100%; color: #666666; margin: 0px; line-height: 16px; display: block; vertical-align: top; padding: 10px 0px; } #why_choose .textx_boxes { font-family: 'Monda', sans-serif; font-size: 10px; width: 45%; color: #666666; line-height: 14px; display: inline-block; text-align: center; min-height: 70px; } #why_choose .boxes_content img { display: inline-block; margin: 0px 3px; width: 25px; text-align: center; } #why_choose .add { font-family: 'Monda', sans-serif; font-size: 21px; width: 3%; display: inline-block; color: #666666; min-height: 46px; vertical-align: bottom; } #why_choose .textx_boxes big { font-family: 'Monda', sans-serif; font-size: 16px; color: #e2861b; display: inline-block; line-height: 24px; } #homesplans { width: 100%; margin: 10px 0px; } #homesplans .title { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_plan_heading.png) repeat-x 0px 25px; font-family: 'Monda', sans-serif; font-size: 30px; text-align: center; color: #3393b2; } #homesplans .title span { background: #ffffff; padding: 6px 10px; } #homesplans .plans { font-family: 'Monda', sans-serif; font-size: 13px; color: #454545; text-align: center; display: inline-block; margin: 10px 4px; width: 100%; } #homesplans .plans p { margin: 0px 0px 10px 0px; } #homesplans .plans ul li img { width: 21px; } #homfeatures { width: 100%; margin: 10px 0px; } #homfeatures .boxes { display: inline-block; vertical-align: top; } #homfeatures .boxes h3 { font-family: 'Monda', sans-serif; font-size: 21px; color: #00bbff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_features.png) no-repeat left bottom; margin: 0px 0px; padding: 6px 0px; } #homfeatures .boxes p { margin: 0px 0px; } #homfeatures .left { width: 100%; margin: 0px 0px 14px 0px; } #homfeatures .boxes ul { list-style: none; padding: 0px 0px; margin: 21px 0px 10px 0px; } #homfeatures .boxes ul li { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 12px; width: 100%; display: inline-block; color: #777777; line-height: 16px; padding: 0px 10px 10px 0px; } #homfeatures .boxes ul li big { font-family: 'Coustard', serif; font-size: 16px; color: #454545; line-height: 25px; } #homfeatures .boxes ul li img { margin: 0px 10px 25px 0px; } #homfeatures .right { width:95%; margin: 14px 0px 0px px; } #homfeatures .right img { max-width: 275px; width: 100%; } .bg_footers .twitter { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_footer_twitter.png) repeat-x; display: block; width: 100%; } .bg_footers .twitter_content { margin: 0px auto; display: block; width: 310px; padding: 3px 3px; } .bg_footers .twitter_content .getin_touch { margin: -12px 0px 0px 0px; position: absolute; width: 93px; height: 40px; } .bg_footers .twitter_content .getin_touch img { width: 93px; } .bg_footers .twitter_content .content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 12px; width: 70%; margin: 0px 0px 0px 93px; color: #666666; padding: 10px 0px; line-height: 16px; } .bg_footers .twitter_content .content img { margin: 3px 6px 24px 6px; width: 14px; } #footer_top_ss, #footer_bottom_ss { width:290px; margin: 0px auto; } #ss_lower_footer { width: 100%; background: #12476e; padding: 14px 0px; color: #ffffff; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 11px; } #footer_top_ss .first { display: block; padding-right: 0px; width:290px; } #footer_top_ss .first h4 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 18px; color: #ffffff; padding: 21px 0px 0px 0px; margin: 0px 0px; } #footer_top_ss .first ul { list-style: none; padding: 0px 0px; margin: 6px 0px; } #footer_top_ss .first ul li { display: inline-block; color: #ffffff; width: 250px; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; border: solid 0px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bullet_footer.png) no-repeat 0px 7px; padding: 2px 2px 2px 18px; } #footer_top_ss .first ul li a { color: #ffffff; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; } #footer_top_ss .second { display: block; padding-right: 0px; width: 310px; padding-left: 0px; } #footer_top_ss .second h4 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 18px; color: #ffffff; padding: 21px 0px 0px 0px; margin: 0px 0px; } #footer_top_ss .second .ss_blog { margin: 12px 0px 18px 0px; } #footer_top_ss .second .dtimes { display: inline-block; width: 35px; } #footer_top_ss .second .dtimes span { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 16px; color: #1277cc; background: #ffffff; display: block; padding: 7px 0px; line-height: 18px; text-align: center; display: block; margin: 3px 0px; } #footer_top_ss .second .dtimes span.month { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 12px; color: #ffffff; background: #1277cc; display: block; padding: 3px 0px; line-height: 14px; text-align: center; display: block; margin: 3px 0px; } #footer_top_ss .second .content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 12px; color: #ffffff; vertical-align: top; line-height: 14px; display: inline-block; width: 241px; margin: 0px 7px; } #footer_top_ss .second .content a { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 12px; color: #141414; line-height: 18px; } #footer_top_ss .third { display: block; padding-right: 0px; width: 310px; padding-left: 0px; } #footer_top_ss .third h4 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 18px; color: #ffffff; padding: 21px 0px 0px 0px; margin: 0px 0px; } #footer_top_ss .third p { margin: 10px 0px; } #footer_top_ss .third table { margin: 10px 0px; } #footer_top_ss .third table td { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; color: #ffffff; padding: 1px 4px; text-align: left; } #footer_top_ss .third table td a { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; color: #ffffff; } #footer_top_ss .third h5 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 16px; color: #ffffff; margin: 10px 0px 6px 0px; padding: 0px 0px; } .sidebarBox { margin-bottom: 14px; } #footer_bottom_ss .footer_links { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; color: #ffffff; display: block; width: 310px; text-align: center; } #footer_bottom_ss .footer_links ul, #footer_bottom_ss .footer_links p { padding: 0px 0px; margin: 6px 0px; } #footer_bottom_ss .footer_links ul li { display: inline; padding: 0px 3px 0px 0px; background: none; border: solid 0px; } #footer_bottom_ss .sidebarBox { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; margin: 0px 0px; } #footer_bottom_ss .footer_links a { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; color: #ffffff; } #footer_bottom_ss .promotional { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size:8px; color: #dedede; text-align: center; display: block; width: 288px; font-weight: normal; line-height: 30px; margin: 24px 0px 0px 0px; } #inner_header { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/inner_header_bg.png) repeat-x; width: 100%; float: left; background-size:contain; } #inner_header .inner_header { width: 290px; overflow: hidden; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 16px; color: #ffffff; line-height: 54px; padding: 0px 0px; background-size:contain; height: 54px; } #inner_header .bgs { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/inner_header_right.png) no-repeat right; background-size:contain; width: 100%; background-size: 275px; } #hostingplans { width: 100%; margin: 10px 0px; } #hostingplans .title { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_plan_heading.png) repeat-x 0px 25px; font-family: 'Monda', sans-serif; font-size: 30px; text-align: center; color: #3393b2; } #hostingplans .title span { background: #ffffff; padding: 6px 10px; } #hostingplans .plans { font-family: 'Monda', sans-serif; font-size: 13px; color: #454545; text-align: center; display: inline-block; margin: 5px 3px; width: 99%; box-shadow: 0px 0px 3px 2px #cccccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 0px 0px; } #hostingplans .plans p { margin: 0px 0px 18px 0px; } #hostingplans .plans p.heading { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 24px; color: #a74b16; border-bottom: solid 3px #c8a707; background: #f8d320; line-height: 35px; padding: 6px 0px; } #hostingplans .plans p.prices { font-family: 'Monda', sans-serif; font-size: 14px; color: #999999; margin: 0px 0px 18px 0px; line-height: 14px; } #hostingplans .plans p.prices big { font-size: 35px; color: #124f7b; line-height: 35px; } #hostingplans .plans big.ssblue { font-size: 21px; color: #3393b2; } #hostingplans .plans big.ssgreen { font-size: 21px; color: #54a33c; } #hostingplans .plans big.sspink { font-family: 'Monda', sans-serif; font-size: 21px; color: #ad4672; } .sslider_content { vertical-align: bottom; display: block; width: 100%; text-align: center; } .sslider_images { vertical-align: bottom; display: block; width: 100%; margin: 23px auto 0px auto; } .sslider_content h1 { font-family: 'Dosis', 'Verdana', sans-serif; text-transform: uppercase; font-size: 30px; color: #ffffff; font-weight: normal; display: block; padding-bottom: 24px; line-height: 36px; text-align: center; } .sslider_content h1 small { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; text-transform: capitalize; font-size: 16px; color: #72ceff; } .sslider_content .sslider_features { display: none; } .sslider_content .sslider_footers { display: block; border-top: solid 0px #dedede; padding-top: 0px; margin: 0px 0px; } .sslider_content .sslider_prices { display: none; } .sslider_content .sslider_orders { text-align: center; display: block; width: 100%; padding-bottom: 24px; } .sslider_content .sslider_prices ul { display: none; } .sslider_content .sslider_orders a { border: solid 1px #5c5220; display: inline-block; padding: 0px 0px; line-height: 35px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sslider_content .sslider_orders a span { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 14px; color: #454545; text-shadow: 1px 1px 1px #ffffff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_link.png) repeat-x; padding: 6px 10px; margin: 3px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .alignright, img.alignright{float:none; margin:0 auto !important; display:block;} } .gambar { max-width: 100%; height: auto; } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { /*--------------------------------------*/ /*COLUMNS*/ /*--------------------------------------*/ .container { width: 400px } .one-half { width: 400px } .one-third { width: 400px } .two-third { width: 400px } .one-fourth { width: 400px } .three-fourth { width: 400px } /*--------------------------------------*/ /*PRICING TABLE*/ /*--------------------------------------*/ .pricing-box-list-box .one-fourth { width: 400px!important; margin: 0 0 30px 0!important; box-shadow: none; -moz-box-shadow: none; webkit-box-shadow: none; } .one-fourth .pricing-table-list-box-content ul li { margin: 0 0 0 -25px; padding: 7px 0 7px 55px; list-style-type: none; text-align: left; width: 345px!important; } /*--------------------------------------*/ /*BLOG*/ /*--------------------------------------*/ .entry-meta { color: #878787; float: left!important; margin: 10px 0px 0 0!important; text-align: left!important; width: 400px!important; } .entry-meta ul { margin: 0 } .entry-meta li { list-style: none!important; margin: 0 10px 0 0!important; float: left!important; } .entry-body { float: left; margin: 10px 0 0 0; width: 400px!important; } .post-date { width: 400px!important; height: auto; float: left; text-align: center; display: block; text-shadow: none; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: !important; padding: 5px 0px!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; border: none!important; } img.intro-img { margin-left: -20px!important; max-width: 440px!important; max-height: 100%; margin-bottom: 30px; border-bottom: 1pt solid #d8d5cd; } /*--------------------------------------*/ /*BODY CSS (footer, container, navigation, copyrights ...)*/ /*--------------------------------------*/ #footer { width: 440px; padding: 30px 0px 0; margin-left: 0px; height: auto; float: left; background: #222222; } #copyrights { width: 440px; padding: 10px 0px 10px 0px; margin-left: 0px; float: left; background: #111; } #header { height: auto } .center-page { height: auto; width: 440px; margin: 0 auto; padding: 0px; } #page { float: none; height: auto; width: 440px; background: #FFF; padding: 0 0px; text-align: left; margin: 0 auto; } #call-to-action-panel { height: auto; padding: 45px 0px 25px 0px; width: 440px; float: left; margin-left: 0px; background: #f0ede4; border-top: 1pt solid #d8d5cd; text-align: center; } #pre-header { float: left; width: 400px; padding: 0 10px; height: 40px; } ul#projects-carousel li { width: 172px } ul#projects-carousel li .item-content { width: 172px } .flex-caption h2 { color: #aad5e3; font-size: 23px; text-shadow: none; } .view-portfolio-button { padding: 10px 20px; font-size: 12px; } #footer-form input[type="text"], #footer-form input[type="password"], #footer-form input[type="email"], #footer-form textarea, #footer-form select { width: 152px } #call-to-action-panel h1 { font-size: 28px; line-height: 28px; } #responsive-main-nav-menu { display: block; width: 100%; float: none; height: auto; margin-top: 0px; } #navigation-wrapper #main-navigation ul { display: none } #logo-wrapper { margin: 0 auto 20px auto; width: auto; height: auto; text-align:center; clear: both; float: none; } #navigation-wrapper { float: none; } #social-icons ul { display: none } #responsive-social-menu { display: block; width: 124px; float: right; height: auto; margin-top: 8px; padding: 4px; font-size: 11px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px #ababab; } ul#pre-header-links li a { color: #FFF; padding: 10px 0px 15px 0px; font-size: 11px; } ul#projects-carousel li { width: 190px } ul#projects-carousel li .item-content { width: 190px } .flex-caption { display: none } #call-to-action-panel .button-align-right { width: 170px; margin-left: 30%; float: left; } #footer-form input[type="text"], #footer-form input[type="password"], #footer-form input[type="email"], #footer-form textarea, #footer-form select { width: 380px } #footer .one-half, #footer .one-third, #footer .two-third, #footer .one-fourth, #footer .three-fourth { border-bottom: 1pt solid #181818; border-top: 1pt solid #333; margin-bottom: 0px; padding-bottom: 15px; padding-top: 15px; } #footer .one-fourth.last { border-bottom: none!important } #footer .one-fourth.first { border-top: none!important; padding-top: 0px; } #copyrights p, #copyrights span { font-size: 12px; text-align: center; } #copyrights .right { float: none } /*--------------------------------------*/ /*PORTFOLIO*/ /*--------------------------------------*/ #filterable { display: inline; float: left; margin-bottom: 20px; margin-right: 0px; } #filterable li { float: left; margin-left: 15px; } .portfolio-container { width: 420px; margin-right: -20px; float: left; } ul#portfolio-items-one-fourth { overflow: hidden; position: relative; list-style: none; margin: 0; padding: 0px 0 0 0; } ul#portfolio-items-one-fourth li { width: 190px; min-height: 245px; } ul#portfolio-items-one-fourth li .portfolio-item { float: left; background: #f8f9f9; width: 190px; height: auto; padding: 0; } ul#portfolio-items-one-fourth li .item-content { background: #615951; float: left; width: 190px; text-align: center; padding: 0px 0 15px 0; height: auto; } #portfolio-items-one-fourth .description { padding-top: 15px } ul#portfolio-items-one-fourth li .item-content:hover { background: #aad5e3 } ul#portfolio-items-one-fourth li .item-content p { margin: 0; padding: 0; font-weight: 800; color: #FFF; } ul#portfolio-items-one-fourth li .item-content p a { margin: 0; padding: 0; font-weight: 800; color: #FFF; } ul#portfolio-items-one-fourth li .item-content span { font-style: italic; color: #FFF; } ul#portfolio-items-one-fourth li img { width: 100%; height: auto; padding: 0; margin: 0; } ul#portfolio-items-one-third { overflow: hidden; position: relative; list-style: none; margin: 0 !important; padding: 0px 0 0 0; } ul#portfolio-items-one-third li { width: 190px; min-height: 210px!important; margin: 0 20px 20px 0!important; } ul#portfolio-items-one-third li .portfolio-item { float: left; background: #f8f9f9; width: 190px; height: auto; padding: 0!important; } ul#portfolio-items-one-third li .item-content { background: #615951; float: left; width: 190px; text-align: center; padding: 0px 0 15px 0; height: auto; } #portfolio-items-one-third .description { padding-top: 15px } ul#portfolio-items-one-third li .item-content:hover { background: #aad5e3 } ul#portfolio-items-one-third li .item-content p { margin: 0; padding: 0; font-weight: 800; color: #FFF; } ul#portfolio-items-one-third li .item-content p a { margin: 0; padding: 0; font-weight: 800; color: #FFF; } ul#portfolio-items-one-third li .item-content span { font-style: italic; color: #FFF; } ul#portfolio-items-one-third li img { width: 100%; height: auto; padding: 0; margin: 0; } .portfolio-items { width: 420px; margin: 0; } .portfolio-items:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .portfolio-items-not-filterable li { width: 190px; margin: 0 20px 20px 0!important; float: left; min-height: 210px!important; overflow: hidden; } .portfolio-items-not-filterable { width: 420px; margin: 0; } .portfolio-items-not-filterable:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .portfolio-items-not-filterable li { width: 190px!important; margin: 0 20px 0px 0!important; float: left; height: 220px!important; overflow: hidden; } .project-pagination { margin-left: 25%; float: left; text-align: center; } .project-pagination a { font-family: "Georgia", Arial, Verdana; font-size: 14px; color: #d7d7d7; font-style: italic; margin: 0px 0px 0 0; } #filterable { display: inline; float: left; margin-bottom: 20px; margin-right: 0px; } #filterable li { float: left; margin-left: 15px; } /*--------------------------------------*/ /*OTHER FEATURES (google maps, intro inner page, contact forms...)*/ /*--------------------------------------*/ .button-holder-2 { float: none!important; margin: 0 auto 20px auto!important; width: 150px; } .inner-page-intro h2 { text-align: center } #contact-map { position: relative; width: 440px; border: solid 1px #ababab; padding: 6px 6px; margin-bottom: 24px; } #contact-form .error { margin: 15px 0 0 0 } #contact-form form { margin-bottom: 0px } #contact-form fieldset { margin-bottom: 0px } #contact-form label, #contact-form legend, #contact-form strong, #contact-form span { font-weight: bold; font-size: 13px; color: #898989; } #contact-form input[type="checkbox"] { display: inline } #contact-form label span, #contact-form legend span { font-weight: normal; font-size: 13px; color: #444; line-height: 34px; } #contact-form input[type="text"], #contact-form input[type="password"], #contact-form input[type="email"], #contact-form textarea, #contact-form select { border: 1px solid #dddddd; padding: 5px 10px; outline: none; overflow: hidden; font: 12px "Helvetica", Arial, sans-serif; color: #777; box-shadow: inset 0px 2px 4px #f3f3f3; -moz-box-shadow: inset 0px 2px 4px #f3f3f3; -webkit-box-shadow: inset 0px 2px 4px #f3f3f3; width: 380px; max-width: 100%; display: block; margin-bottom: 0px; background: #FFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #contact-form select { padding: 0 } #contact-form textarea { width: 380px; height: 200px; resize: vertical; margin-bottom: 10px; } #contact-form input[type="text"]:focus, #contact-form input[type="password"]:focus, #contact-form input[type="email"]:focus, #contact-form textarea:focus { border: 1px solid #bbbbbb; color: #555; box-shadow: 0px 0px 5px #CCC, inset 0px 2px 4px #f3f3f3; -moz-box-shadow: 0px 0px 5px #CCC, inset 0px 2px 4px #f3f3f3; -webkit-box-shadow: 0px 0px 5px #CCC, inset 0px 2px 4px #f3f3f3; } .inner-page-intro h2 { font-size: 21px; line-height: 24px; } .inner-page-intro h1 { font-size: 24px; line-height: 20px; text-align: center; } .not-found-text { text-align: center; font-size: 64px; } ul.center-list li a { text-align: center; padding: 5px 2px; } .flexslider.loading { min-height: 200px } .top_header { width: 420px; clear: both; margin: 0px auto; } .ss_chat_header { font-family: 'Conv_ROCK'; font-size: 14px; color: #ffffff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_chat_header.png) repeat-x; display: inline-block; padding: 0px 7px 0px 4px; font-weight: bold; text-shadow: 1px 1px 0px #ab4d12; line-height: 26px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: solid 1px #0d0d0d; margin: 0px 6px; text-indent: -999px; width: 21px; overflow: hidden; float: left; } .ss_chat_header:hover { color: #fff5b4; } .ss_chat_header span { display: inline-block; height: 26px; width: 24px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/img_chat_header.png) no-repeat; float: left; margin: 0px 0px 0px 0px; } .ss_country_header { font-family: 'Conv_ROCK'; font-size: 14px; color: #ffffff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_country_header.png) repeat-x; display: inline-block; padding: 0px 7px 0px 4px; font-weight: bold; text-shadow: 1px 1px 0px #438328; line-height: 26px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: solid 1px #0d0d0d; margin: 0px 6px; text-indent: -999px; width: 41px; float: left; } .ss_country_header:hover { color: #fff5b4; } .ss_country_header span { display: inline-block; height: 26px; width: 24px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/img_country_headers.png) no-repeat; float: left; margin: 0px 0px 0px 0px; } .ss_country_header span.arrow { display: inline-block; height: 26px; width: 10px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/arrow_downs.png) no-repeat 0px 11px !important; float: right !important; margin: 0px 2px 0px 3px !important; } .menus_header { width: 370px; clear: both; margin: 0px auto; padding: 0px 20px; } #navigation-wrapper { margin: 14px 0px 0px 0px; } #navigation-wrapper #responsive-main-nav-menu { font-family: Calibri, 'Dosis', 'Verdana', sans-serif; font-size: 14px; color: #454545; line-height: 18px; } #why_choose { border: solid 1px #e2e1df; background: #f1efed; float: left; padding: 14px 0px; width: 100%; clear: both; } #why_choose .why_choose_content { width: 421px; margin: 0px auto; } #why_choose .texts_content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; width: 100%; margin-right: 10px; color: #666666; line-height: 16px; display: block; } #why_choose .why_choose_content h3 { margin: 6px 0px; padding: 0px 0px; font-size: 21px; color: #e2761b; } #why_choose .texts_content p { padding: 0px 0px; margin: 6px 0px; } #why_choose .boxes_content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 12px; width: 100%; color: #666666; margin: 0px; line-height: 16px; display: block; vertical-align: top; padding: 10px 0px; } #why_choose .textx_boxes { font-family: 'Monda', sans-serif; font-size: 10px; width: 21%; color: #666666; line-height: 14px; display: inline-block; text-align: center; min-height: 100px; } #why_choose .boxes_content img { display: block; margin: 6px auto; text-align: center; } #why_choose .add { font-family: 'Monda', sans-serif; font-size: 21px; width: 3%; display: inline-block; color: #666666; min-height: 45px; vertical-align: bottom; } #why_choose .textx_boxes big { font-family: 'Monda', sans-serif; font-size: 18px; color: #e2861b; display: inline-block; line-height: 30px; } #homesplans { width: 100%; margin: 10px 0px; } #homesplans .title { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_plan_heading.png) repeat-x 0px 25px; font-family: 'Monda', sans-serif; font-size: 30px; text-align: center; color: #3393b2; } #homesplans .title span { background: #ffffff; padding: 6px 10px; } #homesplans .plans { font-family: 'Monda', sans-serif; font-size: 11px; color: #454545; text-align: center; display: inline-block; margin: 12px 6px; width: 100%; } #homesplans .plans p { margin: 0px 0px 10px 0px; } #homfeatures { width: 100%; margin: 10px 0px; } #homfeatures .boxes { display: inline-block; vertical-align: top; } #homfeatures .boxes h3 { font-family: 'Monda', sans-serif; font-size: 21px; color: #00bbff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_features.png) no-repeat left bottom; margin: 0px 0px; padding: 6px 0px; } #homfeatures .boxes p { margin: 0px 0px; } #homfeatures .left { width: 100%; margin: 0px 0px 14px 0px; } #homfeatures .boxes ul { list-style: none; padding: 0px 0px; margin: 21px 0px 10px 0px; } #homfeatures .boxes ul li { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 12px; width:100%; display: inline-block; color: #777777; line-height: 16px; padding: 0px 0px 10px 0px; } #homfeatures .boxes ul li big { font-family: 'Coustard', serif; font-size: 16px; color: #454545; line-height: 25px; } #homfeatures .boxes ul li img { margin: 0px 10px 25px 0px; } #homfeatures .right { width: 100%; margin: 14px 0px 0px px; } #homfeatures .right img { max-width: 329px; width: 100%; } .bg_footers .twitter { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_footer_twitter.png) repeat-x; display: block; width: 100%; } .bg_footers .twitter_content { margin: 0px auto; display: block; width: 420px; padding: 3px 3px; } .bg_footers .twitter_content .getin_touch { margin: -12px 0px 0px 0px; position: absolute; width: 100px; height: 40px; } .bg_footers .twitter_content .getin_touch img { width: 100px; } .bg_footers .twitter_content .content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; width: 70%; margin: 0px 0px 0px 100px; color: #666666; padding: 10px 0px; line-height: 16px; } .bg_footers .twitter_content .content img { margin: 0px 6px 24px 6px; width: 18px; } #footer_top_ss, #footer_bottom_ss { width: 420px; margin: 0px auto; } #footer_top_ss .first { display: block; padding-right: 0px; width: 420px; } #footer_top_ss .first h4 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 18px; color: #ffffff; padding: 21px 0px 0px 0px; margin: 0px 0px; } #footer_top_ss .first ul { list-style: none; padding: 0px 0px; margin: 6px 0px; } #footer_top_ss .first ul li { display: inline-block; color: #ffffff; width: 176px; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; border: solid 0px; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bullet_footer.png) no-repeat 0px 7px; padding: 2px 2px 2px 18px; } #footer_top_ss .first ul li a { color: #ffffff; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; } #footer_top_ss .second { display: block; padding-right: 0px; width: 420px; padding-left: 0px; } #footer_top_ss .second h4 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 18px; color: #ffffff; padding: 21px 0px 0px 0px; margin: 0px 0px; } #footer_top_ss .second .ss_blog { margin: 12px 0px 18px 0px; } #footer_top_ss .second .dtimes { display: inline-block; width: 35px; } #footer_top_ss .second .dtimes span { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 16px; color: #1277cc; background: #ffffff; display: block; padding: 7px 0px; line-height: 18px; text-align: center; display: block; margin: 3px 0px; } #footer_top_ss .second .dtimes span.month { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 12px; color: #ffffff; background: #1277cc; display: block; padding: 3px 0px; line-height: 14px; text-align: center; display: block; margin: 3px 0px; } #footer_top_ss .second .content { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 12px; color: #ffffff; vertical-align: top; line-height: 14px; display: inline-block; width: 345px; margin: 0px 7px; } #footer_top_ss .second .content a { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 12px; color: #141414; line-height: 18px; } #footer_top_ss .third { display: block; padding-right: 0px; width: 420px; padding-left: 0px; } #footer_top_ss .third h4 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 18px; color: #ffffff; padding: 21px 0px 0px 0px; margin: 0px 0px; } #footer_top_ss .third p { margin: 10px 0px; } #footer_top_ss .third table { margin: 10px 0px; } #footer_top_ss .third table td { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; color: #ffffff; padding: 1px 4px; text-align: left; } #footer_top_ss .third table td a { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 13px; color: #ffffff; } #footer_top_ss .third h5 { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 16px; color: #ffffff; margin: 10px 0px 6px 0px; padding: 0px 0px; } .sidebarBox { margin-bottom: 14px; } #footer_bottom_ss .footer_links { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; color: #ffffff; display: block; width: 420px; text-align: center; } #footer_bottom_ss .footer_links ul, #footer_bottom_ss .footer_links p { padding: 0px 0px; margin: 6px 0px; } #footer_bottom_ss .footer_links ul li { display: inline; padding: 0px 3px 0px 0px; background: none; border: solid 0px; } #footer_bottom_ss .sidebarBox { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; margin: 0px 0px; } #footer_bottom_ss .footer_links a { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; color: #ffffff; } #footer_bottom_ss .promotional { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 10px; color: #dedede; text-align: center; display: block; width: 300px; font-weight: normal; line-height: 30px; margin: 24px auto 0px auto; } #inner_header { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/inner_header_bg.png) repeat-x; width: 100%; float: left; background-size:contain; } #inner_header .inner_header { width: 420px; overflow: hidden; font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; font-size: 25px; color: #ffffff; line-height: 77px; padding: 0px 0px; background-size:contain; height: 77px; } #inner_header .bgs { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/inner_header_right.png) no-repeat right; background-size:contain; width: 100%; background-size: 375px; } #hostingplans { width: 100%; margin: 10px 0px; } #hostingplans .title { background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_plan_heading.png) repeat-x 0px 25px; font-family: 'Monda', sans-serif; font-size: 30px; text-align: center; color: #3393b2; } #hostingplans .title span { background: #ffffff; padding: 6px 10px; } #hostingplans .plans { font-family: 'Monda', sans-serif; font-size: 13px; color: #454545; text-align: center; display: inline-block; margin: 5px 3px; width: 99%; box-shadow: 0px 0px 3px 2px #cccccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 0px 0px; } #hostingplans .plans p { margin: 0px 0px 18px 0px; } #hostingplans .plans p.heading { font-family: 'Coustard', serif, Calibri, Arial, sans-serif, Tahoma; font-size: 24px; color: #a74b16; border-bottom: solid 3px #c8a707; background: #f8d320; line-height: 35px; padding: 6px 0px; } #hostingplans .plans p.prices { font-family: 'Monda', sans-serif; font-size: 14px; color: #999999; margin: 0px 0px 18px 0px; line-height: 14px; } #hostingplans .plans p.prices big { font-size: 35px; color: #124f7b; line-height: 35px; } #hostingplans .plans big.ssblue { font-size: 21px; color: #3393b2; } #hostingplans .plans big.ssgreen { font-size: 21px; color: #54a33c; } #hostingplans .plans big.sspink { font-family: 'Monda', sans-serif; font-size: 21px; color: #ad4672; } .sslider_content { vertical-align: bottom; display: block; width: 100%; text-align: center; } .sslider_images { vertical-align: bottom; display: block; width: 83%; margin: 0px auto; } .sslider_content h1 { font-family: 'Dosis', 'Verdana', sans-serif; text-transform: uppercase; font-size: 47px; color: #ffffff; font-weight: normal; display: block; padding-bottom: 18px; line-height: 37px; text-align: center; } .sslider_content h1 small { font-family: 'Monda', sans-serif, Calibri, Arial, sans-serif, Tahoma; text-transform: capitalize; font-size: 21px; color: #72ceff; } .sslider_content .sslider_features { display: none; } .sslider_content .sslider_footers { display: block; border-top: solid 0px #dedede; padding-top: 0px; margin: 0px 0px; } .sslider_content .sslider_prices { display: none; } .sslider_content .sslider_orders { text-align: center; display: block; width: 100%; } .sslider_content .sslider_prices ul { display: none; } .sslider_content .sslider_orders a { border: solid 1px #5c5220; display: inline-block; padding: 0px 0px; line-height: 35px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sslider_content .sslider_orders a span { font-family: Calibri, Arial, sans-serif, Tahoma; font-size: 14px; color: #454545; text-shadow: 1px 1px 1px #ffffff; background: url(//i3.wp.com/www.fawzya.net/wp-content/themes/cloudchillyv2/library/images/bg_link.png) repeat-x; padding: 6px 10px; margin: 3px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .alignright, img.alignright{float:none; margin:0 auto; display:block;} } .gambar { max-width: 100%; height: auto; }@font-face{font-family:'Conv_ROCK';src:url(//www.fawzya.net/wp-content/themes/cloudchillyv2/fonts/ROCK.eot);src:url(//www.fawzya.net/wp-content/themes/cloudchillyv2/fonts/ROCK.eot?#iefix) format('embedded-opentype'),url(//www.fawzya.net/wp-content/themes/cloudchillyv2/fonts/ROCK.woff) format('woff'),url(//www.fawzya.net/wp-content/themes/cloudchillyv2/fonts/ROCK.ttf) format('truetype'),url(//www.fawzya.net/wp-content/themes/cloudchillyv2/fonts/ROCK.svg) format('svg');font-weight:400;font-style:normal}a.tombolatas{background-color:#42b3f5;border:none;color:#fff;padding:3px 12px;text-align:center;text-decoration:none;display:inline-block;font-size:13px;margin:4px 2px;cursor:pointer}a.tombolatas:hover{background-color:#000;border:none;color:#fff;padding:3px 12px;text-align:center;text-decoration:none;display:inline-block;font-size:13px;margin:550px 0;cursor:pointer}a.selengkapnya{background-color:#42b3f5;border:none;color:#fff;padding:5px 12px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}a.selengkapnya:hover{background-color:#000;border:none;color:#fff;padding:5px 12px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}input.selengkapnya{background-color:#42b3f5;border:none;color:#fff;padding:5px 12px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}input.selengkapnya:hover{background-color:#000;border:none;color:#fff;padding:5px 12px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}.gambar{max-width:100%;height:auto}