/*
Theme Name: iFlourish
Author: Cskills
Version: 1
*/



@media screen {

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	margin: 0;
	padding: 0;
	outline:none;
}
body { font-family: 'Open Sans', sans-serif;
width: 100%;
	font-weight: 300;
	color: #000000; font-size:14pt; line-height:24pt; margin:0; padding:0; /*overflow:hidden*/ overflow-y:scroll }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 100%; margin: 0 auto; }

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; line-height:normal }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 10px 0; }
a { color:#5c9e00; line-height:normal }
a:hover { color:#d3145a }

blockquote { }
blockquote p { }
img{ border:0}
ul, ol { margin: 0 0 10px 26px; }


} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; }
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
a { text-decoration: none; color: black; }

} /* END print media */



/* New Css */
input, select, textarea, a{ margin:0; padding:0; outline:none; -webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
transition: all 300ms linear}
a{ text-decoration:none;}
#header{ clear:both; overflow:hidden; position:fixed; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); width:100%; left:0; top:0; background:url(images/header-bg.png) repeat; z-index:3}
.header{ width:75%; margin:0 auto; clear:both; overflow:hidden; padding:10px 0}
.logo{ float:left;}
.logo img{ height:88px;}
.nav{ float:right; font-family: 'Ubuntu', sans-serif; font-size:22px; font-weight:700; padding:41px 0 0}
.nav ul{ margin:0; padding:0; list-style:none;}
.nav ul li{ margin:0; padding:0 15px; list-style:none; float:left;}
.nav ul li:first-child{ padding-left:0}
.nav ul li:last-child{ padding-right:0}
.nav ul li a{ color:#000; border-bottom:4px solid transparent; padding-bottom:5px; cursor:pointer;}
.nav ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_parent a{ color:#5c9e00; border-color:#5c9e00}

.middlemainsec{ clear:both; overflow:hidden; margin:116px 0 0; visibility:hidden}
#banner{ clear:both; overflow:hidden; position:relative; z-index:2; max-height:560px; }
#banner ul{ margin:0}
.homebanner{ clear:both; overflow:hidden; position:relative; background-position:center center; background-size:cover; height:560px;}
.bannermid{ width:75%; margin:0 auto; text-align:center; height:100%}
.bannercontentouter{ display:table; width:100%; height:100%}
.bannercontentinner{ display:table-cell; vertical-align:middle}
.bannercontent{ clear:both; overflow:hidden; margin:0 auto; width:90%;}
.bannercontent h1{ font-size:32pt; /*line-height:38pt;*/ font-family: 'Ubuntu', sans-serif; font-weight:700; color:#fff; margin:0; padding:0 0 50px; text-shadow:0px 0px 10px #727070; line-height:44px;}

.homebanner a{ background:#fff url(images/green-arrow.png) no-repeat 92% center; background-size:17px auto; color:#5c9e00; font-size:24pt; padding:5px 60px 10px 18px; display:inline-block; font-weight:700}
.homebanner a:hover{ background-color:#5c9e00; background-image:url(images/white-arrow.png); background-position:90% center; color:#fff}

.homestoriesmain{ clear:both; overflow:hidden; background:white; padding:45px 0 50px}
.homestories{ clear:both; overflow:hidden; margin:0 auto; width:75%}
.homestories ul{ margin:0 auto; padding:0; list-style:none; text-align:center;}
.homestories ul li{ width:33.33%; text-align:center; font-family: 'Ubuntu', sans-serif; font-weight:700; padding:0 30px; float:left;}
.homestories ul li h2{ font-size:20pt; line-height:22pt; font-weight:700; margin:0; padding:11px 0 19px}

.homestories ul li img{ border:1px solid #cbcbcb; width:100%;  -webkit-transition: all .4s ease-in-out;
 -moz-transition: all .4s ease-in-out;
 -o-transition: all .4s ease-in-out;
 -ms-transition: all .4s ease-in-out;
	vertical-align: middle;
	-webkit-transition-property: transform;
	transition-property: transform;}
.homestories ul li:hover img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}
.homestories ul li a{ background:#99c905; font-size:28px; color:#fff; padding:12px 25px; display:inline-block}
.homestories ul li a:hover{ background-color:#d3145a;}
.homestoryimg{ clear:both; overflow:hidden; font-size:0; border-radius:5px; position:relative; }
.storieslogo{ position:absolute; left:10px; top:10px; max-width:80px;}
.storieslogo img{ width:100% !important; max-height:none !important;  -webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-o-transform: scale(1) !important;
	transform: scale(1) !important; border:0 !important; height:auto !important}

.videosec{ clear:both; overflow:hidden; background:#d3145a; padding:53px 0 70px;}
.vidmidcontainer { clear:both; overflow:hidden; margin:0 auto; width:75%; 	-webkit-transition: all 500ms ease-in-out 0ms;
	transition: all 500ms ease-in-out 0ms; opacity: 0; transform: scale(0.7); }
.vidmidcontainer h1{ font-size:60px; text-align:center; font-family: 'Ubuntu', sans-serif; font-weight:700; color:#fff; margin:0;}




.videowrapper{ background:#fff; border-radius:8px; -webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.55);
box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.55); padding:35px; margin:46px auto 0; width:75%; }


.homeproduct{ clear:both; overflow:hidden; margin:0 auto; width:75%;  padding:65px 0; -webkit-transition: all 500ms ease-in-out 0ms;	transition: all 500ms ease-in-out 0ms; opacity: 0; transform: scale(0.7); background-position:30% bottom !important;  }
/* .productrowleft{ padding:150px 0 0 0} */
.productrowleft{ padding:15px 0 0 0}
.productrowleft h1{ font-size:32pt; line-height:38pt;  font-weight:700; font-family: 'Ubuntu', sans-serif; margin:0; padding:0 0 50px;}
.productrowleft a{background:#99c905; font-size:38px; color:#fff; padding:12px 25px; display:inline-block; font-family: 'Ubuntu', sans-serif; font-weight:700}
.productrowleft a:hover{ background-color:#d3145a;}
/*.productrowright{ float:right; }*/
.productrowright img{ width:100%}


#footer{ clear:both; overflow:hidden;}
.footerTop{ clear:both; overflow:hidden; background:#333333; padding:25px 0}
.midcontainer{ width:75%; margin:0 auto; clear:both; overflow:hidden; }
.footersocial{ float:left;}
.footersocial img{ margin-right:15px; height:60px; }
.footersocial a:last-child img{ margin:0}
.footergettouch{ float:right;}
.footergettouch a{ display:inline-block; background:#fff; color:#333333; font-family: 'Ubuntu', sans-serif; font-weight:700; font-size:35px; padding:10px 20px 12px 20px;}
.footergettouch a:hover{ background-color:#d3145a; color:#fff}
.footerBottom{ clear:both; overflow:hidden; background:#000000; font-size:15px; color:#b2b2b2; padding:8px 0}
.footerBottom a{color:#b2b2b2;}
.footerBottom a:hover{color:#d3145a;}
.copyright{ float:left;}
.footerlinks{ float:right;}
.footerlinks ul{ margin:0; padding:0; list-style:none}
.footerlinks ul li{ margin:0; padding:0; float:left;}
.footerlinks ul li:after{ content:'|'; padding:0 5px;}
.footerlinks ul li:last-child:after{ content:''; padding-right:0}

.storieslistmain{ clear:both; overflow:hidden; background:#f1f1f1; padding:0 0 50px;}
.categoriessec{ clear:both; overflow:hidden; position:relative; padding:0 0 15px }
.categorieslink{ margin:0 auto; font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:22px; color:#000; background:url(images/categories-downarrow.png) no-repeat 15px center #fff; background-size:20px auto; width:180px; text-align:center; display:block; border-radius:0 0 7px 7px; border:1px solid #e5e5e5; border-top:0; padding:6px 0 10px 30px}
.categorieslink:hover{ background-color:#5c9e00; color:#fff; background-image:url(images/categories-downarrow-white.png); border-color:#5c9e00}

.closebtnsec{ float:left; width:4%;}
.categorylistmain{ width:96%; float:right; padding-left:10px;}


.categorieslist{ clear:both; overflow:hidden; border-top:1px solid #afafaf; background:#fff; border-bottom:1px solid #afafaf; position:relative; left:0; top:0; width:100%; font-size:20px; padding:5px 10px; display:none; /*margin:-44px 0 0;*/ }
.expanded{ margin:0 auto; font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:22px; color:#000; background:url(images/categories-up-arrow.png) no-repeat 15px center #fff; background-size:20px auto; width:180px; text-align:center; display:block; border-radius:0 0 7px 7px; border:1px solid #e5e5e5; border-top:0; padding:6px 0 10px 30px}
.expanded:hover{ background-color:#5c9e00; color:#fff; background-image:url(images/categories-uparrow-white.png); border-color:#5c9e00}

.catboxactive.categorieslist{ display:block}

.categorieslist ul{ margin:0; padding:0; list-style:none}
.categorieslist ul li{ margin:0; padding:0 5px 5px; list-style:none; float:left;}
.categorieslist ul li a{ padding:5px 10px; display:inline-block; color:#000}
.categorieslist ul li a:hover, .categorieslist ul li.active a{ background:#98c804; color:#fff}
a.close{ background:url(images/close.png) no-repeat center center; background-size:37px auto; width:37px; height:37px; display:block}



.storieslist{ clear:both; overflow:hidden;}
.storieslist ul{ margin:0; padding:0; list-style:none}
.storieslist ul li{ margin:0 1% 2%; height: auto !important; padding:0; list-style:none; float:left; background:#fff; border:1px solid #cbcbcb; width:31.33%; border-radius:8px; overflow:hidden;}
.storiesimg{ clear:both; overflow:hidden; position:relative;}
.storiesimg img{ width:100%; -webkit-transition: all .4s ease-in-out;
 -moz-transition: all .4s ease-in-out;
 -o-transition: all .4s ease-in-out;
 -ms-transition: all .4s ease-in-out;
	vertical-align: middle;
	-webkit-transition-property: transform;
	transition-property: transform;}
.storiesdes{ clear:both; overflow:hidden; padding:37px 30px 43px;}
.storiesdes h3{  font-size:20pt; line-height:22pt; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0}
.storiesdes h3 a{ color:#000000}
.storiesdes h3 a:hover{ color:#5c9e00}

.storieslist ul li:hover img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}



.blogmain{ clear:both; overflow:hidden; background:#f1f1f1; padding:0 0 120px; position:relative;}
.blogmain.noMorePost{padding:0 0 50px;}
.loadmorepost{
	position:absolute;
	bottom:40px;
	left:0px;
	text-align:center;
	width:100%;
	}
.bloglist ul{ margin:0; padding:0; list-style:none}

.bloglist ul,.homestories ul, .storieslist ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}


.bloglist ul li{  margin:0 1% 2%; height: auto !important; padding:0; list-style:none; float:left; background:#fff; border:1px solid #cbcbcb; width:31.33%; border-radius:8px; overflow:hidden;}
.bloglist .blogimg{ clear:both; overflow:hidden; width:100%; height:auto; background-image:url(images/gif-load.gif); background-repeat:no-repeat; background-position:center center; background-size:40px 40px; }
.bloglist .blogimg img{ display:block; width:100%; height:auto; background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
}
.blogdes{ clear:both; overflow:hidden; padding:16px 30px 26px;}
.bloglist ul li a{ color:#000000; display:block;}
.bloglist ul li a:hover{ color:#5c9e00}
.blogdes h3{ font-size:18pt; line-height:20pt; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0 0 5px;}
.blogdate{ clear:both; overflow:hidden; font-size:16px; font-weight:300; font-family: 'Ubuntu', sans-serif; color:#808080}

.bloglist .blogimg img:hover{
background-size: 110%;
}



.loadmorepost{ clear:both; overflow:hidden; text-align:center; font-size:38}
.loadmorepost a{background:#99c905; font-size:38px; color:#fff; padding:12px 25px; display:inline-block; font-family: 'Ubuntu', sans-serif; font-weight:700}
.loadmorepost a:hover{ background-color:#d3145a;}



.blogdetail{ clear:both; overflow:hidden; background:#f1f1f1; padding:40px 0 0;}
.blogdetailtop{ width:70%; margin:0 auto; clear:both; overflow:hidden;}
h2.blogtitle{ font-size:32pt; line-height:38pt; font-weight:700; font-family: 'Ubuntu', sans-serif; margin:0; padding:0}


.authormain{ clear:both; overflow:hidden; padding:22px 0 13px}
.authorimg{ float:left;}
.authorimg img{ width:60px; height:60px; border-radius:30px; overflow:hidden; border:1px solid #cbcbcb}
.authornamedate{ float:left; padding:15px 0 0 20px; font-family: 'Ubuntu', sans-serif; font-weight:300; color:#4d4d4d;  font-size:16pt; line-height:24pt;}

.titleauthorleft{ float:left; width:80%}
.toppagination{ float:right; width:20%}
.nextlink{ float:right; padding-left:5px;}
.prevlink{ float:right; padding-right:5px;}
.prevlink a{ background:url(images/blog-prev-hover.jpg) no-repeat right center; background-size:58px auto; width:58px; display:inline-block; height:66px;}
.prevlink a.disbleprevarrow{ background-image:url(images/blog-prev.jpg); cursor:default}
.nextlink a{ background:url(images/blog-next-hover.jpg) no-repeat right center; background-size:58px auto; width:58px; display:inline-block; height:66px;}
.nextlink a.disblenextarrow{ background-image:url(images/blog-next.jpg); cursor:default}

.blogdetailinner{ width:70%; margin:0 auto; background:#fff; border:1px solid #e5e5e5; padding:30px; clear:both; overflow:hidden;}
.blogdetailinner img{ max-width:100%}
.blogdetailinner .blogimg{ padding-bottom:40px}

.blogcontentLeft{ float:left; width:75%; padding-right:50px;}
.blogcontentLeft p{ margin:0; padding:0 0 25px;}
.blogcontentLeft h2{font-family: 'Ubuntu', sans-serif; font-weight:700; font-size:24pt; line-height:26pt; margin:0; padding:0 0 20px }
.sociallink{ width:25%; float:right; text-align:right; font-size:0; max-width:254px;}
.social-box > span{ margin-bottom:15px; line-height:0}

.st_facebook_custom{ background:url(images/fb-share.png) no-repeat left top; width:100%; display:inline-block; cursor:pointer; background-size:100% auto;}
.st_facebook_custom:hover{ background-position: left top}

.st_twitter_custom{ background:url(images/tweet-share.png) no-repeat left top; width:100%; display:inline-block; cursor:pointer; background-size:100% auto;}
.st_twitter_custom:hover{ background-position: left top}

.st_email_custom{ background:url(images/forword-share.png) no-repeat left top; width:100%; display:inline-block; cursor:pointer; background-size:100% auto;}
.st_email_custom:hover{ background-position: left top}

.innerpageBg{ background:url(images/inner-page-bg.png) no-repeat right bottom; clear:both; overflow:hidden; padding-bottom:65px; width:90%; margin:0 auto; background-size:404px auto}
.innepagemain{ clear:both; overflow:hidden; background:#f1f1f1; padding:40px 0 0;}
.innepagemain .blogdetailtop{ width:60%}
.pageinnercontent{ width:60%; margin:0 auto; background:#fff; padding:30px; clear:both; overflow:hidden;}
.pageinnercontent p{ margin:0; padding:0 0 25px; line-height:36px;}
.pageinnercontent h3{font-family: 'Ubuntu', sans-serif; font-weight:700; font-size:34px; margin:0; padding:10px 0 20px }
.pageinnercontent a{ color:#80bc00}
.pageinnercontent a:hover{ color:#d3145a}
.innepagemain .blogtitle{padding:0 0 24px}

.productpagemain{ clear:both; overflow:hidden}
.productpagebanner{ clear:both; overflow:hidden; width:100%; font-size:0; position:relative; background-position:center center; background-size:cover; text-align:center}
.productpagebanner img{ max-height:100% }
.productbannerdes{ position:absolute; left:0; right:0; margin:0 auto; width:75%; top:50%; transform: translateY(-50%);text-align:left}
.productbannerdes h1{ font-family: 'Ubuntu', sans-serif; font-weight:700; font-size:32pt; /*line-height:38pt;*/ margin:0; padding:0 0 17px; color:#fff; text-shadow:0px 0px 10px #727070; line-height:44px;}
.productbannerdes a{background:#99c905; font-size:24pt; color:#fff; padding:11px 25px 14px; display:inline-block; font-family: 'Ubuntu', sans-serif; font-weight:700}
.productbannerdes a:hover{ background-color:#d3145a;}

.productrow{ clear:both; overflow:hidden; width: 100%;}
.panel-grid{ margin-bottom:0 !important}
.productinner{ width:75%; margin:0 auto; clear:both; overflow:hidden; padding:50px 0}
.productrow h1{ font-size:32pt; line-height:38pt; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0 0 23px}
.productrow h2{ font-size:24pt; line-height:26pt; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0}
.productrow h3{ font-size:30px; font-weight:400; margin:0; padding:0 0 18px}
.productrow p{ padding-bottom:9px}
.productrow p:last-child{ padding:0; margin:0}





.aboutvideo{ clear:both; overflow:hidden;}
.aboutinner{ margin:0 auto; width:75%; /*opacity:0*/}

.aboutvideo .widget-title, .aboutclient .widget-title{ color:#fff}
.aboutinner .widget-title{font-size:32pt; line-height:38pt; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0px 0 23px; text-align:center;}
.aboutvideo .widget-title{ padding:0}


.sow-video-wrapper{background:#fff; border-radius:8px; -webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.55);
box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.55); padding:35px; margin:46px auto 0; width:75%; }
.sow-video-wrapper iframe{ height:300px;}

.aboutvideo .sow-video-wrapper iframe{ width:100%; height:600px;}

.aboutrow{ clear:both; overflow:hidden;}
.aboutinner{ width:75%; margin:0 auto; clear:both; overflow:hidden; padding:50px 0}
.aboutrow h1{ font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0 0 23px; font-size:32pt; line-height:38pt;}
.aboutrow h2{ font-size:24pt; line-height:26pt; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0}

.aboutrow p{ padding-bottom:9px}
.aboutrow p:last-child{ padding:0; margin:0}
.aboutclient .widget_sow-image a{ background:#fff !important; padding:20px !important; clear:both; overflow:hidden; border-radius:10px; border:1px solid #cbcbcb; margin-bottom:30px !important; text-align:center; display:inline-block; width:100%; position:relative;}
.aboutclient .widget_sow-image img{ max-width:100%; width:auto !important; display:inline-block !important; top:0; bottom:0; margin:auto; left:0; right:0}
div.wpcf7-validation-errors{ display:none !important}
.noanchor{ cursor:default}



.gettouchleft{ float:left; width:60%; padding-right:25px;}
.gettouchleft p, .writetouseright p{ padding-bottom:10px;}
.gettouchleft a{ color:#5c9e00}
.gettouchleft a:hover{ color:#99c905 }
.writetouseright{ float:right; width:40%; padding-left:25px;}

.fieldleftsec{ float:left; width:48%;}
.fieldrightsec{ float:right; width:48%;}


/* stories page */
.storiesmain{ clear:both; overflow:hidden;}
.storiesbanner{ clear:both; overflow:hidden;min-height: 280px;position:relative; font-size:0; background-repeat:no-repeat; background-size:cover; background-position:center center}
.storiesbanner img{ max-height:100%;}
.storiesbannertextmain{ position:absolute; left:0; right:0; margin:0 auto; width:75%; font-size:60px; height:100%; top:0}

.storiesbannertextmain .storieslogo{ top:30px; font-size:0}

.storiesbannertextmain h1{ color:#fff; font-size:32pt; /*line-height:38pt;*/  font-family: 'Ubuntu', sans-serif; font-weight:700; position:absolute; left:0; bottom:50px; width:60%; /*line-height:64px;*/ text-shadow:0px 0px 10px #727070; line-height:44px;}
.storybannerdesright{ float:right; width:30%; text-align:right; padding:30px 0 0; position:relative; z-index:2; font-size:0}
.storybannerdesright a{ background:#fff url(images/take-look-bg.png) no-repeat 92% center; background-size:17px auto; color:#d3145a; font-family: 'Ubuntu', sans-serif; font-weight:700; /*font-size:38px;*/ font-size:24pt; padding:5px 70px 10px 20px;}
.storybannerdesright a:hover{ background-color:#d3145a; background-image:url(images/take-look-bg-hover.png); background-position:90% center; color:#fff}
.storiescontent{ clear:both; overflow:hidden;}
.storyrow{ clear:both; overflow:hidden;}
.storyinner{width:75%; margin:0 auto; clear:both; overflow:hidden; padding:50px 0}
.storyinner img{ width:auto !important; margin:0 auto}

.storyrow h1{ font-size:32pt; line-height:38pt;  font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0 0 23px}
.storyrow h2{ font-size:24pt; line-height:26pt; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0}
.storyrow h3{ font-size:34px; font-weight:400; margin:0; padding:0 0 18px}
.storyrow p{ padding-bottom:9px}
.storyrow p:last-child{ padding:0; margin:0}
.storyrow h3.widget-title{font-size:32pt; line-height:38pt; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0px 0 23px;}
.storyrow .sow-video-wrapper iframe{ width:100%;}

.previewgalleryrow{ clear:both; overflow:hidden;}
.previewinner{width:75%; margin:0 auto; clear:both; overflow:hidden; padding:50px 0}
.previewinner h3.widget-title{font-size:32pt; line-height:38pt; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0px 0 23px; color:#fff}


.clientthoughtsrow{ clear:both; overflow:hidden;}
.clientinner{ width:75%; margin:0 auto; clear:both; overflow:hidden; padding:50px 0}
.clientinner .simplePullQuote{ width:100%; border:0; background:url(images/quote-mark-open.png) no-repeat left top; background-size:auto /*56px*/ 20px;/* padding:0 0 0 90px;*/  padding:0 0 0 45px; margin:0; text-indent:0; /*font-size:32px;*/ font-size:12pt; /*line-height:normal;*/ line-height:14pt; font-style:normal; text-align:left; box-shadow:none !important}
.simplePullQuote p{ /*padding-right:75px;*/ padding-right:45px; font-size:14pt; line-height:20pt;}
.simplePullQuote p:last-child{ background:url(images/quote-mark-close.png) no-repeat right bottom; background-size:auto /*56px*/ 20px;}
.clientthoughtsrow .panel-grid:first-child .widget-title{ font-size:32pt; line-height:38pt; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0px 0 50px;}
.clientthoughtsrow .widget-title{ font-size:22px; font-weight:700; margin:0; padding:0 0 10px;}


.clientthoughtsrow .widget_sow-image{ margin-bottom:10px !important;}
.slb_slideshow{ display:none !important}
#slb_viewer_wrap .slb_theme_slb_default .slb_controls{ top:14px !important}
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag{ background:url(images/popup-close.png) no-repeat right center !important; background-size:25px auto !important; width:25px; height:25px; opacity:1 !important}

#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_prev .slb_template_tag{ background:url(images/lightbox-left-arrow.png) no-repeat left center !important; background-size:60px auto !important; margin:0 !important; opacity:1 !important; left:-16px !important}

#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_next .slb_template_tag{ background:url(images/lightbox-right-arrow.png) no-repeat right center !important; background-size:60px auto !important; margin:0 !important; opacity:1 !important; right:-16px !important}
.slb_content > span{ padding:80px 65px 0 !important; float:left !important;  }
.slb_content > span img{ width:100%}
#slb_viewer_wrap .slb_theme_slb_default .slb_details{ width:100%; float:left; padding:0 65px 10px !important;}
.slb_data_desc{ display:none !important}
#slb_viewer_wrap .slb_theme_slb_baseline *{/*font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:24pt; line-height:26pt*/ font-family: 'Open Sans', sans-serif; font-size:14pt; line-height:24pt !important; color:#000 !important}

#slb_viewer_wrap .slb_theme_slb_default .slb_group_status{font-family: "Open Sans",sans-serif !important; font-style: normal !important; left: 80px; position: absolute; top: 30px; color:#000 !important}
#slb_viewer_wrap .slb_theme_slb_default .slb_details{ position:static !important}

.textwidget .gallery-item{ width:12.5% !important; padding:0 10px;}
.textwidget .gallery-item img{ width:100%; height:auto; border:1px solid #fff !important}
.textwidget .gallery > br{ display:none}
.clientthoughtsrow .panel-grid-cell .so-widget-sow-image.so-widget-sow-image-base{ width:150px; height:150px; border-radius:80px; overflow:hidden; margin-left:20px;}
.clientthoughtsrow .panel-grid-cell .clientthoughtsmain .so-panel h3{ text-align:center; }
.clientthoughtsrow .panel-grid-cell .so-panel .textwidget{ color:grey; font-size:12pt; line-height:14pt; font-style:italic; text-align: center;}

/* stories page */





/* popup */
.pop-bg{ background:#fff; width:50%; padding:51px 0 0; position:absolute; top:80px; left:0; right:0; z-index:99999; margin:0 auto;  border-radius:5px; display:none; }
.pop-bg h1{  font-size:32pt; line-height:38pt; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0 0 10px }
.popuptitledes{ clear:both; overflow:hidden; padding:0 40px;}
.reqdemoform{ clear:both; overflow:hidden; background:#f1f1f1; margin:0; padding:10px 40px; border-radius:0 0 5px 5px}
.reqdemoform ul{ margin:0; padding:0; list-style:none}
.reqdemoform ul li{ margin:0; padding:0 0 15px;}
.reqdemoform ul li label{ clear:both; overflow:hidden; width:100%; padding-bottom:2px; float:left}
.reqdemoform ul li input[type="text"], .reqdemoform ul li input[type="email"], .reqdemoform ul li textarea{ width:100%; border:1px solid #cbcbcb; border-radius:8px; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight: 400; color:#000; padding:10px 10px;}
.req{ color:#d3145a}
.reqdemoform ul li textarea{ height:233px;}
.reqdemoform ul li input[type="submit"]{background:#99c905; font-size:24pt; color:#fff; padding:12px 25px; display:inline-block; font-family: 'Ubuntu', sans-serif; font-weight:700; border:0; cursor:pointer; float:right; margin-bottom:20px}
.reqdemoform ul li input[type="submit"]:hover{ background-color:#d3145a;}
#overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 10000;}
.close_btn{ width:25px; height:25px; background:url(images/popup-close.png) no-repeat right top; background-size:25px auto; cursor:pointer; position:absolute; right:20px; top:20px;}

.getintouchpopbg{ background:#fff; width:50%; padding:51px 0 0; position:absolute; top:80px; left:0; right:0; z-index:99999; margin:0 auto;  border-radius:5px; display:none; }
.getintouchpopbg h1{  font-size:32pt; line-height:38pt; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0 0 15px }
/* popup */

/* Desktop responsive nav */
.resmenu{ display: none}
/* Desktop responsive nav */

/* animation code */
.secunoffset{transform: scale(1); opacity: 1; }


[data-animate="true"] {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
/*	-ms-transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transform: translateY(50px);*/
	-webkit-transition: all 500ms ease-in-out 0ms;
	transition: all 500ms ease-in-out 0ms;
}

.unoffset {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
/*	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);*/
}

.loadermain{ position:fixed; left:0; top:0; width:100%; height:100%; background:#5c9e00; z-index:10}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position:absolute;
  z-index:999;
  left:50%;
  top:50%;
  margin-top:-6em;
  margin-left:-5em;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* animation code */

.thankyoumsg{ background:none; margin:0; padding:0 60px 35px;}
.thankyoutitle{ padding:0 0 15px !important  }
div.wpcf7-mail-sent-ok{ border:0 !important; padding:0 !important; margin:0 !important}
.fromteam{ display:none; clear:both; overflow:hidden; background:url(images/fromteamicon.png)  no-repeat left center; background-size:42px auto; padding:10px 0 10px 55px; margin:20px 0 0  }
.fieldrightsec.fieldfullsec{ width:100%; clear:both; overflow:hidden;}
/* New Css */



/* Project Template sec */
.projecttemplatesec .blogdetailtop{ padding-bottom:20px}
.projecttemplatesec h2.blogtitle{ float:left; width:78%; font-size:40px; padding-right:20px; }
.logoutbtn a{ background:#99c905; font-size:28px; float:right; color:#fff; padding:8px 30px; display:inline-block}
.logoutbtn a:hover{ background-color:#d3145a;}

.projecttemplatesec ul{ margin:0; padding:0; list-style:none;}
.projectnavleft{float: left; max-width: 254px; width: 25%;}
.projectnavleft li{ margin:0; padding:0 0 10px;}
.projectnavleft li a{background:#99c905; font-size:16px; width:100%; color:#fff; padding:8px 15px; display:inline-block; font-weight:600}
.projectnavleft li a:hover, .projectnavleft li a.active{ background:#638800}
.projectdetails{ float:left; width:75%; padding-right:50px; font-size:18px; padding:0 0 0 40px}
.projectdetails h2{font-size:34px; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0 0 30px; padding:0 0 15px; border-bottom:1px solid #ededed}
.projectdetails ol{ margin:0 0 0 35px}
.projectdetails ol li{ padding:0 0 10px 4px}

.loginform h2{font-size:60px; font-family: 'Ubuntu', sans-serif; font-weight:700; margin:0; padding:0 0 24px}

.loginform {
    background: #f1f1f1 none repeat scroll 0 0;
    clear: both;
    overflow: hidden;
	margin:0 0 50px;
    padding: 27px 60px;
}

.loginform label {


    clear: both;
    float: left;
    overflow: hidden;
    padding-bottom: 10px;
    width: 100%;
}


.loginform input[type="text"], .loginform input[type="password"]{
 border: 1px solid #cbcbcb;
    border-radius: 8px;
    color: #000;
    font-family: "Open Sans",sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 10px;
    width: 100%;
}


.loginform input[type="submit"] {
    background: #99c905 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-family: "Ubuntu",sans-serif;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 12px 25px;
}
.loginform input[type="submit"]:hover{ background:#d3145a}
/* Project Template sec */

.projectdetails .listsec{ clear:both; overflow:hidden; display:none}
.projectdetails .listsec:first-child{display:block}
.projecttemplatesec .blogdetailinner{ min-height:500px;}



.page-not-found{ text-align:center; clear:both; overflow:hidden; padding:100px 0}

.page-not-found h1 {
    font-family: "Ubuntu",sans-serif;
    font-size: 50px;
    font-weight: 700;
    margin: 0;
    padding: 0 0 23px;
}
.aa_error{ color:#f00; clear:both; overflow:hidden;}

/* Responsive Css */
@media only screen and (min-width:0px) and (max-width:1600px)  {
	/* .productrowleft{ padding:100px 0 0} */
		.productrowleft{ padding:15px 0 0}
}

@media only screen and (min-width:0px) and (max-width:1400px)  {
html {
 -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
input, textarea {
 border-radius: 0px;
 -webkit-appearance: none;
}
img {
 max-width: 100%;
 height: auto;
}
.header{ width:100%; padding:10px 15px;}
.bannermid{ width:100%; padding:0 15px;}
.homestories, .vidmidcontainer{ width:100%; padding:0 15px;}
.homeproduct{ width:100%; padding-left:15px; padding-right:15px;}
.midcontainer{ width:100%; padding:0 15px;}
.homestories ul li h2{ font-size:28px;}
/*.vidmidcontainer h1, .getintouchpopbg h1, .pop-bg h1, .aboutinner .widget-title, .aboutrow h1, .productbannerdes h1, .productrow h1, .storiesbannertextmain h1, .storyrow h1, .clientthoughtsrow .panel-grid:first-child .widget-title, .storyrow h3.widget-title, .loginform h2{ font-size:54px;}*/
.getintouchpopbg, .pop-bg{ width:70%}
.aboutinner, .productinner, .storyinner, .clientinner, .previewinner{ width:100%; padding:50px 15px;}
.productbannerdes, .storiesbannertextmain{ width:100%; padding:0 15px; bottom:20px}
.storiesbannertextmain h1{ left:15px;}
.innerpageBg{ width:90%; padding:0 15px 65px; background-position:right bottom}
.blogdetailtop, .innepagemain .blogdetailtop{ width:90%}
.blogdetailinner, .pageinnercontent{ width:90%}

.categorieslist{ padding:5px 0}

}

@media only screen and (min-width:0px) and (max-width:1250px)  {
.footerBottom{ padding: 15px 0}
.copyright{ width:100%; text-align:center; padding-bottom: 10px;}
.footerlinks{ width:100%; text-align:center;}
.footerlinks ul li{ display: inline-block; float:none; }
}

@media only screen and (min-width:0px) and (max-width:1200px)  {
.bannercontent{ width:75%}
/* .productrowleft{ padding:150px 0 0} */
.productrowleft{ padding:15px 0 0}

.videowrapper iframe{ height:450px}
.aboutvideo .sow-video-wrapper iframe{ height:450px}

.sow-video-wrapper iframe{ height:250px;}

}
@media only screen and (min-width:0px) and (max-width:1024px)  {

.nav
{
	font-size: 20px;
}

.homestories ul li h2 {
    font-size: 20px;
		    line-height: 26px;
}
.homestories ul li a, .productrowleft a, .loadmorepost a {

    font-size: 24px;
	}

.bloglist ul li{ width:48%;}
.innerpageBg{ width:100%; }
.blogdetailtop{ width:90%}
.blogdetailinner{ width:90%}

.storieslist ul li{width:48%;}
.storiesdes h3, .blogdes h3{ font-size:21px;}
.storiesdes{ padding:20px 15px 20px}
.textwidget .gallery-item{ width:20% !important; }

.slb_content > span{ padding:80px 0 0 !important}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_next .slb_template_tag{ right:0 !important}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_prev .slb_template_tag{ left:0 !important}
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status{ left:15px}
#slb_viewer_wrap .slb_theme_slb_default .slb_details{ padding:0!important}
.closebtnsec{ float:left; width:5%;}
.categorylistmain{ width:95%; }
/*.bloglist ul li:first-child{ height:330px !important}*/

.getintouchpopbg, .pop-bg{ width:80%}
.formcontent br{ display:none}
}

@media only screen and (min-width:0px) and (max-width:1023px)  {
.nav ul li{ padding:0 10px;}
.storybannerdesright{ width:50%}
.projecttemplatesec .blogdetailtop{ text-align:center;}
.projecttemplatesec h2.blogtitle{ text-align:center; width:100%; padding:20px 0 0}
.logoutbtn a{ float:none;}
.productrowleft{ padding:15px 0 0}
.getintouchpopbg, .pop-bg{ width:80%}

}
@media only screen and (min-width:0px) and (max-width:780px)  {
.aboutclient .aboutinner .panel-grid.offset .panel-grid-cell{ width:50% !important; float:left !important; padding:0 15px !important;}
.aboutinner .panel-grid.offset:first-child .panel-grid-cell{ width:100% !important}
/* .aboutclient .widget_sow-image a{ margin-bottom:0 !important} */

.clientthoughtsmain .panel-grid-cell:first-child{ clear:both; overflow:hidden}
.clientthoughtsmain .panel-grid-cell:first-child .panel-first-child, .clientthoughtsrow .panel-layout .panel-grid:last-child .panel-grid-cell:first-child .panel-first-child { float:left; width:30%; }
.clientthoughtsmain .panel-grid-cell:first-child .panel-last-child, .clientthoughtsrow .panel-layout .panel-grid:last-child .panel-grid-cell:first-child .panel-last-child{ width:70%; float:right; padding:0 0 0 20px}
.productrowleft{ width: 100%; padding: 0 0 50px; text-align:center; }
.productrowright{ width: 100%;}

.getintouchpopbg, .pop-bg{ width:80%}
.fieldleftsec{ width:100%;}
.fieldrightsec{ width:100%;}
.clientthoughtsrow .panel-grid-cell .so-panel .textwidget, .clientthoughtsrow .widget-title
{text-align: left;}
.aboutclient .widget_sow-image a{ margin-bottom:0 !important}
}
@media only screen and (min-width:0px) and (max-width:767px)  {
#header{ position:static;}
.middlemainsec{ margin:0}
.headertopsec{ position:relative; clear:both; overflow:hidden;}
.resmenu{ display: block; background:url(images/menu-icon.png) no-repeat right center; background-size:50px auto; position:absolute; right:0; top:0; bottom:0; margin:auto; font-size:0; width:50px; height:50px;    }
#responsive_nav{ display: none; position:absolute; z-index:9; left:0; top:113px; padding:0; width:100%}
#responsive_nav ul li{ width:100%; clear:both; overflow:hidden; padding:0; border-bottom:1px solid #fff; background:#fff }
#responsive_nav ul li a{ background:#99c905; float:left; width:100%; padding:10px 15px; color:#fff; border:0}
.resmenu.active{ background:url(images/menu-close.png) no-repeat right center; background-size:50px auto;}
#responsive_nav ul li a:hover{ background:#d3145a}
.homestories ul{
	display: block;
}
.homestories ul li{ width: 100%; padding: 0 50px 50px}
.videowrapper, .sow-video-wrapper{ width:90%; padding:20px;}

.clientthoughtsrow .panel-grid-cell .so-panel .textwidget, .clientthoughtsrow .panel-grid-cell .clientthoughtsmain .so-panel h3 {
    text-align: left;
}

.bannercontent{ width:100%}


.footerBottom{ font-size:12pt;}
.footerBottom .midcontainer{ padding:0 10px;}
.footersocial{ width: 100%; text-align: center; padding-bottom: 20px}
.footergettouch{ width: 100%; text-align: center}
.footersocial img{ height: 55px;}
.getintouchpopbg, .pop-bg{ width:80%;}
.gettouchleft{ width:100%; padding:0; text-align:center;}
.writetouseright{ width:100%; padding:0; text-align:center}
.popuptitledes{ padding:0 20px}
.reqdemoform, .loginform{ padding:15px 20px}
.productpagebanner img, .storiesbanner img{ height:auto; max-width:none }
.productpagebanner{ height:250px;}
.storiesbanner{ min-height:250px;}

/*.bloglist ul li:first-child{ height:auto !important}*/
.bloglist ul li:first-child .blogimg{ width:100%}
.bloglist ul li:first-child .blogdes{ width:100%}

.bloglist ul.blogcategorylist li{width: 48%;}

.blogdetailtop, .innepagemain .blogdetailtop{ width:100%;}
.blogdetailinner, .pageinnercontent{ width:100%; padding:15px}

.blogdetail{ position:relative;}
.prevlink{ position:absolute; left:15px; top:40px;}
.nextlink{ position:absolute; right:15px; top:40px;}
.titleauthorleft{ padding:0 78px}




.blogcontentLeft{ padding-right:0; width:100%}
.sociallink{ max-width:100%; width:100%; text-align:center; margin:20px 0 0}
.st_facebook_custom, .st_twitter_custom, .st_email_custom{ width:31.33%; margin:0 1%}
.titleauthorleft{ width:100%}
h2.blogtitle, .projecttemplatesec h2.blogtitle{ font-size:32px; text-align:center; line-height:normal}
.authormain{ text-align:center; padding:15px 0 13px}
.authorimg{ float:none;}
.authornamedate{ font-size:16px;width:100%; padding:5px 0 0; line-height:normal }
.divider{ display:none}
.dateblog{ display:inline-block; width:100%; padding:5px 0 0}
.storiesbannertextmain h1{ font-size:28px; line-height:30px}
.storybannerdesright a{ font-size:20px; background-size:12px auto; padding:5px 30px 10px 15px}
.storybannerdesright{ width:80%}
.textwidget .gallery-item{ width:33.33% !important;}
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status{ display:none}
.slb_content > span{ padding:0!important}
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag{ background-size:25px auto !important; width:25px; height:25px;}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_next .slb_template_tag, #slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_prev .slb_template_tag{ background-size:35px auto !important;}
#slb_viewer_wrap .slb_theme_slb_baseline *{ font-size:18px; line-height:20px !important}
.sow-video-wrapper iframe{ height:250px;}

.closebtnsec{ float:left; width:100%; padding-bottom:15px }
.categorylistmain{ width:100%; padding:0 }
.closebtnsec a.close{ margin:0 auto}
.productbannerdes h1{ font-size:28px; padding-bottom:15px}
.productbannerdes a{ font-size:22px;}

.slb_container{ width:90% !important; right:0; margin:0 auto !important}
.slb_container .slb_content{ width:100% !important; height:100% !important; clear:both; overflow:hidden;}


.bloglist ul li:first-child .blogimg{ height:auto; background-image:none}
.bloglist ul li:first-child .blogimg img{ display:block}

}

@media only screen and (min-width:0px) and (max-width:700px)  {
.projectnavleft{ width:100%; max-width:100%}
.projectdetails{ padding:30px 0 0; width:100%}
}

@media only screen and (min-width:0px) and (max-width:640px)  {
body{ font-size:12pt; line-height:22pt}
.videosec{ padding:30px 0 40px}
.videowrapper, .sow-video-wrapper{ width:96%; padding:10px; margin-top:20px}
.videowrapper iframe, .aboutvideo .sow-video-wrapper iframe{ height:300px;}
.bannercontent h1{ font-size:35px; line-height:normal}
.homebanner a, .loadmorepost a{ font-size:30px; padding:5px 15px 10px 15px; background-image:none !important; font-weight:700}
.homebanner{ height:360px;}
.homestories ul li{ padding:0 10px 30px}
.homestories ul li h2{ font-size:24px;  line-height:normal}
.homestories ul li a, .productrowleft a, .productbannerdes a, .logoutbtn a{ font-size:20px;}



.vidmidcontainer h1, .productrowleft h1{ font-size:24px; line-height:normal}
.getintouchpopbg h1, .productbannerdes h1, .pop-bg h1, .loginform h2{ font-size:28px; padding-bottom:15px}
.popuptitledes{ font-size:16px;}
.reqdemoform ul li{ /*text-align:center; */font-size:16px; padding:0 0 15px}
.reqdemoform ul li input[type="text"], .reqdemoform ul li input[type="email"], .reqdemoform ul li textarea, .loginform input[type="text"], .loginform input[type="password"]{ padding:8px 10px}
.reqdemoform ul li textarea{ height:165px;}
/*.reqdemoform ul li:last-child{ text-align:center}*/
.reqdemoform ul li input[type="submit"], .loginform input[type="submit"]{ font-size:29px; float:none; margin:0 auto}
.close_btn{ background-size:35px auto; width:35px; height:35px;}
.aboutinner .widget-title{font-size:20pt; line-height:24pt}
.aboutrow h1, .productrow h1, .storyrow h1, .clientthoughtsrow .panel-grid:first-child .widget-title, .storyrow h3.widget-title, .previewinner h3.widget-title{ font-size:20pt; line-height:24pt}
.productrow h3{ font-size:20px;}
.aboutclient .aboutinner{ padding:50px 0}
.aboutclient .aboutinner .panel-grid.offset .panel-grid-cell{ padding:0 10px !important; }
.aboutinner, .productinner, .storyinner, .clientinner, .previewinner{ padding:20px 15px}
.bloglist ul li:first-child .blogdes, .blogdes{ padding:10px 15px 15px}
.bloglist ul li:first-child .blogdes h3, .blogdes h3{ font-size:16px; line-height:normal}
.bloglist ul.blogcategorylist li .blogdes h3{ font-size:16px;}

.blogdate, .bloglist ul li:first-child .blogdate{ font-size:12px;	}
/*.blogcontentLeft p, .pageinnercontent p{ line-height:24px}*/
.storiesdes h3{ font-size:16px; line-height:normal}
.storiesdes{ padding:10px 15px 15px}
.pageinnercontent h3{ font-size:24px;}
.storiesbannertextmain h1{ bottom:10px; width:90%}
.storiesbannertextmain .storieslogo{ top:26px}

.clientinner .simplePullQuote{ background-size:auto 34px; padding:0 0 0 55px; font-size:18px}
.simplePullQuote p:last-child{ background-size:auto 34px; padding-right:50px}
.textwidget .gallery-item{ width:50% !important}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_next .slb_template_tag, #slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_prev .slb_template_tag{ }
.reqdemoform ul li input[type="submit"], .loginform input[type="submit"]{ font-size:24px;}
.categorieslist{ font-size:16px;}

.aboutclient .widget_sow-image img{ width:80% !important}

.prevlink a, .nextlink a{ background-size:35px auto; width:35px; height:42px;}
.titleauthorleft{ padding:0 45px}
.page-not-found h1{ font-size:30px}
.getintouchpopbg, .pop-bg{ width:90%}
}

@media only screen and (min-width:0px) and (max-width:480px)  {

.resmenu, .resmenu.active{ background-size:35px auto; width:35px; height:35px; }
.videowrapper iframe, .aboutvideo .sow-video-wrapper iframe{ height:250px;}
.bannercontent h1{ font-size:30px}
.bloglist ul li{ width:100%; height:auto !important; margin:0 0 25px;}
.bloglist ul.blogcategorylist li{width:100%;}
.st_facebook_custom, .st_twitter_custom, .st_email_custom{ width:80%; margin:0}
.storieslist ul li{width:100%; height:auto !important; margin:0 0 25px;}
#slb_viewer_wrap .slb_theme_slb_baseline *{ font-size:16px; line-height:18px !important}
.projectdetails h2{ font-size:32px}
.getintouchpopbg, .pop-bg{ width:96%}
.clientthoughtsrow .panel-grid-cell .so-widget-sow-image.so-widget-sow-image-base{ width:auto; height:auto; margin-left:0px;}
}



/* Responsive Css */

.splash {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	background: #fff;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s
}
.splash svg {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px
}
.splash svg g {
	stroke: #5c9e00
}
.splash .splash-no-smil {
	display: none
}
.no-smil .splash svg {
	display: none
}
.no-smil .splash .splash-no-smil {
	display: block
}
.splash.splash-dark svg g {
	stroke: #fff
}
.splash.loaded {
	opacity: 0
}

.login-submit{ margin:20px 0 10px}

.entry ol li {
    list-style-type: none;
    counter-increment: list;
    position: relative;
	padding-left:12px;
}

.entry ol li:after {
    content: counter(list) ".";
    position: absolute;
    left: -27px;
    width: 2em;
	top:1px;
    text-align: left;
}

.fluidVideo {
	padding-bottom: 56.1% !important;
	position: relative;
	width: 100%;
	margin-bottom: 20px !important;
	overflow: hidden;
}
.fluidVideo iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}


.productbannerdes a.requestdemo{background-color:#d3145a}
.productbannerdes a.requestdemo:hover{background-color:#99c905}
.popuptitledes p{line-height: 24px; margin:0px 0 20px;}
.pop-bg{max-width: 600px; width: 100%;}
.pop-bg .fieldleftsec{width: 100%;}
.pop-bg .reqdemoform ul li input[type="submit"]{float: none; margin-bottom: 10px;}

@media only screen and (min-width:0px) and (max-width:620px)  {
.pop-bg{width: calc(100% - 20px); margin: 0 10px;}

}

.grecaptcha-badge{ opacity: 0;}
.wpcf7 form.invalid .wpcf7-response-output{clear: both}