/*
Theme Name: BlankSlate
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: UPDATE - 4.0+ is here, completely overhauled, yet again. As always, use caution when upgrading (tidythemes.com/concept/#upgrading) and learn the TidyThemes concept (tidythemes.com/concept). → CAUTION: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions. → DESCRIPTION: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. → SUPPORT: Please use the official support forum (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "TidyThemes Sucks!" (tidythemes.com/tidythemes-sucks). Just getting started? Want to learn CSS? (tidythemes.com/want-to-learn-css) → WHAT'S NEW?: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. Chip Bennett (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. See (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been opened up on GitHub (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate
BlankSlate WordPress Theme © 2011-2014 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
#slider-stopper{ display:none;}
html{ height:100%; width:100%; margin:0; padding:0; }
body{ width:100%; line-height:1; text-align:center; background:#fefefe;
font-family: "open_sansregular", Arial,"Arial Narrow";
padding:0 0 0 0; margin:0; color:#434343; font-size:14px;
/*min-height: 100%; */}
strong{ font-weight:bold;}
p a{ text-decoration:none; color: #2a59c7;} p a:hover{ text-decoration:underline;}
#top {/* position:fixed;*/ border-top:3px solid #3fb0fc; z-index:60;
/*filter: alpha(opacity=70); opacity: 0.7;*/
/*float:left;*/width:100%; min-width: 100%; height:auto; margin:0px; padding:0 0 3px 0;
min-height: 75px; /*position:relative;*/
color: #2b93d9;
/* fallback */ background-color: #fdfbfb;
/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 30% 0%, 0% 100%, from(#fff), to(#edebeb));
/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #fff, #edebeb);
/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #fff, #edebeb);
/* IE 10 */ background: -ms-linear-gradient(top, #fff, #edebeb);
/* Opera 11.10+ */ background: -o-linear-gradient(top, #fff, #edebeb);
}
#topother { float:left; border-top:3px solid #3fb0fc; z-index:60;
/*filter: alpha(opacity=70); opacity: 0.7;*/
/*float:left;*/width:100%; min-width: 100%; height:auto; margin:0px; padding:0 0 3px 0;
min-height: 75px; /*position:relative;*/ color: #2b93d9;
/*fallback*/ background-color: #fdfbfb;
background: -webkit-gradient(linear, 30% 0%, 0% 100%, from(#fff), to(#edebeb));
background: -webkit-linear-gradient(top, #fff, #edebeb);
background: -moz-linear-gradient(top, #fff, #edebeb);
background: -ms-linear-gradient(top, #fff, #edebeb);
background: -o-linear-gradient(top, #fff, #edebeb);
}
.wrapper{ max-width:1200px; margin:auto; min-height:10px; height:auto;}
.main{float:left; width:100%; margin:auto; height:auto;}
.topl{ float:left; width:22%; padding:8px 1% 5px 1%; }
.topr{float:left; width:74%; padding:8px 1% 5px 1%;}
.topl img { max-width: 100%; height: 51px auto; width: 173px; vertical-align: top;}
.topl a{ text-decoration:none; border:0px none;}
.call { float: right; padding: 4px 10% 10px 34px; text-align: right; height: 20px; font-weight:bold;
background: url('images/call.png') no-repeat scroll left top transparent;
font-family: 'avantgarde_bk_btbook',Arial,Helvetica,sans-serif; font-size: 22px; color: #2b93d9;
}
.enquire { background:url(images/enquire.png) no-repeat scroll center top transparent; color: #faf8f8; font-size: 20px;
font-family: "open_sansregular",Arial,Helvetica,sans-serif; font-weight:bold;
padding: 5px 0px 0px ; height: 47px; width: 147px; top: 0%; right: 50px;
position: fixed; opacity: 0.9; z-index:800;
}
.enquire a{ text-decoration:none; color:#fff;}
#slider { float:left; display: block; width: 100%; height:auto; padding:0 0 0 0;
/* max-height: 552px; background:#0FC;*/ /*display: block;*/ margin:0 0 0 0;}
#topimage { float:left; width: 100%; height:auto; max-height:350px; margin:0 0 15px 0;}
#topimage img{ width: 100%; height:auto; max-height:350px;}
.topsection{ float:left; position:relative; width:100%; height:auto; min-height:80px; padding:28px 0; margin-bottom:30px;
/* fallback */ background-color: #f2efef,; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2efef,), to(#ffffff)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #f4f4f4, #f2efef, #ffffff); /* Firefox 3.6+ */
background: -moz-linear-gradient(top, #f4f4f4, #f2efef, #ffffff); /* IE 10 */
background: -ms-linear-gradient(top, #f4f4f4, #f2efef, #ffffff); /* Opera 11.10+ */
background: -o-linear-gradient(top, #f4f4f4, #f2efef, #ffffff);
}
.topsectionl{ float:left; width:45%; padding:0 3% 0 2%;
font-family:'michromaregular',Arial, Helvetica, sans-serif; text-transform:capitalize;
color:#363738; line-height:1.1; vertical-align:top;
}
.topsectionl h1{ width:100%; font-size:32px; color:#494b4d;}
.topsectionl span{color:#0d8de3; }
.topsectionr{ float:left; width:48%; padding:5px 2% 0 0; color:#3e3b3b; text-align:left; line-height:1.1; }
.topsectionr p{float:left; width:100%; }
.topsectionr a{float:left; width:100%; color:#1477b9; text-decoration:none; padding:3px 0 0 0;}
.topsectionr strong{ font-weight:bold;}
#services{ float:left; width:100%; padding:20px 0; background:#f4f3f3;}
#services h2{float:left; width:100%; padding:0 0 20px 0;
font-family:'michromaregular',Arial, Helvetica, sans-serif; text-transform:uppercase;
color:#0d8de3; font-size:32px; text-transform:uppercase;}
#services p{float:left; width:99%; color:#5f5f5f; line-height:1.2; padding:0 0 20px 0;}
.evision{ float:left; width:100%; padding:30px 0; margin:0 0 20px 0; border-bottom:1px solid #dfdcdc;}
.evision h3{float:left; width:100%; font-size:28px; color:#414141; text-transform:capitalize;}
.evision h4{float:left; width:100%; font-size:32px; color:#0d8de3; text-transform:uppercase;
font-family:'michromaregular',Arial, Helvetica, sans-serif; padding:0 0 20px 0;}
.evision p{float:left; width:90%; padding:0 5% 0 5%; }
.portfolios{ float:left; width:100%; padding:0; margin:0 0 20px 0; transition: all 0.4s ease 0s;}
.portfolios h3{float:left; width:100%; font-size:32px; color:#0d8de3; text-transform:uppercase;
font-family:'michromaregular',Arial, Helvetica, sans-serif; padding:0 0 20px 0;}
.center{ display: inline-block; margin:15px auto 0 auto; padding:15px 40px;
background:#0d8de3; text-align:center; color:#fff; text-decoration:none; font-size:22px; text-transform:uppercase; /*margin:15px 15% 0 15%;*/
border:1px solid #dfdfdf; white-space: nowrap; text-decoration: none;
/*display: flex; justify-content: center; flex-direction: column;*/
}
.center a{ text-decoration:none; color:#fff;}
.center:hover{ background:#363738;}
#testimonials{ float:left; width:100%; height:auto; min-height:200px; padding:20px 0;
border-bottom:1px solid #dfdcdc; background:url(images/website-design.jpg) top left no-repeat;
text-align:center; position:relative;}
#testimonials h1{float:left; width:100%; font-size:32px; color:#0d8de3; text-transform:uppercase;
font-family:'michromaregular',Arial, Helvetica, sans-serif; padding:0 0 20px 0;
text-align:center;}
#testil{ float:left; width:66%; text-align:right; padding:0 4% 0 0; height:auto;}
#testil h1{ text-align:center;}
#testil h2{margin: 0px 0px 5px; font-weight: bold; text-transform: capitalize; color: #494B4D; font-size: 17px;}
#testil p{font-size: 15px; font-family: 'open_sansitalic',Arial,Helvetica,sans-serif; color: #585757;}
#testil h3 {color: #0D8DE3; padding: 0px 17px 0 0px;}
#testil h4 { padding: 0px 25px 20px 0px; margin:0 0 20px 0;
background: url("../../themes/blankslate/images/web-designer.png") no-repeat scroll right bottom transparent; color: #0D8DE3; }
#testir{ float:left; width:30%; padding:0 0 0 0; height:auto;}
#testir img{ width:100%; max-width:226px; height:auto;}
#clients{ float:left; width:100%; height:auto; min-height:40px; padding:20px 0;
/*position:relative;*/ border-bottom:1px solid #dfdcdc;}
#qcontact h2, #clients h2{float:left; width:100%; font-size:32px; color:#0d8de3; text-transform:uppercase;
font-family:'michromaregular',Arial, Helvetica, sans-serif; padding:0 0 20px 0; text-align:center;}
#clients img{width:11.585; height:auto; padding:0 1% 15px 1%; }
/* contact section*/
#qcontact{ float:left; width:100%; height:auto; min-height:40px; padding:20px 0;}
.txtenquire { float:left; background:#1872dc; border: medium none; margin:0 1% 10px 0; height: 22px; color:#FFF; font-size:13px;
padding:4px 0 4px 3%; /*max-*/width:30%; font-family: "open_sansregular","Arial Black",Arial,"Arial Narrow";
}
.txtenquirer { float:left; background:#1872dc; border: medium none; margin:0 0 10px 0; height: 22px; color:#FFF; font-size:13px;
padding:4px 0 4px 3%; /*max-*/width:29%; font-family: "open_sansregular","Arial Black",Arial,"Arial Narrow";
}
.txtenq { float:left; background:#0D8DE3; border: medium none; margin:0 10px 10px 0; height: 22px; color:#FFF;
font-size:13px; padding:4px 0 4px 3%; max-width:45%; font-family: "open_sansregular","Arial Black",Arial,"Arial Narrow";
}
.txtenq2 { float:left; background:#0D8DE3; border: medium none; margin:0 0 10px 0; height: 22px; color:#FFF; font-size:13px;
padding:4px 0 4px 3%; max-width:45%; font-family: "open_sansregular","Arial Black",Arial,"Arial Narrow";
}
.txtarea{background:#1872dc; color: #fff; height: 90px;
overflow: hidden; padding:4px 0 4px 3%; width:97%;
font-size: 13px; margin: 0px 0px 7px; border: medium none;
font-family: "open_sansregular","Arial Black",Arial,"Arial Narrow";
}
.cnsubmit { width:30%; font-family:'open_sansbold',Verdana, Geneva, sans-serif; text-transform:uppercase;
background: none repeat scroll 0% 0% #0b293d; border-width: 0px;
padding: 5px 35px; margin: 5px 0px 0px; color: #FFF; letter-spacing: 1px;
font-size: 16px; font-weight: 400; text-decoration: none; cursor: pointer;
}
/* End contact section*/
/* Begin Footer */
#full{ float:left; width:100%; height:auto; background:#2b2b2b url(images/website-designing.png) top left repeat-x;
padding:35px 0 5px 0; margin: 25px 0px 0px; color:#fefefe;}
#foot{ float:left; width:100%; height:auto; text-align:left}
.footerlist{ float:left; width:23%; height:auto; font-size: 15px; text-transform:capitalize;
font-family: Arial, Helvetica, sans-serif; margin:0 1% 0 1%; text-align:left;
outline: 0px none;}
/*.footerlist:nth-child(1){width:18%;}
.footerlist:nth-child(2){width:23%;}
.footerlist:nth-child(3){width:28%;}*/
.connect h4, .footerlist h4{float:none; width:100%; font-size: 16px; color:#37a3ec; padding:0 0 12px 0; text-transform:uppercase; font-family:"futura_md_btmedium",Arial, Helvetica, sans-serif;}
.footerlist ul{ padding:2px 0 0 0;}
.footerlist ul, ol { margin-bottom: 10px; }
.footerlist ul { list-style: none outside; }
.footerlist ol { list-style: decimal; }
/*.footerlist ol, ul.square, ul.circle, ul.disc { margin-left: 0px; }
.footerlist ul.square { list-style: square outside; color: #fff; }
.footerlist ul.circle { list-style: circle outside; color: #555; }
.footerlist ul.disc { list-style: disc outside; color: #555; }
.footerlist ul.check { list-style: none; }*/
.footerlist ul ul, ul ol,
.footerlist ol ol, ol ul { margin: 4px 0 5px 0px; font-size: 100%; }
.footerlist ul ul li, ul ol li,
.footerlist ol ol li, ol ul li { margin-bottom: 2px; }
.footerlist li { line-height: 14px; margin-bottom: 5px; padding-left:0px; /*background: url("images/marker.png") no-repeat scroll 0 2px transparent;*/ }
.footerlist ul.large li { line-height: 21px; }
.footerlist li p { line-height: 21px; }
.footerlist ul li a{ color:#828282; font-weight:300; text-decoration:none; width:100%; }
.footerlist ul li a:hover { color:#00afef; text-decoration:none; border:none;}
.footerlist ul li.current-menu-item a{ color:#FFF;}
.connect{ float:left; width:23%; font-size: 15px; font-family: Arial, Helvetica, sans-serif; margin:0 1% 0 1%; text-align:right;
outline: 0px none;}
.connect a{ margin:0 5px;}
.design{ float:left; width:100%; margin:20px 0 0 0; color:#CCC;}
.design a{ text-decoration:none; border:0 none; color:#CCC;}
#copyright{float:left; width:100%; margin:20px 0 0 0;}
.footertags{ float:left; width:100%; height:auto; color:#2b2b2b; font-size:5px;}
.footertags h1, .footertags h2, .footertags h3, .footertags h4, .footertags h5, .footertags h6{ float:left;}
.footertags a{color:#2b2b2b;}
.footertags h1, .footertags h2{ font-size:6px;}
/* End Footer */
/* Begin About Us */
#body{ float:left; width:100%; padding:10px 0;}
#body h1{float:left; width:100%; padding:0 0 20px 0; font-family:'michromaregular',Arial, Helvetica, sans-serif; text-transform:uppercase;
color:#0d8de3; font-size:32px; text-transform:uppercase;}
.portfolio h2 a{ color:#414141;}
#body h2{float:left; width:100%; padding:10px 0 10px 0;
font-family:'michromaregular',Arial, Helvetica, sans-serif; text-transform:capitalize;
color:#0d8de3; font-size:22px; text-align:left; }
/*#body h2{ border-top:1px #0D8DE3 dotted;}*/
#body p{ width:99%; text-align:justify; color:#5f5f5f; line-height:1.2; padding:0 0.5% 10px 0.5%}
#body strong{ font-weight:bold;}
#body a { color:#0e7fcb; text-decoration:none;}
#body a:hover{ text-decoration:underline;}
#body img{ float:left; width:100%; height:auto; max-width:300px; max-height:200px; padding:0 15px 10px 0;}
#design{float:left; width:100%; height:auto; margin:20px 0 0 0; padding:30px 0;
background:url(images/web-design.jpg) top left repeat; color:#f4f1f1;}
#design h1{float:left; width:100%; padding:0 0 10px 0; font-family:'michromaregular',Arial, Helvetica, sans-serif; text-transform:uppercase;
color:#0d8de3; font-size:32px; text-transform:uppercase;}
#design h2{float:left; width:100%; padding:0 0 10px 0; text-transform:capitalize; color:#e6e6e6; font-size:30px; }
#design p{ width:96%; height:auto; padding:0 2%;}
.designs{ float:left; width:16%; padding:20px 2% 10px 2%; }
.designs h3{ width:100%; height:auto; color:#fff; text-transform:uppercase; font-size:20px; padding:12px 0;}
.designs p{ float:left; width:94% !important; height:auto; padding:0 3%; color:#fefefe;}
.circle {width:122px; height:122px; display:inline-block; border-radius: 50%; border:2px solid #636363;
background:#ffffff url(images/design1.png) 50% 50% no-repeat; text-decoration: none; transition: all 0.3s ease 0.1s; }
.circle:hover{background:#1b97ea url(images/design1-o.png) 50% 50% no-repeat; border:2px solid #fff; }
.circle2 {width:122px; height:122px; display:inline-block; border-radius: 50%; border:2px solid #636363;
background:#ffffff url(images/design2.png) 50% 50% no-repeat; text-decoration: none; transition: all 0.3s ease 0.1s; }
.circle2:hover{background:#1b97ea url(images/design2-o.png) 50% 50% no-repeat; border:2px solid #fff; }
.circle3 {width:122px; height:122px; display:inline-block; border-radius: 50%; border:2px solid #636363;
background:#ffffff url(images/design3.png) 50% 50% no-repeat; text-decoration: none; transition: all 0.3s ease 0.1s; }
.circle3:hover{background:#1b97ea url(images/design3-o.png) 50% 50% no-repeat; border:2px solid #fff; }
.circle4 {width:122px; height:122px; display:inline-block; border-radius: 50%; border:2px solid #636363;
background:#ffffff url(images/design4.png) 50% 50% no-repeat; text-decoration: none; transition: all 0.3s ease 0.1s; }
.circle4:hover{background:#1b97ea url(images/design4-o.png) 50% 50% no-repeat; border:2px solid #fff; }
.circle5 {width:122px; height:122px; display:inline-block; border-radius: 50%; border:2px solid #636363;
background:#ffffff url(images/design5.png) 50% 50% no-repeat; text-decoration: none; transition: all 0.3s ease 0.1s; }
.circle5:hover{background:#1b97ea url(images/design5-o.png) 50% 50% no-repeat; border:2px solid #fff; }
/* End About Us*/
/* Services */
#service{ float:left; width:100%; padding:15px 0; text-align:left;}
#service #sleft{ float:left; width:23%; height:auto; padding:15px 2% 0 0; text-align:right; }
.sleft{ width:97%; height:auto; padding:0 3% 0 0; border-right: #CCC thin solid; }
#service #sri8{ float:left; width:75%; height:auto; padding:15px 0 0 0; }
#service h2{display: inline-block; padding: 7px 20px 15px 20px; margin-bottom: 10px;
text-transform:capitalize; color:#0d8de3; background: #f1f1f2; border-left: 4px solid #67bef9;
font-size:22px; font-family: 'michromaregular',Arial, Helvetica, sans-serif;
}
#service h2 a{ text-decoration:none; color:#0d8de3;}
#service p, .description p{ padding:0 0 10px 0 !important; font-size:15px; text-align:justify;}
#sri8 ul{ padding:0 0 10px 0;}
#sri8 li{ line-height:16px; text-align:left; list-style:outside none;
background:url(images/sri-lanka.png) 0px 3px no-repeat;
padding:0px 0 0 12px; margin:0 0 3px 0;
}
.sleft ul{ padding:2px 0 0 0;}
.sleft ul, ol { margin-bottom: 10px; }
.sleft ul { list-style:none; }
.sleft ol { list-style: decimal; }
.sleft ul ul, ul ol, .sleft ol ol, ol ul { margin: 4px 0 5px 0px; font-size: 100%; }
.sleft ul ul li, ul ol li,
.sleft ol ol li, ol ul li { margin-bottom: 2px; }
.sleft li { margin-bottom: 2px; padding:7px 25px 7px 0; background:url(images/web-design-icon.png) 100% 50% no-repeat;
transition:all 0.3s ease 0.1s;}
.sleft ul.large li { line-height: 21px; }
.sleft li p { line-height: 21px; }
.sleft ul li a{ color:#061a34; text-transform:uppercase; font-weight:300; text-decoration:none; }
.sleft ul li:hover a{ color:#fff; text-decoration:none; border:none; }
.sleft ul li:hover{background:#0f8de2;}
.sleft li.current-menu-item a, .sleft li.current-menu-item a:link{color: #061a34 !important;}
#s { width: 90%; padding: 2px 0 2px 2px; background: #bae9f9; color: #000; border: 1px solid #a9d8eb;
font-family: 'open_sansregular', Verdana;
}
#searchsubmit { width: 90%; text-transform: uppercase;
background: #0081e6 url(images/search.png) 6px 5px no-repeat; border-width: 0px;
padding: 5px 17px 6px 27px; margin: 3px 0px 0px; border-radius: 3px;
color: #FFF; letter-spacing: 1px; font-size: 13px; font-weight: 400; text-decoration: none; cursor: pointer;
}
.widgettitle { width: 100%; height:auto; padding: 8px 0px 12px 0; margin: 15px 0 5px 0;
text-align: center; letter-spacing:1px; font-size: 18px; color: #FFF; text-transform: uppercase; background: none repeat scroll 0% 0% #0678b6;
font-family: 'michromaregular',Arial, Helvetica, sans-serif;
}
/*.screen-reader-text, .rating-block, .last-child{ display:none;}*/
/* end Services */
/* Products */
.portfolio{ width:100%; height:auto;}
.portfolio h1, .portfolio h2{ padding:0 0 20px 0; font-family:'michromaregular',Arial, Helvetica, sans-serif; text-transform:uppercase;
color:#0d8de3; font-size:32px; text-transform:uppercase;}
.products h1, .products h2{ width:100%; padding:0 0 20px 0;
font-family:'open_sansregular',Arial, Helvetica, sans-serif; text-transform:uppercase;
color:#0d8de3; font-size:22px; text-transform:uppercase;}
.description h1, .description-block h1{ font-weight:bold; color:#0d8de3; font-size:16px !important; text-transform:capitalize;}
#product_description h1{ font-weight:bold; color:#0d8de3; font-size:16px !important; text-transform:capitalize; margin:0 0 10px 0;}
.products h2 a{ color:#414141;}
.portfolio p, .prod-cat-addt-details-desc-div p{ width:99%; padding:0 0.5% 12px 0.5%; text-align:justify; color:#5f5f5f; line-height:1.2; }
.product-description, .portfolio ul, .description ul, .products ul{ padding:40px 0 20px 0; width:100%;}
#product_description { text-align:left;}
.product-description li, .portfolio li, .description li,.products li{ line-height:16px; text-align:left; list-style:outside none;
background:url(images/sri-lanka.png) 0px 2px no-repeat !important;
padding:0px 0 0 12px !important; margin:0 0 3px 0;
}
#product_description strong, .portfolio strong{ text-align:left !important; }
.upcp-standard-product-page .prod-cat-addt-details-main-div { margin-left:0 !important; }
.prod-cat-addt-details-thumbs-div, .rating-block { display:none;}
.upcp-standard-product-page { margin-left:0 !important;}/**/
.description-block strong{ margin-top:10px !important;}
.al_archive h3.product-name {background-color:#0a7ecb !important; box-shadow: 0 0 5px #0c6eaf !important; }
#breadcrumbs{ margin:10px 0 0 0; text-align:left;}
/* End Products */
/* contact */
#form{float:left; width:63%; padding:0 5% 0 1%; height:auto; }
div.wpcf7 { margin: 20px 0 0 0 !important; }
.wpcf7-captchar{ padding:3px 0 3px 3px; background: none repeat scroll 0% 0% #34a3ef; color: #fff; border:1px solid #2a97e1;}
.cbri8{float:left; width:30%; padding:10px 1% 0 0; height:auto; }
.cbri8 img{ text-decoration:none; border:0px none; background: none repeat scroll 0% 0% transparent;}
.cbri8 a{text-decoration:none;}
#form p{float:left; width:98%; text-align:left; font-size:17px; margin:0 0 0 0%;}
.cotxt { border: 0px none; font-size: 14px; font-family: 'open_sansregular',Arial,Helvetica,sans-serif;
background: none repeat scroll 0% 0% #34a3ef; color: #fff; opacity: 1; width: 97%;
height: 35px; padding: 0px 0px 0px 2%; margin: 0px 1% 2px 0;
}
.coboxes { border: 0px none; font-size: 14px;
font-family: 'open_sansregular',Arial,Helvetica,sans-serif;
background: none repeat scroll 0% 0% #34a3ef; color: #0f0f0f; opacity: 1;
height: 110px; width: 97%; padding: 2px 0px 0px 2%;margin: 0px 1% 1px 0;
}
.cosubmit {float:left; font-family: 'open_sansbold',Arial,Helvetica,sans-serif;
background: #20548b; border: 0px none; padding: 8px 35px; margin: 3px 0px 0px;
color: #fff; letter-spacing: 1px; font-size: 15px;
font-weight: 400; text-decoration: none; cursor: pointer;
text-transform: uppercase; box-sizing: content-box; transition: all 0.3s ease 0.1s;
}
.cosubmit:hover{background: #0d8de3; color:#fff;}
.cont{float:left; width:90%; padding:20px 5%; margin:0 0 25px 0; font-size:14px; background:#E9E8E8;
border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius: 10px; color:#333333;}
.cont a{ }
.cont h2{float:left; width:100%; padding:0 0 15px;
font-family: 'oswaldbook', Arial,"Arial Narrow"; font-size:24px; color:#0b6697;}
.cont p{float:left; width:100%; line-height:1; padding:0 0 10px 0; text-align:left; font-size:15px;}
.cont strong{ font-weight:bold;}
#map { float: left; width: 100%; height: 440px; display: block; padding: 0px; margin: 20px 0px 0 0; text-align: center;
}
::-webkit-input-placeholder { /* WebKit browsers */color: #fff !important;opacity: 1;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff !important; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff !important; opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color: #fff !important;opacity: 1;}
/* End Contact */
.entry-title{ font-size:16px; margin:10px 0; color:#0b6697; font-weight:bold;}
@media only screen
and (max-width : 1370px)
{
.enquire{ display:none;}
}
@media only screen
and (min-width : 950px)
{.al_archive { width: 30% !important; margin: 1% 1.66% 2% 1.66% !important;}
}
@media \0screen\,screen\9{
.enquire{ display:none;}
}
@media only screen
and (min-width : 726px)
and (max-width : 950px) {
.footertags{ display:none;}
.topsection{ padding:15px 0;}
.topsectionl, #qcontact{ float:left; width:96%; padding:0 2% 15px 2%;
}
.topsectionl h1{ width:100%; font-size:28px;}
.topsectionr{ float:left; width:96%; padding:5px 2% 0 2%;
text-align:center; }
#services h2{ width:100%; padding:0 0 20px 0;
font-size:30px;}
#services p{width:96%; padding:0 2% 20px 2%;}
#testimonials{ float:left; width:100%; background:none;}
#testil{ float:left; width:66%; text-align:right; padding:0 4% 0 0; height:auto;}
#testir{ float:left; width:30%; padding:0 0 0 0; height:auto;}
.footerlist{ float:left; width:31%; }
.connect{ float:left; width:98%; text-align:center; margin:15px 1% 0 1%;}
#body{ float:left; width:98%; padding:10px 1%;}
.designs{ float:left; width:48%; padding:20px 1% 10px 1%; }
}
/* Tab Prtrait*/
@media only screen
and (min-width : 641px)
and (max-width : 725px) {
.footertags{ display:none;}
.topsection{ padding:0 0;}
#qcontact, .topsectionl{ float:left; width:96%; padding:0 2% 15px 2%;
}
.topsectionl h1{ width:100%; font-size:28px;}
.topsectionr{ float:left; width:96%; padding:5px 2% 0 2%;
text-align:center; }
#services h2{ width:100%; padding:0 0 20px 0;
font-size:27px;}
#services p{width:96%; padding:0 2% 20px 2%;}
.evision h3, #qcontact h2{ font-size:26px;}
.evision h4{ font-size:28px; padding:0 0 20px 0;}
.evision p{float:left; width:90%; padding:0 5% 0 5%; }
#testimonials{ background-image:none;}
.testimonial_rotator_wrap.with-prevnext { padding:0 5% !important; margin:0 10% !important; width:70% !important;}
.txtenquire { float:none; margin:0 0 10px 0; height: 22px; padding-left:3%; min-width:97%;}
.txtenquirer { float:none; margin:0 0 10px 0; height: 22px; padding-left:3%; min-width:97%;}
.txtenq, .txtenq2 { float:none; margin:0 0 10px 0; height: 22px; padding-left:3%; min-width:97%;}
.txtarea{color: #fff; height: 90px; padding-left:3%; padding-top:3px; width:97%; margin: 0px 0px 7px;}
.footerlist{ float:left; width:31%; }
.connect{ float:left; width:98%; text-align:center; margin:15px 1% 0 1%;}
#body{ float:left; width:98%; padding:10px 1%;}
#body h1, .portfolio h1{ font-size:28px; padding:0 0 10px 0;}
.designs{ float:left; width:46%; padding:20px 2% 10px 2%; }
}
/* Iphone (portrait) ----------- */
@media only screen
and (min-width : 321px)
and (max-width : 640px) {
#testir, #clients, .footerlist, #body img, #sleft, .footertags{ display:none;}
.connect{ float:left; width:98%; text-align:center; margin:15px 1% 0 1%;}
#qcontact, .topl{ float:left; width:98%; padding:4px 1% 5px 1%; }
.topr{float:left; width:98%; padding:4px 1% 5px 1%;}
.call { float: right; padding: 4px 30% 10px 34px;}
.topsection{ padding:0 0;}
.topsectionl{ float:left; width:98%; padding:0 1% 15px 1%;}
.topsectionl h1, #testimonials h1, #qcontact h2{ width:100%; font-size:22px;}
.topsectionr{ float:left; width:96%; padding:5px 2% 0 2%; text-align:center; }
#services h2{ width:100%; padding:0 0 20px 0;
font-size:25px;}
#services p{width:96%; padding:0 2% 20px 2%;}
.evision h3{ font-size:17px;}
.evision h4{ font-size:21px; padding:0 0 10px 0;}
.evision p{float:left; width:94%; padding:0 3% 0 3%; }
.portfolios h3{ font-size:26px;}
#testimonials{ background-image:none;}
.testimonial_rotator_wrap.with-prevnext { padding:0 5% !important; margin:0 0% !important; width:90% !important;}
#testil{ float:left; width:98%; text-align:center; padding:0 1% 30px 1%; height:auto;}
.txtenquire { float:none; margin:0 0 10px 0; height: 22px; padding-left:3%; min-width:97%;}
.txtenquirer { float:none; margin:0 0 10px 0; height: 22px; padding-left:3%; min-width:97%;}
.txtenq, .txtenq2 { float:none; margin:0 0 10px 0; height: 22px; padding-left:3%; min-width:97%;}
.txtarea{color: #fff; height: 90px; padding-left:3%; padding-top:3px; width:97%; margin: 0px 0px 7px;}
.designs{ float:left; width:48%; padding:20px 1% 10px 1%; }
#form{width:98%; padding:0 1%; }
.cbri8{ width:98%; padding:10px 1%; }
#body{ float:left; width:98%; padding:10px 1%;}
#body h1, .portfolio h1{ font-size:25px; padding:0 0 10px 0;}
#service #sri8{ width:98%; height:auto; padding:15px 1% 0 1%; }
#sri8 p{ display:inline-block; width:100%;}
}
@media only screen
and (max-width : 320px) and (orientation : portrait) {
#testimonials, #clients, #qcontact, .footerlist, #design, .footertags{ display:none; }
p{ font-size:13px;}
.topl{ float:left; width:98%; padding:4px 1% 5px 1%; }
.topr{float:left; width:98%; padding:4px 1% 5px 1%;}
.topsection{ padding:0 0;}
.topsectionl{ float:left; width:98%; padding:0 1% 7px 1%;
}
.topsectionl h1{ width:100%; font-size:16px;}
.topsectionr{ float:left; width:96%; padding:5px 2% 0 2%;
text-align:center; font-size:13px; }
.topsectionr strong{ font-weight:400;}
#services h2{ width:100%; padding:0 0 20px 0;
font-size:20px;}
#services p{width:96%; padding:0 2% 20px 2%;}
.evision h3{ font-size:14px;}
.evision h4{ font-size:17px; padding:0 0 10px 0;}
.evision p{float:left; width:94%; padding:0 3% 0 3%; }
.portfolios h3{ font-size:20px;}
.testimonial_rotator_wrap.with-prevnext { padding:0 5% !important; margin:0 0% !important; width:90% !important;}
.connect{ float:left; width:98%; text-align:center; margin:5px 1% 0 1%;}
#form{width:98%; padding:0 1%; }
.cbri8{ width:98%; padding:10px 1%; }
div.wpcf7 { margin: 40px 0 0 0 !important; }
.wpcf7-captchar { width:95% !important;}
#body{ float:left; width:98%; padding:10px 1%;}
#body h1, .portfolio h1{ font-size:20px; padding:0 0 10px 0;}
#body h2{ font-size:20px; }
}
@media only screen and (max-width : 1136px) and (orientation : landscape) {
#services p{ width:86%; text-align:center; padding:0 6% 15px 6%}
#services h2 {
width: 100%;
padding: 10px 0 10px 0;
font-size: 25px;
}
#container{ float:left; width:100%; height:auto;}
}
@media only screen
and (max-width : 1536px)
and (max-height : 2048px)
and (orientation : portrait)
{ }