/*

Theme Name: Twenty Twelve

Theme URI: http://wordpress.org/themes/twentytwelve

Author: the WordPress team

Author URI: http://wordpress.org/

Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.

Version: 1.3

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: twentytwelve



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/* =Notes

--------------------------------------------------------------

This stylesheet uses rem values with a pixel fallback. The rem

values (and line heights) are calculated using two variables:



$rembase:     14;

$line-height: 24;



---------- Examples



* Use a pixel value with a rem fallback for font-size, padding, margins, etc.

	padding: 5px 0;

	padding: 0.357142857rem 0; (5 / $rembase)



* Set a font-size and then set a line-height based on the font-size

	font-size: 16px

	font-size: 1.142857143rem; (16 / $rembase)

	line-height: 1.5; ($line-height / 16)



---------- Vertical spacing



Vertical spacing between most elements should use 24px or 48px

to maintain vertical rhythm:



.my-new-div {

	margin: 24px 0;

	margin: 1.714285714rem 0; ( 24 / $rembase )

}



---------- Further reading



http://snook.ca/archives/html_and_css/font-size-with-rem

http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/





/* =Reset

-------------------------------------------------------------- */



/*-----CSS by Chandan-----*/

@font-face {

    font-family: homizio;

    src: url(font/homizio/black.ttf);

}

@font-face {

    font-family: homizio;

    src: url(font/homizio/bold.ttf);

}

@font-face {

    font-family: homizio;

    src: url(font/homizio/light.ttf);

}

@font-face {

    font-family: district_thin_pro;

    src: url(font/district_thin_pro/DistProTh.otf);

}

.headertop-wrapper{

  background-color:rgb(27, 80, 131);

  padding:10px 0;

  overflow:hidden;

}

#primary-404{

  margin:0 auto;

  max-width:1100px;

  padding:30px 0;

}

#sticker{

    background-color: #fff;

    left: 0;

    top:0;

    width: 100%;

    z-index: 1030;

}

.wrapper{

  width:100%;

  margin:0 auto;

}

.headertop{

  margin:0 auto;

  max-width:1200px;

  overflow:hidden;

}

.menu-top-menu-container{

  float:right;

}

.menu-top-menu-container ul li{

  list-style-type:none;

  display:inline-block;

}

.menu-top-menu-container ul li a{

    color: #e4e4e4;

    font-size: 12px;

    font-weight: 400;

    margin: 0 10px;

}

.logo-wrapper{

  margin:0 auto;

  max-width:1200px;

  overflow:hidden;

}

.logo-left{

    float: left;

    margin-top:5px;

    width: 48%;

}

.h-logo{

  float:left;

  width:45%;

}

.h-gplus{

    float: right;

    margin-left: 10px;

    width: 32%;

}

.fb-like{

  float:right;

  padding-top:30px;

}

.logo-right{

  float:right;

  width:50%;

  margin-top: 5px;

}

ul.ubermenu-submenu-id-53{

  

}

.h-quote {float:right; margin-top:25px;}

.h-phone {float:right; margin:3px 10px 0 20px; line-height:16px;}

.h-phone img{

  margin-right:5px;

}

.bbb{

  margin-top:3px !important;

}

.h-phone span{

    vertical-align:super;

    color: #0486c0;

    font-weight:bold;

    font-size: 24px;

    line-height: 30px;

}

.h-quote a, .plugin-right h4 a{

    background: none repeat scroll 0 0 #0097d0;

    box-shadow: 0 2px 0 0 #00779c;

    color: #fff;

    cursor: pointer;

    border-radius: 4px;

    font-family: "Roboto","sans-serif";

    font-size: 14px;

	transition-duration: 0.5s;

    font-weight: 700;

    padding: 11px 18px 10px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

}

.h-quote a:hover{

   background:none repeat scroll 0 0 #2f2f2f;

   box-shadow:0 2px 0 0 #000;

   border-radius:4px;

   color:#fff;

 }

.h-partner {float:right;}

.logo-right-call{

  float:right;

  margin-left:30px;

}

#site-navigation{

  margin:0 auto;

  width:100%;

  background:linear-gradient(to bottom, #fff 0%, #e6e6e6 91%, #e6e6e6 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);

}

#site-navigation .ubermenu-main{

  background:linear-gradient(to bottom, #fff 0%, #e6e6e6 91%, #e6e6e6 99%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

}

#sticker-sticky-wrapper{



}

.is-sticky #sticker{

   box-shadow:0 1px 8px #c1c1c1;

   background-image:-moz-linear-gradient(center top , #ffffff, #f9f7f7);

   border-bottom:1px solid #d5d5d5;

}

.logo-left img{

 transition-duration: 0.5s;

 }

.is-sticky #sticker .logo-left img{

  width:200px;

}

.is-sticky #sticker .logo-right .h-partner img{

  width:150px;

}

#site-navigation ul li{margin-left:0;}

#site-navigation ul li a{

  font-size:14px;

  color:#000;

  padding:12px 27px;

}

#site-navigation ul li a:hover{

  color:#0486c0 !important;

}

#site-navigation ul li.menu-item-has-children:hover{

  background-color:#0486c0;

  color:#fff !important;

}

.h-first{

  background: url(images/header-bg.jpg) no-repeat fixed center center / cover  rgba(0, 0, 0, 0);

  min-height:550px;

  text-align:center;

}

.h-first-content h1{

   padding-top:40px;

   color:#fff;

   font-size: 27px !important;

   font-weight: 100;

}

.h-cform{

  margin:30px auto 0;

  max-width:890px;

  background-color:#000;

  opacity:0.8;

  padding:30px 30px 50px;

  overflow:hidden;

}

.h-cform .wpcf7-mail-sent-ok{color: #fff; border:none;}

.h-cform ul li{

  float:left;

  margin-right:5px;

}

.h-cform .title{

    color: #fff;

    font-size: 2.7em;

    font-weight: 200;

    line-height: 1.2em;

    padding-bottom: 20px;

    text-shadow: 2px 2px #1e1e1e;

}

.h-cform .wpcf7{

  margin:0 auto;

  width:92%;

}

.h-cform .title span{color:#0486c0; font-weight:bold; text-shadow: 2px 2px #00134d;}

span.toronto{

  font-size: 3em;

  text-shadow: 2px 2px #1e1e1e;

  font-weight: 700;

  line-height: 1.2em;

}

span.seo{

    font-size: 2em;

    font-weight: 500;

    line-height: 1.3em;

    text-shadow: 2px 2px #1e1e1e;

}

span.marketing{

   font-size: 1em;

    line-height: 1.6em;

    text-shadow: 2px 2px #1e1e1e;

}

.h-second{

 margin: 10px auto 20px;

 max-width:1200px;

}

.c-logo{margin:0 auto; max-width:1200px;}

.c-logo1 img.pop{

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

	display: block;

    margin: 0 auto;

  

}

.faq-title{

  font-size:16px;

  font-weight:bold;

  color:#000;

  margin-bottom:15px;

}

.faq-title::before{

    color: #0486c0;

    content: "\f0a4";

    font-family: fontAwesome;

    margin-right: 10px;

}

.c-logo1 img.pop:hover{

    -webkit-transform: scale(1.3); 

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    transform: scale(1.3);

}

.c-logo1{

    border-bottom: 1px solid #dbe2e2;

    border-right: 1px solid #dbe2e2;

    display: inline-block;

    padding: 30px 25px;

    position: relative;

    vertical-align: top;

    width: 295px;

}

.h-second .last-box{

  border-right:none !important;

}

.c-logo1:after{

    background: none repeat scroll 0 0 #fff;

    bottom: -15px;

    content: "";

    height: 30px;

    position: absolute;

    right: -15px;

    width: 30px;

    z-index: 77;

}

.c-logo-hover{

  padding:25px 15px;

}

.h-second h3{

    border-bottom: 1px solid #e2e2e2;

    color: #272727;

    font-size: 50px;

    font-weight: 300;

    line-height: 1.2em;

    margin: 0 auto 15px;

    max-width: 1200px;

    padding: 15px 0;

    text-align: center;

    text-shadow: 1px 1px 2px #626262;

	/*font-family: "Pathway Gothic One";*/

	font-family: 57px/1 "roboto-light-webfont",sans-serif;

}

.h-second h3 span{

    color: #0486c0;

    font-size: 50px;

    font-weight: 600;

}

.h-second p{

    color: #353535;

    font-family: "Pathway Gothic One";

    font-size: 40px;

    font-style: normal;

    font-weight: normal;

    margin-bottom: 20px;

    text-align: center;

    text-transform: uppercase;

}

.h-second h2{

  font-size:16px;

  color:#fff;

}

.h-fourth{

    margin: 0 auto;

    max-width: 1100px;

    overflow: hidden;

    padding-bottom: 20px;

}

.h-fourth h2{



}

.h-fourth h2 span{

  vertical-align:top;

}

.fourth-left{

  float:left;

  width:52%;

}

.fourth-left img{

   display: block;

   margin: 40px auto 0;

   transition:opacity 0.35s ease 0s, transform 0.35s ease 0s;

   padding:20px;

   }

.fourth-left img:hover{

  transform:translate3d(0px, 30px, 0px);

}

.h-fourth-wrapper{width:100%;}

.h-fourth-wrapper h2{

    border-bottom: 1px solid #e2e2e2;

    color: #272727;

    font-size: 50px;

    font-weight: 300;

    line-height: 10px;

    margin: 0 auto 35px;

    max-width: 1200px;

    padding: 25px 0;

    text-align: center;

	text-shadow:1px 1px 2px #626262;

}.h-fourth-wrapper h2 span.keyword{    font-size: 30px;    font-weight: 400;}

.h-fourth-wrapper h2 span{

   color: #0486c0;

    font-size: 50px;

    font-weight: 600;

}

.h-fourth-wrapper h2 span.fa-question-circle{

    background-color: #0486c0;

    border-radius: 100%;

    color: #fff;

    padding: 15px 20px;

}

.fourth-left h3{

    color: #0097d0;

    font-size: 25px;

    font-weight: 300;

    padding-bottom: 20px;

}

.fourth-left p{

    color: #000;

    font-size: 14px;

    font-weight: 300;

    line-height: 22px;

    margin-bottom: 20px;

    text-align: justify;

}

.fourth-right{

    float: right;

    padding: 20px;

    width: 35%;

	background-color: #f5f5f5;

    border: 1px solid rgba(0, 0, 0, 0.05);

    border-radius: 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;

    margin-bottom: 20px;

}

.whyserv1{

  background:url(images/whytab-icon1.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  padding-left:60px;

  margin-bottom:20px;

  transition-duration: 0.5s;

}

.whyserv1:hover{

  display:block;

  padding:10px 10px 10px 60px;

  box-shadow: 0 10px 10px #7c7c7c;

  background: url(images/whytab-icon1.jpg) no-repeat scroll 5px 10px #fff;

}

.whyserv2:hover{

  display:block;

  padding:10px 10px 10px 60px;

  box-shadow: 0 10px 10px #7c7c7c;

  background: url(images/whytab-icon2.jpg) no-repeat scroll 5px 10px #fff;

}

.whyserv3:hover{

  display:block;

  padding:10px 10px 10px 60px;

  box-shadow: 0 10px 10px #7c7c7c;

  background: url(images/whytab-icon3.jpg) no-repeat scroll 5px 10px #fff;

}

.whyserv4:hover{

  display:block;

  padding:10px 10px 10px 60px;

  box-shadow: 0 10px 10px #7c7c7c;

  background: url(images/whytab-icon4.jpg) no-repeat scroll 5px 10px #fff;

}

.whyserv5:hover{

  display:block;

  padding:10px 10px 10px 60px;

  box-shadow: 0 10px 10px #7c7c7c;

  background: url(images/whytab-icon5.jpg) no-repeat scroll 5px 10px #fff;

}

.whyserv1 .title{

    color: #0097d0;

    font-size: 16px;

    font-weight: 400;

    padding-bottom: 10px;

}

.whyserv1 p{

  color: #000;

  font-weight:300;

  font-size:13px;

  line-height: 1.3;

  text-align: justify;

} 

.whyserv2{

  background:url(images/whytab-icon2.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  padding-left:60px;

  margin-bottom:20px;

  transition-duration: 0.5s;

}

.whyserv2 .title{

    color: #0097d0;

    font-size: 16px;

    font-weight: 400;

    padding-bottom: 10px;

}

.whyserv2 p{

  color: #000;

  font-weight:300;

  font-size:13px;

  line-height: 1.3;

  text-align: justify;

} 

.whyserv3{

  background:url(images/whytab-icon3.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  padding-left:60px;

  margin-bottom:20px;

  transition-duration: 0.5s;

}

.whyserv3 .title{

    color: #0097d0;

    font-size: 16px;

    font-weight: 400;

    padding-bottom: 10px;

}

.whyserv3 p{

  color: #000;

  font-weight:300;

  font-size:13px;

  line-height: 1.3;

  text-align: justify;

} 

.whyserv4{

  background:url(images/whytab-icon4.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  padding-left:60px;

  margin-bottom:20px;

  transition-duration: 0.5s;

}

.whyserv4 .title{

    color: #0097d0;

    font-size: 16px;

    font-weight: 400;

    padding-bottom: 10px;

}

.whyserv4 p{

  color: #000;

  font-weight:300;

  font-size:13px;

  line-height: 1.3;

  text-align: justify;

} 

.whyserv5{

  background:url(images/whytab-icon5.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  padding-left:60px;

  margin-bottom:20px;

  transition-duration: 0.5s;

}

.whyserv5 .title{

    color: #0097d0;

    font-size: 16px;

    font-weight: 400;

    padding-bottom: 10px;

}

.whyserv5 p{

  color: #000;

  font-weight:300;

  font-size:13px;

  line-height: 1.3;

  text-align: justify;

} 

.h-fifth{

  margin:0 auto;

  max-width:1200px;

}

.h-fifth ul.tabs {

    font-size: 0;

    list-style-type: none;

    margin: 0 auto 10px;

    padding: 7px 0;

    text-align: center;

}

.h-fifth ul.tabs li.selected a{

    background: none repeat scroll 0 0 #2f2f2f;

    border: 1px solid #2f2f2f;

    box-shadow: 0 2px 0 0 #000;

    color: #fff;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 14px;

    margin: 0 2px;

    padding: 9px 25px 8px;

    transition-duration: 0.5s;

}

.h-fifth ul.tabs li a{

    background: none repeat scroll 0 0 #0097d0;

    border: 1px solid #0097d0;

    box-shadow: 0 2px 0 0 #00779c;

    color: #fff;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 14px;

    margin: 0 2px;

    padding: 9px 25px 8px;

    transition-duration: 0.5s;

}

.h-fifth ul.tabs li a:hover{

    background: none repeat scroll 0 0 #2f2f2f;

    border: 1px solid #2f2f2f;

    box-shadow: 0 2px 0 0 #000;

}

.h-fifth  div.tabcontents{border:none;}

.h-fifth h3{

   border-bottom: 1px solid #e2e2e2;

    color: #272727;

    font-size: 45px;

    font-weight: 300;

    line-height: 20px;

    margin: 0 auto 35px;

    max-width: 1200px;

    padding: 25px 0 40px;

    text-align: center;

    text-shadow: 1px 1px 2px #626262;

}

.h-fifth h3 span.fa-thumbs-o-up{

   margin-right:10px;

   background-color: #0486c0;

   border-radius: 100%;

   color: #fff;

   padding: 15px 20px;

   }

.h-fifth h3 span{

    color: #0486c0;

    font-size: 50px;

    font-weight: 600;

}

.view1-left {

  float:left;

  width:45%;

}

.view1-right {

  float:right;

  width:45%;

}

#portfolio .tabcontents h4{

   border-bottom:none !important;

    padding-bottom: 0 !important;

}

#portfolio .tabcontents ul li{

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

    font-weight: normal !important;

    padding-left: 0 !important;

}

.tabcontents h4{

    border-bottom: 1px solid #dbdbdb;

    color: #0097d0;

    font-size: 25px;

    font-weight: 300;

    margin-bottom: 15px;

    padding-bottom: 15px;

    text-align: center;

	text-shadow:0 1px 1px #027cb5;

}

.view1-left h4{

   background:url(images/tab3.png) no-repeat scroll 65px -3px rgba(0, 0, 0, 0);

}

.view1-right h4{

   background:url(images/tab3.png) no-repeat scroll 33px -3px rgba(0, 0, 0, 0);

}

.tabcontents p{

    color: #0097d0;

    font-size: 16px;

    font-weight: 300;

    line-height: 1.4;

    margin-bottom: 15px;

}

.tabcontents ul li{

    background: url(images/li-arrow.jpg) no-repeat scroll 0 8px rgba(0, 0, 0, 0);

    color: #000;

    font-size: 14px;

    font-weight: 300;

    line-height: 1.6;

    padding-left: 15px;

}

.r-more {margin-top:25px; margin-bottom:10px;}

.r-more a{

    background-color: rgb(42, 160, 239);

	border-color: rgba(125, 199, 250, 0.35);

    border-radius: 4px;

    border-style: solid;

	border-width: 0;

    color: rgb(255, 255, 255) !important;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 14px;



    font-weight: 300;

    padding: 7px 20px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    transition-duration: 0.5s;

}

.r-more a:hover{

    background: none repeat scroll 0 0 #2f2f2f;

    border-radius: 4px;

    color: #fff;

	}

.r-more span.fa-caret-right{

    font-size: 16px;

    margin-right: 5px;

}

.view2-left {

  float:left;

  width:60%;

}

.view2-left h4{

   background: url(images/tab2.png) no-repeat scroll 135px -7px rgba(0, 0, 0, 0)

}

.view2-left p{

    color: #000;

    font-size: 14px;

    font-weight: 300;

    line-height: 1.4;

    margin-bottom: 15px;

}

.view2-right {

  float:right;

  width:30%;

}

.view2-serv-wrapper{

 overflow:hidden;

}

.view2-serv1{

  background:url(images/tab2_icon1.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  padding-left:50px;

  float:left;

  width:26%;

  margin:20px 30px 30px 0;

  }

.view2-serv2{

  background:url(images/tab2_icon2.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  padding-left:50px;

  float:left;

  width:24%;

  margin:20px 30px 30px 0;

  }

.view2-serv3{

  background:url(images/tab2_icon3.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  padding-left:50px;

  float:left;

  width:24%;

  margin: 20px 0 30px 0;

  }

.view2-serv4{

  background:url(images/tab2_icon4.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  padding-left:50px;

  float:left;

  width:26%;

  margin:0 30px 10px 0;

  }

.view2-serv5{

  background:url(images/tab2_icon5.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  padding-left:50px;

  float:left;

  width:24%;

  margin:0 30px 10px 0;

  }

.view2-serv6{

  background:url(images/tab2_icon3.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  padding-left:50px;

  float:left;

  width:24%;

  margin: 0 0 10px 0;

  }

.view2-left h5{

    color: #0097d0;

    font-size: 16px;

    font-weight: 300;

    padding-bottom: 10px;

}

.view2-right img{

    display: block;

    margin: 0 auto;

	padding-top:30px;

}

.portfolio{

   margin-top:70px;

   text-align:center;

}

.portfolio a{

    background-color: rgb(42, 160, 239);

	border-color: rgba(125, 199, 250, 0.35);

    border-radius: 4px;

	border-style: solid;

    color: rgb(255, 255, 255);

	display: inline-block;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 14px;

    font-weight: 500;

    padding: 10px 20px;

    text-decoration: none;

    text-transform: uppercase;

    transition-duration: 0.5s;

}

.portfolio a:hover{

    background: none repeat scroll 0 0 #2f2f2f;

    border-radius: 4px;

    color: rgb(255, 255, 255);

}

.portfolio span.fa-briefcase{

  margin-right:8px;

}

#view3 img{

  margin: 0 auto 30px;

  display:block;

}

.view3-left{

  float:left;

  width:45%

}

.view3-right{

  float:right;

  width:50%

}

#view3 p{

    color: #000;

    font-size: 14px;

    font-weight: 300;

    line-height: 1.4;

    padding-bottom: 15px;

}

.view3-serv1{

    background: url(images/serv_icon1.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    color: #0097d0;

    float: left;

    font-weight: 300;

    line-height: 1.3;

    margin: 0 0 30px;

    min-height: 50px;

    padding: 0 0 0 55px;

    width: 35%;

}

.view3-serv2{

    background: url(images/serv_icon2.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    color: #0097d0;

    float: right;

    font-weight: 300;

    line-height: 1.3;

    margin: 0 0 30px;

    min-height: 50px;

    padding: 0 0 0 55px;

    width: 35%;

}

.view3-serv3{

    background: url(images/serv_icon3.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    color: #0097d0;

    float: left;

    font-weight: 300;

    line-height: 1.3;

    margin: 0 0 30px;

    min-height: 50px;

    padding: 0 0 0 55px;

    width: 35%;

}

.view3-serv4{

    background: url(images/serv_icon4.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    color: #0097d0;

    float: right;

    font-weight: 300;

    line-height: 1.3;

    margin: 0 0 30px;

    min-height: 50px;

    padding: 0 0 0 55px;

    width: 35%;

}

.view3-left h4{

  background: url(images/tab5.png) no-repeat scroll 70px -3px rgba(0, 0, 0, 0);

}

.view4-left{

  float:left;

  width:23%;

  margin-right:30px;

}

.view4-right{

  float:left;

  width:73%;

}

.view4-right p{

  margin-bottom:30px;

  color:#000;

}

a.r-more{

    background-color: rgb(42, 160, 239);

	border-color: rgba(125, 199, 250, 0.35);

	border-style: solid;

	border-width: 0;

    border-radius: 4px;

    color: rgb(255, 255, 255);

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 14px;

    font-weight: 500;

    padding: 10px 20px;

    text-decoration: none;

    text-transform: uppercase;

    transition-duration: 0.5s;

}

.animated {

    animation-duration: 1s;

    animation-fill-mode: both;

	}

a.r-more:hover{

    background: none repeat scroll 0 0 #2f2f2f;

    border-radius: 4px;

    color: rgb(255, 255, 255);

}

a.portfolio{

    background: none repeat scroll 0 0 #2f2f2f;

    border-radius: 4px;

    color: #fff;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 14px;

    font-weight: 500;

    padding: 10px 20px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    transition-duration: 0.5s;

}

a.portfolio:hover{

   color:#fff !important;

}

h4.marketing{

  padding-top:40px;

}

.view4-right h4.email{

  background:url(images/tab4.png) no-repeat scroll 285px -2px rgba(0, 0, 0, 0);

}

.marketing-left{

  float:left;

  width:40%;

} 

.marketing-right{

  float:right;

  width:50%;

}

#view5 img{

  margin:0 auto;

  display:block;

  margin-bottom:30px;

}

#view5 p{

  color:#000;

}

.view5-left{

  float:left;

  width:45%;

}

.view5-right{

  float:right;

  width:40%;

}

#view5 h4{

  background:url(images/tab6.png) no-repeat scroll 270px -2px rgba(0, 0, 0, 0);

}

#primary-home{

    background-color: #f9f9f9;

    width: 100%;

	padding-bottom:20px;

}

#content-home{

  margin:0 auto;

  max-width:1150px;

}

#primary-home  .h-column{

    background-color: #f9f9f9;

    border: 1px solid #0097d0;

    float: left;

    margin: 0 35px;

    padding: 20px;

    transition-duration: 0.5s;

    width: 28%;

}

#primary-home  .h-column-right{

    background-color: #f9f9f9;

	border: 1px solid #0097d0;

    float: right;

    padding: 20px;

    width: 26%;

	transition-duration: 0.5s;

	margin-right: 30px;

}

.h-column .title, .h-column-md .title{

    border-bottom: 1px solid #e2e2e2;

    color: #0097d0;

    font-family: "Raleway",sans-serif;

    font-size: 17px !important;

    font-weight: 400;

    margin: 0 0 15px !important;

    padding: 15px 0;

    text-align: center;

}

.h-column p, .h-column-md p{

  text-align:center !important;

  font-size:14px !important;

  font-weight:300 !important;

  font-family: "Roboto","sans-serif" !important;

}

.h-column-right p{

  text-align:center !important;

  font-size:14px !important;

  font-weight:300 !important;

  font-family: "Roboto","sans-serif" !important;

}

#primary-home .h-column:hover{

  background-color:#0097d0;

  box-shadow: 0 10px 10px #7c7c7c;

}

#primary-home .h-column-md{

  background-color:#0097d0;

  box-shadow: 0 10px 10px #7c7c7c;

  border: 1px solid #0097d0;

  float: left;

  margin: 0 35px;

  padding: 20px;

  transition-duration: 0.5s;

  width: 28%;

}

.h-column h4, .h-column-md h4{

  text-align:center;

}

.h-column-right h4{

  text-align:center;

}

.h-column-right h4 span.fa{

    background-color: #0097d0;

    border-radius: 40px;

    color: #fff !important;

    font-size: 50px;

    margin-bottom: 20px;

    padding: 25px;

}

.h-column h4 span.fa, .h-column-md h4 span.fa{

    background-color: #0097d0;

    border-radius: 40px;

    color: #fff !important;

    font-size: 50px;

    margin-bottom: 20px;

    padding: 25px;

}

#primary-home .h-column:hover h3, #primary-home .h-column-md .title{color:#fff;}

#primary-home .h-column:hover p, #primary-home .h-column-md p{color:#fff;}

#primary-home .h-column-right:hover{

  background-color:#0097d0;

  box-shadow: 0 10px 10px #7c7c7c;

}

#primary-home .h-column-right:hover h3{color:#fff;}

#primary-home .h-column-right:hover p{color:#fff;}

#primary-home h2{

    border-bottom: 1px solid #e2e2e2;

    color: #272727;

    font-size: 50px;

    font-weight: 300;

    line-height: 1.2em;

    margin: 0 auto 35px;

    max-width: 1200px;

    padding: 25px 0;

    text-align: center;

    text-shadow: 1px 1px 2px #626262;

}

.service-page h2.landing-page{

    border-bottom: 1px solid #e2e2e2;

    color: #272727;

    font-family: lato;

    font-size: 50px;

    font-weight: 600;

    letter-spacing: -2px;

    line-height: 60px;

    margin: 0 auto 35px;

    max-width: 1000px;

    padding: 25px 0;

    text-align: center;

    text-shadow: 1px 1px 1px #7d7d7d;

}

.service-page h3{

    color: #0486c0;

    font-family: lato;

    font-size: 40px;

    font-weight: 600;

    letter-spacing: -2px;

    line-height: 50px;

    padding: 20px 0;

    text-shadow: 1px 1px 1px #00639d;

}

.service-quote {

  text-align:center;

  padding:20px 0;

  margin-bottom:30px;

}

.service-quote a {

    background: #0097d0 none repeat scroll 0 0;

    box-shadow: 0 2px 0 0 #00779c;

    color: #fff !important;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 23px;

    font-weight: 400;

    padding: 15px 30px 12px;

    text-decoration: none;

    transition-duration: 0.5s;

}

.footer-hcard a{

  color:#0097d0 !important;

}

.service-quote a span.fa-play-circle {

    font-size: 22px;

    margin-right: 6px;

    vertical-align: calc(-1px);

}

.service-quote a:hover {

    background: #2f2f2f none repeat scroll 0 0;

    border-radius: 4px;

    box-shadow: 0 2px 0 0 #000;

    color: #fff;

}

.footer-hcard {

    border: 1px solid #e2e2e2;

    box-shadow: 0 0 30px #d4d4d4 inset;

    color: #323232;

    font-size: 16px;

    font-weight: 500;

    line-height: 20px;

    margin: 0 auto 40px;

    max-width: 600px;

    overflow: hidden;

    padding: 0 20px 20px;

    text-align: center;

    margin-top:30px;

}

.service-page .entry-content a{

  color:#0486c0;

}

#primary-home h2 span{

   color: #0486c0;

    font-weight: 500;

	}

#primary-home h2 span.fa-cogs{

    background-color: #0486c0;

    border-radius: 100%;

    color: #fff;

    padding: 20px;

}

.h-column-right .title{

    border-bottom: 1px solid #e2e2e2;

    color: #0097d0;

    font-family: "Raleway",sans-serif;

    font-size: 17px !important;

    font-weight: 400;

    margin: 0 0 15px !important;

    padding: 15px 0;

    text-align: center;

}

.h-eight-wrapper{

    background: url(images/bg-no.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0.6);

    min-height: 400px;

    text-align: center;

	width:100%;

}

.h-eight{

   margin:0 auto;

   max-width:1200px;

   padding-top:20px;

}

.f-block{

  display:inline-block;

  width:10%;

  margin:20px;

  vertical-align:top;

}

.counter-wrapper{background-color: #0486c0;

    border-radius: 100%;

	margin-bottom: 20px;

	border: 5px solid #fff;

	}

.counter-wrapper span.counter{

    color: #fff;

    font-size: 35px;

    line-height: 110px;

    text-shadow: 3px 2px 0 rgba(0, 0, 0, 0.2);

}

.h-eight h3{

    color: #fff;

    font-family: "Pathway Gothic One";

    font-size: 50px;

    font-weight: 300;

    line-height: 1.2em;

    padding: 25px 0 10px;

    text-align: center;

    text-shadow: 1px 1px 2px #626262;

    text-transform: uppercase;

}

.counter-content{

    color: #fff;

    font-size: 14px;

    line-height: 20px;

	font-weight:300;

}

.h-sixth-wrapper{

  width:100%;

  background:url(images/bg-8.jpg) repeat scroll 0 0 rgba(0, 0, 0, 0);

  background-color:#cfcfcf;

  padding:30px 0;

}

.h-sixth{

    margin: 0 auto;

    max-width: 1200px;

    overflow: hidden;

}

.h-sixth-left{

  float:left;

  width:53%;

  margin:15px;

  padding: 30px;

  background-color:#fff;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);

}

.h-sixth-left p{

  line-height: 18px !important;

  margin-bottom: 15px;

  text-align: center !important;

}

.h-sixth-left img{

  width:70%;

}

.h-sixth-left h4{

    color: #474747;

    font-family: "raleway";

    font-size: 19px;

    font-weight: bold;

    padding-bottom: 15px;

}

.h-sixth-left ul{

  margin: 0 0 20px 0;

}

.h-sixth-left ul li{

   color:#000;

   line-height:22px;

   font-size:13px;

   font-weight:300;

   

}

.h-sixth-right{

  float:right;

  width:40%;

  margin:15px;

  background-color:#fff;

  padding:20px 25px;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);

}

.h-sixth-right ul{

  padding:20px 0;

}

.h-sixth h2{

    color: #272727;

    font-size: 30px;

    font-weight: 300;

    line-height: 1.2em;

    padding-bottom: 15px;

    text-align: center;

    text-shadow: 1px 1px 2px #626262;

}

.h-sixth h2 span{

    color: #0486c0;

    font-size: 40px;

    font-weight: 500;

}

.h-sixth h2 span.fa-pencil{

    background-color: #0486c0;

    border-radius: 100%;

    color: #fff;

    padding: 20px 22px;

}

.h-sixth h2 span.fa-weixin{

    background-color: #0486c0;

    border-radius: 100%;

    color: #fff;

    padding: 20px 18px;

}

.h-sixth ul li{

    

}

.h-sixth ul li a{

  text-decoration:none;

  color: #40494a;

  line-height:30px;

}

p.testi{

  font-size:13px;

  font-style: italic;

  font-weight:300;

  margin-bottom:15px;

  line-height:22px;

}

.h-sixth-left .name{

  color:#000;

  font-size:16px;

  margin-bottom:15px;

}

.t-video{

  margin:0 auto;

  width:100%;

  padding:25px 0;

  overflow:hidden;

}

.t-video img{

	box-shadow:0 2px 12px #606060;

}

.t-video .single-video{

  width:46%;

  float:left;

  margin:0 10px;

  position:relative;

  transition-duration: 0.5s;

}

.play{

    left: 110px;

    position: absolute;

    top: 80px;

	transition-duration: 0.5s;

}

.play span.fa-play{

   color:#0486c0;

   font-size:25px;

   background-color:#444;

   opacity:0.8;

   padding:5px 25px;

   

}

.single-video:hover{

   opacity:0.7;

   background-color:#000;

}

.single-video:hover .play span.fa-play{

   color:#444;

   font-size:25px;

   background-color:#0486c0;

   padding:5px 25px;

}

.h-sixth ul li a:hover{

  text-decoration:underline;

}

.home_blog_title{

    font-weight: 300;

	font-size:13px;

}

h3.home_blog_title span.fa-play-circle{

  color:#0486c0;

  margin-right:5px;

}

.h-seventh{

  margin: 0 auto;

  max-width:1100px;

  overflow:hidden;

}

.h-seventh .title{

    border-bottom: 1px solid #e2e2e2;

    color: #272727;

    font-size: 50px;

    font-weight: 400;

    line-height: 1.2em;

    margin: 0 auto 35px;

    max-width: 1200px;

    padding: 25px 0;

    text-align: center;

    text-shadow: 2px 2px 2px #41416a;

}

.philosophy-column{

    float: left;

    margin: 0 50px;

    width: 24%;

}

.have-arrow:after{

   background: url("images/arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    content: "";

    height: 100px;

    position: absolute;

    right: -100px;

    top: 45%;

    width: 75px;

}

.philosophy-column:hover{



}

.philosophy-column .sub-title{

    color: #2689c2;

    font-family: "Roboto","sans-serif";

    font-size: 16px;

    font-weight: 300;

    padding: 30px 0;

    text-align: center;

}

.philosophy-column img{

   margin:0 auto;

   display:block;

   margin-top:15px;

}

.philosophy-column img.communicate{

  border-radius:95%;

}

.philosophy-column p{

    color: #666;

    font-family: "Roboto","sans-serif";

    font-size: 13px;

    font-weight: 300;

    line-height: 24px;

	text-align:center;

}

.philosophy-column .main-title{

    background-color: #2689c2;

    color: #fff;

    font-weight: 500;

    letter-spacing: 2px;

    padding: 10px;

    text-align: center;

    text-transform: uppercase;

}

.philosophy-column:hover{

   box-shadow:-1px 7px 10px #696969;

}

.philosophy-column .p-column{

   box-shadow:-1px 7px 10px #e8e8e8;

   padding:15px;

}



.call-to-action{

  width:100%;

  /*background:url(images/bg-3.png) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;*/

  background-color: #37c0fb;

  background-image: -moz-linear-gradient(center top , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url(images/bg01.png);

  color: white;

  padding:30px 0;

  overflow:hidden;

}

.call-action-area{

  margin:0 auto;

  max-width:1200px;

}

.call-action-area .left{

  border-right: 1px solid #cfcfcf;

    float: left;

    padding-bottom: 25px;

    padding-top: 15px;

    text-align: center;

    width: 45%;

}

.call-action-area .right{

  float:right;

  width:55%;

  text-align:center;

}

.call-action-area .title1{

    font-size: 2em;

    font-weight: 400;

    line-height: 1.2em;

    text-shadow: 2px 2px #626262;

	color:#fff;

	padding-bottom:20px;

}

.call-action-area .title2{

    font-size: 1.6em;

    font-weight: 400;

    line-height: 1.2em;

    text-shadow: 2px 2px #626262;

	color:#fff;

}

.call-action-area .title2 span.phone{

    color: #fff;

    font-size: 25px;

    font-weight: bold;

}

.call-action-area .title2  a{

    border: 1px solid #fff;

    border-radius: 3px;

    color: #fff;

    font-size: 20px;

    margin-left: 10px;

    padding: 5px 15px;

    text-decoration: none;

}

.call-action-area .title2  a:hover{background-color:#fff; color:#1ca5e0; text-shadow:none;}

.footer-1-wrapper{

   background: url(images/bg-4.jpg) repeat scroll rgba(0, 0, 0, 0) !important;

   padding:30px 0;

   overflow:hidden;

   width:100%;

   }

.footer-1{

    color: #bfbfbf;

    font-size: 13px;

    line-height: 20px;

    margin: 0 auto;

    max-width: 1200px;

	overflow:hidden;

}

.footer-1 h3, .footer-1 .title{

     color: #37c0fb;

    font-family: "Roboto","sans-serif";

    font-size: 18px;

    font-weight: normal;

    padding: 0 0 10px;

}

.f1-c{

    float: left;

    width: 70%;

}

.f1-c .l-title{

    color: #37c0fb;

    display: block;

    font-family: "Roboto","sans-serif";

    font-size: 30px;

    font-weight: normal;

    margin: 0 auto 20px;

    text-decoration: underline;

    text-align:center;

	 line-height: 30px;

}

.f-address{

  overflow:hidden;

  margin:0 auto;

  width:95%;

}

.f-location{

  padding: 0 20px;

  display: inline-block;

  vertical-align:top;

  width:30%;

}

.f1-c1{

    border-left: 1px solid #595959;

    float: left;

    margin-left: 35px;

    padding-left: 30px;

    width: 21%;

}

form#nsu-form-0 input#nsu-email-0{

   padding:10px;

}

.f1-c-last{

  float:right;

  width:35%;

}

.footer-1 dl{overflow:hidden; margin-bottom:7px;}

.footer-1 dl dt{

    color: #37c0fb;

    float: left;

    font-size: 1.5em;

    line-height: 28px;

    margin-right: 5px;

    text-align: center;

    width: 22px;

}

.footer-1 dl  span.fa{

  color: #37c0fb;

  font-size: 1.5em;

  line-height: 28px;

  letter-spacing:5px;

  vertical-align: calc(-4px);

}

.footer-1 dl dd{

  float:left;

}

.f1-c1 dl dt.fa-envelope{

  color:#37c0fb;

  font-size:20px;

  float:left;

}

.f1-c1 dl  dd{

 float:left;

 width:87%

}

.f1-c1 #nsu-submit-0{

    background: none repeat scroll 0 0 #2689c2;

    border-radius: 0;

    color: #fff;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 14px;

    font-weight: 500;

    margin-left: 38px;

    margin-top: 10px;

    padding: 5px 20px;

    text-decoration: none;

    text-transform: uppercase;

    transition-duration: 0.5s;

	border:none;

}

.f1-c1 #nsu-submit-0:hover{

  background-color:#264e87;

}

.footer-2-wrapper{

 width:100%;

 overflow:hidden;

 background-color:#0e0e0e;

 padding:30px 0;

}

.footer-2{

  overflow:hidden;

  margin:0 auto;

  max-width:1000px;

}

.f2-c{

  float:left;

  width:25%;

}

.f2-c h4{

    border-bottom: 1px solid #3f3f3f;

    color: #fafafa;

    display: inline-block;

    font-size: 20px;

    margin-bottom: 10px;

    padding-bottom: 10px;

}

.f2-c ul li a{

    color: #c8c8c8;

    font-size: 12px;

    line-height: 20px;

    text-decoration: none;

}

.f2-c ul li a:hover{

  color:#37c0fb;

  text-decoration:underline;

}

.f2-c .fa{

  color:#37c0fb;

  font-size:20px;

  margin-right:5px;

}

.footer-3-wrapper{

 width:100%;

 padding:30px 0;

 background-color:#000;

 overflow:hidden;

}

.footer-3{

  color: #959595;

    font-weight: 300;

    margin: 0 auto;

    max-width: 1200px;

}

#breadcrumb_wrapper{

  background: url(images/bg-8.jpg) repeat scroll 0 0 #cfcfcf;

  padding: 20px 0;

  width: 100%;

}

.breadcrumb{

 margin:0 auto;

 max-width:800px;

 text-align:center;

 padding:20px 0;

 background-color: #fff;

 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);

}

.b_heading{

    color: #0486c0;

    font-family: dosis;

    font-size: 30px;

    font-weight: bold;

    padding: 30px 0 20px;

    text-align: center;

}

p#breadcrumbs{

    color: #0486c0;

    font-family: dosis;

    font-size: 18px;

    font-weight: bold;

}

p#breadcrumbs a{

    color: #0486c0;

    font-family: dosis;

    font-size: 18px;

    font-weight: bold;

}

p#breadcrumbs a:hover{

  text-decoration:underline;

}

.s1{

  margin:0 auto;

  max-width:900px;

  overflow:hidden;  padding-top: 30px;

}

.s1 ul {

  padding-bottom:0;

}

.s1 ul li{

  list-style-type:none;

  margin-left:0 !important;

  color: #3f3f3f;

  font-family: "raleway";

  font-size: 14px;

  font-weight: normal !important;

  line-height:30px;

  margin-bottom:0 !important;

}

span.fa-play-circle{

 margin-right:5px;

 font-size:16px;

 vertical-align:calc(-1px);

}

.s1 ul li span.fa-check-square{

  color:#0486c0;

  margin-right:10px;

}

.s1-left{

  float:left;

  width:23%;

}

.s1-right{

  float:right;

  width:73%;

}

.s1-right h3{

  background-color: transparent;

    color: #0486c0;

    font-family: Roboto !important;

    font-size: 24px !important;

    font-weight: 800;

    line-height: 35px;

    margin: 0 !important;

    padding-bottom: 15px;

}

.s1-wrapper{

     width: 100%;

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #d6d6d6;

}

.custom-web-wrapper{

  border-bottom:none;

}

.custom-web-wrapper .s1{

   max-width:800px;

}

.custom-web-wrapper .s1-left{

  width:30%;

}

.custom-web-wrapper .s1-left img{

  border-radius:100%;

  border:1px solid #c7c7c7;

  box-shadow:2px 2px 7px #d7d7d7;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s

}

.custom-web-wrapper .s1-left img:hover{

  transform:translate3d(0px, 10px, 0px);

}

.custom-web-wrapper .s1-right{

  width:60%;

  padding-top:20px;

}

.custom-web-wrapper1{

  margin:0 auto;

  width:100%;

  overflow:hidden;

}

.custom-web-wrapper1 h2{

  color:#0486c0 !important;

  padding-bottom:20px !important;

  text-transform:none !important;

  font-size:35px !important;

}

.custom-web-wrapper1-bg{

   background:url(images/1425636.jpg) no-repeat fixed center center / cover  rgba(0, 0, 0, 0);

   width:100%;

   padding:50px 0;

}

.custom-web-wrapper1{

   margin:0 auto;

   max-width:1200px;

   text-align:center;

}

.custom-web-wrapper1 p{

  color:#fff !important;

  font-family:raleway;

  font-size:16px;

  font-weight:500;

}

.ecommerce-wrapper{

  border-bottom:none;

  padding:30px 0;

}

.s1-wrapper span.fa-puzzle-piece{

    background-color: #0486c0;

    border-radius: 100%;

    color: #fff !important;

    font-size: 110px;

    padding: 40px 45px;

}

.local-seo1{

  margin:0 auto;

  max-width:1200px;

  overflow: hidden;

  padding:30px 0 50px;

}

h2.heading{

    color: #616161;

    font-family: "raleway";

    font-size: 30px;

    font-weight: bold;

    padding-bottom: 5px;

    text-align: center;

}

p.tagline{

    font-size: 14px;

    font-weight: normal !important;

    margin-bottom: 30px !important;

    text-align: center !important;

}

.local-seo1 .grid{

    max-width: 1100px !important;

}

.local-seo2{

  margin: 0 auto;

    width: 60%;

	margin-top:70px;

}

.local-seo2 h3{

    color: #fff;

    font-family: cardo;

    font-size: 30px;

    font-weight: 600;

    line-height: 1.1;

    padding: 30px 20px;

    text-align: center;

    text-shadow: 2px 2px #003771;

    background-color:#0486c0;

	opacity:0.8;

}

.local-seo3-wrapper{

  width:100%;

  background: url(images/local-bg.png) repeat rgba(0, 0, 0, 0);

  overflow:hidden;

}

.local-seo3{

   margin:0 auto;

   max-width:1100px;

   padding:30px 0;

}

.local-seo3 p{

  font-family: 'Oswald', sans-serif !important;

  font-size:16px !important;

  line-height:22px !important;

  color:#000 !important;

  }

 .local-seo3 p::first-letter{

    color: #0486c0;

    font-size: 150%;

    letter-spacing: 2px;

 }

 .local-seo3 p span{

   color: #0486c0;

   font-size: 20px;

 }

 .local-seo3 ul li:before{

    background-color: #0486c0;

    color: #fff;

    content: "#";

    font-size: 14px;

    margin: 10px 10px 0;

    padding: 0 10px;

 }

.local-seo3 ul li{

  font-family: 'Oswald', sans-serif !important;

  font-size:16px !important;

  line-height:22px !important;

  color:#000 !important;

  }

.local-seo3 h3{

    font-size: 28px;

	font-family: "Raleway",sans-serif;

	font-weight: 800;

    margin-bottom: 20px;

	color:#0486c0;

}

.local-seo3 .col_wide{

   float:left;

   width:60%;

   padding:0 15px;

}

.local-seo3 .col_nerrow{

   float:left;

   width:40%;

   padding:0 15px;

}

.local-seo3 article{overflow:hidden;}

.local-seo3 h4{

    font-size: 18px;

	font-family: "Raleway",sans-serif;

	font-weight: 300;

    margin-bottom: 15px;

}

.local-seo4-wrapper{

  background:url(images/g-local-bg.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

  width:100%;

  padding:40px 0;

}

.local-seo4{

    background-color: #000;

    margin: 0 auto;

    opacity: 0.8;

    padding: 30px 40px;

    text-align: center !important;

    max-width:1200px;

}

.local-seo4 h3{

    color: #fff;

    font-family: Cardo !important;

    font-size: 30px;

    font-weight: 600;

    line-height: 1.1;

    padding-bottom: 20px;

    text-shadow: 2px 2px #1a1a1a;

	font-family: homizio;

}

.local-seo4 p{

    color: #fff !important;

    font-size: 17px !important;

    line-height: 22px !important;

	text-align: center !important;

	font-weight:300;

}

.local-seo1 .grid figure {

     height: 360px;

    margin: 10px 20px 10px 30px;

    max-width: 480px;

    min-width: 100px;

    width: 28%;

}

.local-seo1 figure.effect-layla:before, .local-seo1 figure.effect-layla:after{

  z-index: -1;

  position: absolute;

  content: "";

  bottom: 15px;

  left: 10px;

  width: 50%;

  top: 80%;

  max-width:300px;

  background: #777;

  -webkit-box-shadow: 0 15px 10px #777;

  -moz-box-shadow: 0 15px 10px #777;

  box-shadow: 0 15px 10px #777;

  -webkit-transform: rotate(-3deg);

  -moz-transform: rotate(-3deg);

  -o-transform: rotate(-3deg);

  -ms-transform: rotate(-3deg);

  transform: rotate(-3deg);

}

.local-seo1 figure.effect-layla:after{

  -webkit-transform: rotate(3deg);

  -moz-transform: rotate(3deg);

  -o-transform: rotate(3deg);

  -ms-transform: rotate(3deg);

  transform: rotate(3deg);

  right: 10px;

  left: auto;

}

.local-seo1 figure.effect-layla img {

    height: auto;

}

.local-seo1 figure.effect-layla {

    background: none repeat scroll 0 0 #39a8ce;

}

.local-seo1 figure.effect-layla figcaption:after{

    bottom: 15px;

	top:15px;

	left:15px;

	right: 15px;

}

.local-seo1 figure.effect-layla figcaption:before{

    bottom: 15px;

	top:15px;

	left:15px;

	right: 15px;

}

.local-seo1 figure.effect-layla p{

   font-size: 13px;

    padding: 10px 2em;

    line-height: 15px;

}

figure.effect-layla h2 {

	padding-top:0;

    transition: transform 0.35s ease 0s;

	transform: translate3d(0px, -10px, 0px);

	font-family:Raleway;

	word-spacing: 0;

	padding-bottom: 10px;

	color: #282828;

}

.local-seo1 figure.effect-layla figcaption {

    height: 48%;

    top: 190px;

	padding:20px 15px 15px;

}

.local-seo1 .grid figure img{opacity:1;}

.local-seo1 figure p{

  color:#fff !important;

  text-align:center !important;

  font-family:Raleway;

  opacity:1;

}

.s1-background{

   background: none repeat scroll 0 0 #535353;

    opacity: 0.7;

    padding: 30px 0;

}

.portfolio-slider{

    padding: 50px 0 60px;

    width: 100%;

}

.iphone-wrapper1{

  margin:0 auto;

  max-width:1100px;

  text-align:center;

  padding-bottom:30px;

}

.iphone-wrapper2-bg{

   background: url(images/iphone-bg.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

   min-height: 550px;

   width:100%;

   padding:30px 0;

}

.android-wrapper2-bg{

  min-height: 380px;

  padding:50px 0;

}

.android-wrapper3-bg{

  background:none repeat scroll 0 0 #fff;

  width:100%;

  padding:50px 0;

  overflow:hidden;

}

.android-wrapper3{

  margin:0 auto;

  max-width:1200px;

  overflow:hidden;

}

.android-wrapper3 .left{

  float:left;

  width:50%;

  padding-top:80px;

}

.android-wrapper3 .right{

  float:right;

  width:45%;

}

.left-windows3{

  float:left;

  width:48%;

}

.right-windows3{

  float:right;

  width:50%;

  padding-top: 60px;

}

.right-windows3 ul{

  margin-left:8px;

}

.right-windows3 h2{

  margin-bottom:15px;

}

.left-blackberry3{

  float:left;

  width:55%;

}

.right-blackberry3{

  float:right;

  width:43%;

}

.left-blackberry3 h2{

   margin-bottom:15px;

}

.left-blackberry3 ul li{

  margin-bottom:15px !important;

}

.right-blackberry3{

  padding-top:70px;

}

.blackberry-wrapper3-bg{

  background:url(images/blackberry-bg1.jpg) repeat;

}

.android-wrapper3 h2{

   color: #0486c0;

    font-size: 32px;

    font-weight: bold;

    padding-bottom: 5px;

    text-transform: none;

}

.iphone-wrapper1 p{

  text-align:center !important;

  font-size:16px;

  font:400 14px/22px "Open Sans",sans-serif;

}

.iphone-wrapper1 h2{

   color:#0486c0;

   font-weight:bold;

   text-transform: none;

}

.iphone-wrapper1 img{

  margin:20px auto;

  border-radius:100%;

  display:block;

  width:230px;

}

h2.blackberry1{

  margin-bottom:15px;

}

.iphone-wrapper2{

  margin:0 auto;

  max-width:900px;

  padding-bottom:30px;

  overflow:hidden;

}

.iphone-wrapper2 .left{

   float:left;

   width:34%;

}

.iphone-wrapper2 .right{

   float:right;

   width:64%;

   padding-top:30px;

}

.android-wrapper2 .right{

  padding-top:70px;

}

.iphone-wrapper2 h2{

  font-size:32px;

  color:#0486c0;

  font-weight:bold;

  text-transform: none;

  padding-bottom:25px;  letter-spacing:-2px;

}

.iphone-wrapper4{

   background-color: #d12418;

    margin: 0 auto;

    max-width: 1200px;

    opacity: 0.7;

    padding: 30px;

    text-align: center;

}

.iphone-wrapper4 h2{

   font-size:30px;

   color:#fff;

   padding-bottom:15px;

   font-family: "raleway";

}

.iphone-wrapper4 p{

   color: #fff !important;

    font-size: 17px;

    font-weight: 300;

}

.iphone-wrapper2 ul li{

  font-size: 18px !important;

    margin-bottom: 20px !important;

	font:300 14px/22px "Open Sans",sans-serif;

	color:#fff !important;

}

.android-wrapper2 ul{

  margin-left:40px;

}

.android-wrapper2 ul li{

  margin-bottom:10px !important;

}

.iphone-wrapper3{

   margin:0 auto;

   max-width:1200px;

}

.iphone-wrapper3 .box{

   display: inline-block;

    margin: 30px 45px;

    text-align: center;

    width: 25%;

	vertical-align:top;

}

.iphone-wrapper3 .box:hover .line-blue{

    background-color: #23a5df;

    height: 10px;

    margin: 0 auto;

    width: 100px;

}

.iphone-wrapper3 .box .line-blue{

    background-color: #f2f2f2;

    height: 10px;

    margin: 0 auto;

    width: 100px;

	transition-duration: 0.5s;

} 

.iphone-wrapper3 .box:hover .line-green{

    background-color: #13be85;

    height: 10px;

    margin: 0 auto;

    width: 100px;

}

.iphone-wrapper3 .box .line-green{

    background-color: #f2f2f2;

    height: 10px;

    margin: 0 auto;

    width: 100px;

	transition-duration: 0.5s;

} 

.iphone-wrapper3 .box:hover .line-red{

    background-color: #ef4236;

    height: 10px;

    margin: 0 auto;

    width: 100px;

}

.iphone-wrapper3 .box .line-red{

    background-color: #f2f2f2;

    height: 10px;

    margin: 0 auto;

    width: 100px;

	transition-duration: 0.5s;

} 

.iphone-wrapper2 h3{text-align:center; margin-top:40px;}

a.request-quote{

  border: 1px solid #fff;

    border-radius: 3px;

    color: #fff !important;

    font-size: 18px;

    font-weight: 300;

    padding: 7px 30px;

    transition-duration: 0.5s;

}

a.request-quote:hover{

  background-color:#fff;

  color:#0486c0 !important;

}

.iphone-wrapper3 p{

  font:400 13px/22px "Open Sans",sans-serif;

  color:#616161 !important;

}

.iphone-wrapper3 .box p{

  transition-duration: 0.5s;

}

.iphone-wrapper3 .box:hover p{

   margin-top:10px;

}

ul.ubermenu-submenu-id-61 li .ubermenu-custom-content{

  background: url(images/mega-menu-bg.jpg) repeat rgba(0, 0, 0, 0);

}

.iphone-wrapper3 h3.fa{

    border: 1px solid #34b6f0;

    border-radius: 100%;

    color: #3dbff9;

    font-size: 35px;

    margin-bottom: 20px;

    padding: 25px;

	transition-duration: 0.5s;

}

.iphone-wrapper3 h3.fa:hover{

  background-color: #3dbff9;

  color:#fff;

}

.iphone-wrapper3 h3.fa-retweet{

    border: 1px solid #13be85;

    border-radius: 100%;

    color: #13be85;

    font-size: 35px;

    margin-bottom: 20px;

    padding: 27px 25px;

    transition-duration: 0.5s;

}

.iphone-wrapper3 h3.fa-retweet:hover{

  background-color: #13be85;

  color:#fff;

}

.iphone-wrapper3 h3.fa-paint-brush{

    border: 1px solid #EF4236;

    border-radius: 100%;

    color: #EF4236;

    font-size: 35px;

    margin-bottom: 20px;

    padding:25px;

    transition-duration: 0.5s;

}

.iphone-wrapper3 h3.fa-paint-brush:hover{

  background-color: #EF4236;

  color:#fff;

}

.iphone-wrapper3 h3.fa-flask{

    border: 1px solid #13be85;

    border-radius: 100%;

    color: #13be85;

    font-size: 35px;

    margin-bottom: 20px;

    padding:25px 27px;

    transition-duration: 0.5s;

}

.iphone-wrapper3 h3.fa-flask:hover{

  background-color: #13be85;

  color:#fff;

}

.iphone-wrapper3 h3.fa-university{

    border: 1px solid #ef4236;

    border-radius: 100%;

    color: #ef4236;

    font-size: 32px;

    margin-bottom: 20px;

    padding: 27px 25px;

    transition-duration: 0.5s;

}

.iphone-wrapper3 h3.fa-university:hover{

  background-color: #ef4236;

  color:#fff;

}

.iphone-wrapper3 h4{

   font-size:20px;

   margin-bottom:10px;

   font-weight:400;

}

.iphone-wrapper3 h2{

    color: #0486c0;

    font-size: 28px;

    font-weight: bold;

    text-transform: none;

}

.iphone-wrapper3-bg{

   background-color:#f2f2f2;

   padding:40px 0;

   width:100%;

}

.bx-wrapper img {

    border: 1px solid #dedede;

	border-radius:0 !important;

	box-shadow:2px -1px 5px #e6e6e6;

	transition-duration: 0.5s;

}

.limargin img:hover{

    box-shadow: 0 10px 10px #7c7c7c;

    display: block;

    transform: scale(1.1);

}

.portfolio-slider h2{

    color: #0486c0;

    font-family: "raleway";

    font-size: 30px;

    font-weight: bold;

    text-align: center;

	padding-bottom:30px;

}

.portfolio-slider .center{

    text-align:center;

	margin-top: 30px;

}

.portfolio-slider .center a{

   background: none repeat scroll 0 0 #0097d0;

    border: 1px solid #0097d0;

    box-shadow: 0 2px 0 0 #00779c;

    color: #fff !important;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 16px;

    margin: 0 2px;

    padding: 7px 25px 7px;

    text-decoration: none;

    transition-duration: 0.5s;

}

.portfolio-slider .center a:hover{

   background: none repeat scroll 0 0 #2f2f2f;

    border: 1px solid #2f2f2f;

    box-shadow: 0 2px 0 0 #000;

}

.s3-bg ul li{

  color:#fff !important;

  font-size:14px;

  font-weight: 400;

}

.s3 h2{

    color: #fff;

    font-family: "raleway";

    font-size: 30px;

    font-weight: bold;

    padding-bottom: 20px;

    text-align: center;

    text-transform: uppercase;

}

.s3 p{

   color:#fff !important;

   font-size:16px;

   font-weight: 400;

   text-shadow:1px 1px 7px #000000 !important;

}

.s3 h3{

    color: #fff;

    font-family: "raleway";

    font-size: 26px;

    font-weight: 400;

    padding-bottom: 20px;

    text-align: center;

    text-transform: uppercase;

    border-top: 1px solid #545454;

    padding-top: 15px;

}

.s3-c{

   display: inline-block;

    margin: 0 15px;

    width: 30%;

    vertical-align: top;

	text-align:left;

}

.s3-content{

  margin:0 auto;

  max-width:1200px;

   padding-bottom: 30px;

}

.s4-bg{

  width:100%;

  background:url(images/web-development-bg.jpg) no-repeat fixed;

}

.s4{

   margin: 0 auto;

    max-width: 1100px;

    overflow: hidden;

    padding: 70px 0;

}

.s4 .left{

   float:left;

   width:65%;

}

.s4 .right{

   float:right;

   width:30%;

}

.s4 h3{

    color: #fff;

    font-size: 35px;

    font-weight: 600;

    line-height: 1.2em;

    padding-bottom: 20px;

    text-shadow: 2px 2px #1e1e1e;

	text-shadow: 2px 2px #1e1e1e;

	text-align:center;

}

.s4 img{

   border-radius:100%;

   width:70%;

}

.s4  p{

    color: #fff !important;

    font-size: 16px;

    line-height: 1.6em;

    text-align: center !important;

    text-shadow: 1px 1px 7px #000000 !important;

	font-weight:600;

}

.s2{

  margin:0 auto;

  max-width:1100px;

  overflow:hidden;

  padding:30px 0;

  text-align:center;

}

.s2 h3.fa{

    background-color: #0486c0;

    border-radius: 40px;

    color: #fff !important;

    margin-bottom: 20px;

    padding: 30px;

}

.hover-box{

	transition-duration: 0.5s;

}

.s2-c1:hover .hover-box{

    border: 1px solid #6aecfd;

    margin: 0 auto;

    padding-top: 20px;

    width: 57%;

    margin-bottom: 15px;

}

.s2-c{

    border: 1px solid #6aecff;

    display: inline-block;

    margin: 20px 28px;

    padding: 30px 22px;

    text-align: center;

    width: 28%;

	vertical-align:top;

	height: 385px;

}

.location-wrapper .s2-c{

  height:300px;

  margin:20px;

}

.location-wrapper .s2-c h4{

  font-size:25px;

}

.location-wrapper span.fa-map-marker{

  color: #e66152;

    font-size: 100px;

    font-weight: bold;

}

#page-wrapper .entry-content .location-wrapper .r-more a{

  color: #fff !important;

    text-decoration: none;

}

#content-fullpage .entry-content{

  margin-top:0;

}

.entry-content{

  margin-top:40px;

}

.entry-content .adamrob_pcontainer{

  max-width:none !important;

}

.c-portal{

  margin:0 auto;

  max-width:1000px;

  overflow:hidden;

  padding:50px 0;

}

.c-portal .form-area{

   margin:0 auto;

   width:60%;

   padding:20px;

   border:1px solid #e1e1e1;

}

.c-portal .form-area img{

   margin:0 auto;

   display:block;

   width:60%;

}

.c-portal .form-area h2{

  color:#0486c0;

  font-size:30px;

  padding-bottom: 20px;

  text-transform: none;

}

.c-portal .form-area form{

   text-align:center;

}

.c-portal .form-area form input#data{

    background-color: #f4f4f4;

    border: 1px solid #e7e7e7;

    color: #838383;

    font-family: "Roboto","sans-serif";

    font-size: 18px;

    font-weight: 300;

    padding: 10px 15px;

	box-shadow:2px 1px 10px #d8d8d8 inset;

}

.c-portal .form-area form input#c-submit{

  padding:10px 30px;

  font-size: 14px;

}

#faq{

  margin:0 auto;

  max-width:1100px;

  overflow:hidden;

}

#faq .tabcontents{

  margin-top:30px;

}

#faq ul.tabs{

  text-align:center;

}

#faq .tabcontents p{

    color: #000;

    font-size: 14px;

    font-weight: 300;

    line-height: 1.4;

	padding-bottom:0 !important;

}

#faq .tabcontents ul{

  margin-bottom:20px;

}

#faq .tabcontents ul li{

    color: #000;

    font-size: 14px;

    font-weight: 300;

    line-height: 1.4;

}

#faq ul.tabs li.selected a {

    background: none repeat scroll 0 0 #2f2f2f;

    border: 1px solid #2f2f2f;

    border-radius: 4px;

    box-shadow: 0 2px 0 0 #000;

    color: #fff;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 14px;

    font-weight: 700;

    padding: 7px 20px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    transition-duration: 0.5s;

}

#faq ul.tabs li a {

    background: none repeat scroll 0 0 #05aadc;

    border: 1px solid #05aadc;

    border-radius: 4px;

    box-shadow: 0 2px 0 0 #0689ae;

    color: #fff;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 14px;

    font-weight: 700;

    padding: 7px 20px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    transition-duration: 0.5s;

}

#faq ul.tabs li a:hover{

  background: none repeat scroll 0 0 #2f2f2f;

  color: #fff;

  border: 1px solid #2f2f2f;

  box-shadow: 0 2px 0 0 #000;

}

#faq .tabcontents h3{

    color: #0486c0;

    font-family: "raleway";

    font-size: 24px;

    font-weight: bold;

    padding-bottom:15px;

}

#case-study{

  margin:0 auto;

  max-width:1100px;

}

#case-study .left-item{

    float: left;

    width: 30%;

	padding:20px 0;

}

#case-study .left-item h3{

    color: #4e4e4e;

    font-family: "raleway";

    font-size: 28px;

    font-weight: bold;

    padding: 0 0 20px 0;

	text-align:center;

	text-decoration: underline;

}

#case-study .left-item ul li{

   background: none repeat scroll 0 0 #05aadc;

    border: 1px solid #05aadc;

    border-bottom-right-radius: 10px;

    box-shadow: 0 2px 0 0 #0184a9;

    display: list-item;

    margin: 0 0 5px !important;

    padding: 12px 20px 4px;

    transition-duration: 0.5s;

}

#case-study .left-item ul li:hover{

   background: none repeat scroll 0 0 #2f2f2f;

    border: 1px solid #2f2f2f;

    box-shadow: 0 2px 0 0 #000;

}

#case-study .left-item ul li.selected{

    background: none repeat scroll 0 0 #2f2f2f;

    border: 1px solid #2f2f2f;

    box-shadow: 0 2px 0 0 #000;

}

#case-study .left-item ul li a{

    color: #fff;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 14px;

    font-weight: 700;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    transition-duration: 0.5s;

	background:none;

	border:none;

	padding:0 !important;

}

#case-study .left-item ul.tabs{

  padding:0 !important;

  margin:0 auto;

  width:70%;

}

#case-study .tabcontents{

  float:right;

  width:70%;

  border:none;

  padding:20px 0 0 40px;

  border-left:1px solid #dadada;

  border-top:none;

  border-bottom:none;

  border-right:none;

}

#case-study .tabcontents p, #case-study .tabcontents ul li{

    font-size: 14px;

    font-weight: 400;

	color:#000 !important;

}

#case-study .tabcontents p{

  padding-bottom:0 !important;

}

#case-study .tabcontents ul li{

  line-height:20px;

}

#case-study .tabcontents ol li{

    font-size: 14px;

    font-weight: 400;

	color:#000 !important;

	line-height:20px;

	margin-bottom: 5px;

}

#case-study .tabcontents h5 {

    color: #000;

    font-family: "raleway";

    font-size: 22px;

    font-weight: bold;

    padding-bottom: 15px;

	line-height: 22px;

}

#case-study .tabcontents ul, #case-study .tabcontents ol {

  margin-bottom:20px;

}

#case-study .tabcontents h3{

    color: #4e4e4e;

    font-size: 28px;

	font-family: "raleway";

    font-weight: bold;

	padding:25px 0 15px 0!important;

}

#case-study .tabcontents h3 span{

    color: #32b4ee;

    font-size: 40px;

    letter-spacing: 6px;

    vertical-align: top;

}

#case-study .tabcontents h2{

    color: #444;

    font-size: 30px;

	font-family: "raleway";

    font-weight: bold;

    text-align: center;

	padding-bottom:15px !important;

	text-decoration:underline;

}

#case-study .tabcontents .img img{

  margin:0 auto 20px;

  display:block;

}

#case-study h1, h1.heading{

    color: #0486c0;

    font-size: 37px;

	font-family: "raleway";

    font-weight: bold;

    text-align: center;

	padding-bottom:5px;

}

#case-study p.heading{

    text-align: center;

}

p.center{

  text-align: center;

  margin-bottom: 25px !important;

}

.case-study2{

  margin-top:30px;

}

.case-study2 .left-item ul li a span{

  color:#fff !important;

  font-size:20px;

}

.s2 h2, .s2 h1{

    color: #0486c0;

    font-family: "raleway";

    font-size: 35px;

    font-weight: bold;

	text-align:center;

	margin-bottom:5px;	letter-spacing:-2px;

}

.s2 p{

    font-size: 14px;

    font-weight: normal !important;

    margin-bottom: 30px !important;

    text-align: center !important;	font-family: open sans;	color:#000 !important;

}

.s2-c h3{

    color: #000;

    font-size: 70px;

    padding-bottom: 30px;

}

.s2-c h4{

    color: #000;

    font-size: 20px;

    padding-bottom: 20px;

	font-weight:200;

}

.s2-c1{

    border: 1px solid #6aecff;

    float: none;

    margin: 0 28px;

    padding: 30px 22px;

    text-align: center;

    width: 28%;

	display:inline-block;

	vertical-align:top;

}

.s2 .s2-c1{

    border: 1px solid #6aecff;

    display:inline-block;

    margin: 20px 28px;

    padding: 30px 22px;

    text-align: center;

    width: 28%;

	height:410px;

}.s2-wp-bg{  width:100%;  background:url(images/bg-wp.png) repeat;  border-top: 1px solid #d9d9d9;  padding:10px 0 0 0;  margin-bottom:40px;}.wp-wrapper1{    border-bottom: 1px solid #d0d0d0;    margin: 0 auto;    max-width: 1000px;    overflow: hidden;    padding-bottom: 50px;}.wp-wrapper1 .left{  float:left;  width:35%;  padding-top:10px;}.wp-wrapper1 .right{  float:right;  width:60%;}.wp-wrapper1 ul li{  color:#444 !important;}.wp-wrapper2{    margin: 0 auto;    max-width: 1000px;    overflow: hidden;}.wp-wrapper2 p{     color: #444 !important;    font-family: "Open Sans",sans-serif;    font-size: 18px !important;    font-size-adjust: none;	font-weight:300;}.wp-wrapper2 ul li{  color:#444 !important;}.wp-wrapper2 .left{  float:left;  width:63%;  background: url(images/bg-wp.png) repeat scroll 0 0 rgba(0, 0, 0, 0);  border: 1px solid #d9d9d9;  padding:30px 30px 40px;}.wp-wrapper2 .right{  float:right;  width:32%;  background: url(images/bg-wp.png) repeat scroll 0 0 rgba(0, 0, 0, 0);  border: 1px solid #d9d9d9;  padding:30px;}.wp-wrapper2 button.wpcf7-form-control, .wp-wrapper2 input.wpcf7-form-control, .wp-wrapper2 textarea.wpcf7-form-control{  border:1px solid #cacaca;  font-size: 12px;  padding: 8px 10px;  width:100%;}.wp-wrapper2 button.wpcf7-form-control:hover, .wp-wrapper2 input.wpcf7-form-control:hover, .wp-wrapper2 textarea.wpcf7-form-control:hover{  border:1px solid #cacaca;  font-size: 12px;  padding: 8px 10px;  width:100%;}.wp-wrapper2 h4{    color: #000;    font-size: 18px;    padding-bottom: 20px;}.jm-wrapper1 .left{    padding-top: 0;    width: 45%;}.jm-wrapper1 .right{    padding-top: 0;    width: 50%;}

.mobile-apps2{

  margin:0 auto;

  max-width:1200px;

  background-color:#000;

  opacity:0.8;

  padding:30px 40px;

}

.mobile-apps2 h3{

  color: #fff;

    font-size: 30px;

    line-height: 1.3;

    text-align: center;

    text-shadow: 2px 2px #1e1e1e;

}

.mobile-apps2 h4{

  text-align:center;

  font-size:14px;

  color:#fff;

  text-shadow:2px 2px #1e1e1e;

  padding-bottom:20px;

  font-weight:300;

}

.mobile-apps2 p{

  font-size:16px;

  color:#fff !important;

  text-shadow:2px 2px #161616;

  font-weight:500 !important;

}

.s2-c1 h3{

    color: #0486c0;

    font-size: 40px;

    padding-bottom: 30px;

}

.s2-c1 h3.fa-mobile{



}

.s2-c1 h4{

    color: #4d4d4d;

    font-size: 16px;

    font-weight: 600;

    padding-bottom: 20px;

}

.s2-c2{

  float:left;

  margin:0 20px;

  width:30%;

  text-align:center;

}

.seo-wrapper{

  margin:0 auto;

  max-width:1200px;

  overflow:hidden;

  padding:30px 0;

}

.seo-left{

  float:left;

  width:40%;

}

.seo-right{

  float:right;

  width:53%;

}

.seo1-wrapper{

  margin:0 auto;

  max-width:1100px;

  padding:30px 0;

  overflow:hidden;

}

.seo1-wrapper .seo1-left{

  float:left;

  width:50%;

  padding-top: 50px;

}

.seo1-wrapper .seo1-right{

  float:right;

  width:47%;

}

.seo1-wrapper .left{

  float:left;

  width:43%;

  padding-top:50px;

}

.seo1-wrapper .right{

  float:right;

  width:55%;

}

.seo1-wrapper h1, h1.heading{

    font-family: "raleway";

    font-size: 35px;

    padding-bottom: 25px;

    text-align: center;

    color: #0486c0;

    font-weight: bold;

}

.seo1-wrapper p{

  margin-bottom:15px;

  color: #3f3f3f;

}

.seo2-wrapper{

	width:100%;

	overflow:hidden;

}

.gwebpro-pluginform .wpcf7-form ul li{

  display:list-item;

  width: 80%;

  margin-bottom:10px !important

}

.c-portal .gwebpro-pluginform  form{

  padding-left:22px !important;

  text-align: left !important;

}

.c-portal .gwebpro-pluginform  form ul li img{

  width:5% !important;

}

.wpcf7-form ul li{

  display:inline-block;

  margin:0 2px !important;

}

.wpcf7-form ul li span.wpcf7-form-control-wrap{

  margin:0 !important;

}

.seo2{

  margin:0 auto;

  max-width:1100px;

  padding-top:30px;

  margin-top:15px;

}

.seo2 h2{

    font-family: "raleway";

    font-size: 28px;

    padding-bottom: 25px;

    text-align: center;

    color: #0486c0;

    font-weight: bold;

}

.seo2 p{

    color: #4b4b4b;

    margin-bottom: 15px;

}

.seo_process{

    max-width: 900px;

    text-align: center;

	margin:0 auto;

	padding-top: 25px;

}

.seo_process .row, .seo_process .row-last{

     border: 1px solid #f9f9f9;

    border-bottom-left-radius: 100px;

    border-bottom-right-radius: 100px;

    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3);

    margin-bottom: 60px;

    padding: 20px 20px 10px;

	background-color: #f7f7f7;

}

.seo2-wrapper .seo_process .row h4, .seo2-wrapper .seo_process .row h4 a, .seo2-wrapper .seo_process .row-last h4 a{

    color: #3b3b3b !important;

    font-family: dosis;

    font-size: 26px;

}

.seo2-wrapper .seo_process .row h4 a:hover{

  color:#0486c0 !important;

  text-decoration:underline;

}

.seo_process .row:after{

  content:"\f0dd";

  font-family:fontAwesome;

  font-size: 50px;

    left: 49%;

    position: absolute;

	color:#0486c0;

}

.seo2-wrapper span.fa{

    color: #444;

}

.seo2-wrapper h4{

    color: #000;

    font-family: Roboto;

    font-size: 20px;

    font-weight: 500;

    line-height: 20px;

	padding-bottom:10px;

}

.seo2  dl {overflow:hidden; margin-bottom:30px;}

.seo2  dl dt{float:left; width:14%; margin-right:10px;}

.seo2  dl dt span{font-size:30px;}

.seo2  dl dt span.fa-line-chart{font-size:35px;}

.seo2  dl dd{float:left; width:80%;}

.sem2-wrapper{

    overflow: hidden;

    width: 100%;

}

.sem2{

  padding-top:30px;

  margin:0 auto;

  max-width:1100px;

}

.sem2 h2 {

    font-family: "raleway";

    font-size: 27px;

    padding-bottom: 25px;

    text-align: center;

    color: #0486c0;

    font-weight: bold;

	}

#content-fullpage .entry-content p {

    color: #000;

    margin-bottom: 15px;

	font-family:lato;

	font-size:16px;

}

#content-fullpage .entry-content .website-description p{

  color:#fff;

}

.sem2-wrapper dl{

  overflow:hidden;

  margin-bottom:15px;

}

.sem2-wrapper dl dt{

  float:left;

  margin-right:10px;

  width:5%;

}

.sem2-wrapper dl dd{

  float:left;

  width:90%;

}

.sem2-wrapper dl dt span{

  color:#27b0eb;

  font-size:60px;

}

.sem2 h4{

  color: #000;

    font-family: Roboto;

    font-size: 20px;

    font-weight: 500;

    line-height: 27px;

    padding-bottom: 10px;

	padding-top:20px;

}

.sem2 h4 span{

    color: #0486c0;

    font-size: 25px;

    font-weight: bolder;

    margin-right: 5px;

}

.sem2 h2 span{

    color: #0486c0;

    font-size: 49px;

    font-weight: bolder;

    margin-right: 10px;

    vertical-align: calc(-10px);

}

.entry-content ul{

  margin-bottom:15px;

}

.entry-content ul li{

       color: #000;

	list-style-type:none;

	margin-bottom:10px;

	 margin-left: 10px;

	 line-height:22px;

	 font-size: 16px;

        font-family:lato;

}

.entry-content ul li span{

    color: #0486c0;

    font-size: 16px;

    font-weight: bold;

    margin-right: 5px;

}

.social1-wrapper{

    overflow: hidden;

    padding: 30px 0;

    width: 100%;

}

.social1{

  margin:0 auto;

  max-width:1100px;

}

.social1 .social1-left{

  float:left;

  width:52%;

}

.social1 .social1-right{

  float:right;

  width:45%;

  padding-top:30px;

}

.entry-content p{

  margin-bottom:15px;

  line-height: 24px;

  font-family:lato;

  font-size:16px;

}

.social1 h1 span{

   color: #0486c0;

   margin-right:5px;

   font-weight:bold;

   font-size:50px;

}

.seo1-wrapper h1 span{

}

.email{

  margin:0 auto;

  max-width:1100px;

}

.email-wrapper{

  width:100%;

  padding:30px 0;

  overflow:hidden;

}

.email h1{

    font-size: 30px;

    padding-bottom:5px;

}

.email h1 span{

   color: #0486c0;

    font-size: 35px;

    font-weight: bold;

    margin-right: 5px;

}

.email h4{

  text-align:center;

  margin-bottom:20px;

  font-size:15px;

  font-weight:300;

}

.s1-left span.fa-map-marker{

  background-color: #0486c0;

    border-radius: 100%;

    color: #fff;

    font-size: 130px;

    padding: 20px 50px;

}

.s1-left span.fa-bar-chart{

    background-color: #0486c0;

    border-radius: 20px;

    color: #fff;

    font-size: 130px;

    padding: 45px 40px;

}

.s1-left span.fa-shopping-cart{

    background-color: #0486c0;

    border-radius: 100%;

    color: #fff !important;

    font-size: 110px;

    padding: 40px 45px;

}

.ecommerce-wrapper1-bg{

  width:100%;

  background: url(images/ecomm-bg1.jpg) repeat;

  padding:30px 0;

}

.ecommerce-wrapper2-bg{

  width:100%;

  padding:30px 0 30px;

  overflow:hidden;

}

.ecommerce-wrapper2{

  margin:0 auto;

  max-width:1200px;

  text-align:center;

}

.ecommerce-wrapper2 h2{

    color: #0486c0;

    font-size: 35px;

    padding-bottom: 100px;

    text-transform: none;

}

.ecommerce-wrapper2 .box1{

    background-color: #0486c0;

}

.ecommerce-wrapper2 .box-bottom{

  margin-top:80px !important;

}

.ecommerce-wrapper2 .box:hover{

  background-color:#444;

  border:1px solid #000;

}

.ecommerce-wrapper2 .box{

  vertical-align:top;

  height:370px;

  display: inline-block;

  margin: 20px;

  width: 28%;

  transition-duration: 0.5s;

}

.ecommerce-wrapper2 .box:hover .image{

  transform:translate3d(0px, 15px, 0px);

}

.ecommerce-wrapper2 .box .image{

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

}

.ecommerce-wrapper2 .box:hover h4{color:#fff !important;}

.ecommerce-wrapper2 .box2{

    background-color: #13be85;

}

.ecommerce-wrapper2 .box3{

    background-color: #EF4236;

}

.ecommerce-wrapper2 .image{

  margin: -80px auto 0;

  width: 50%;

}

.ecommerce-wrapper2 .box1 .image img{

  border-radius:100%;

  padding:10px;

  border:1px solid #0486c0;

  background-color:#fff;

}

.ecommerce-wrapper2 .box2 .image img{

  border-radius:100%;

  padding:10px;

  border:1px solid #13be85;

  background-color:#fff;

}

.ecommerce-wrapper2 .box3 .image img{

  border-radius:100%;

  padding:10px;

  border:1px solid #ef4236;

  background-color:#fff;

}

.ecommerce-wrapper2 .content{

  text-align:center;

  padding:20px;

  color:#fff;

  margin-top:15px;

}

.ecommerce-wrapper2 .content h4{

    color: #282828;

    font-family: Raleway;

    padding-bottom: 10px;

	text-transform:uppercase;

	font-weight:300;

	font-size:20px;

}

.ecommerce-wrapper2 .content h4 span{

   font-weight:600;

}

.ecommerce-wrapper2 .content p{

  color:#fff !important;

  margin-top:15px;

  font-family:Raleway;

  padding:0 15px;

}

.custom-project-wrapper{

  width:100%;

  padding:50px 0;

  background:url(images/custom-project-bg.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

}

.custom-project{

  margin:0 auto;

  max-width:1200px;

  text-align:center;

}

#content-fullpage .entry-content .custom-project p{

  color:#fff !important;

}

.custom-project h2{

    color: #fff;

    font-size: 35px;

    padding-bottom: 25px;

    text-transform: none;

}

.custom-project p{

    font-size: 16px;

    font-weight: 300;

    line-height: 24px;

	color:#fff !important;

}

.ecommerce-wrapper1{

  margin:0 auto;

  max-width:1000px;

  overflow:hidden;

}

.ecommerce-wrapper1 h2{

  color:#0486c0;

  text-transform:none;

  padding-bottom:25px;

  font-size:35px;

}

.ecommerce-wrapper1 p, .ecommerce-wrapper1 ul li{

    font-size: 16px;

    font-weight: 300;

    line-height: 24px;

}

.ecommerce-wrapper1 ul {

  margin-bottom:15px;

}

.ecommerce-wrapper1 .left{

  float:left;

  width:48%;

}

.ecommerce-wrapper1 .right{

  float:right;

  width:48%;

}

.s1-right h3  span{

  font-size:25px;

  font-weight:bold;

}

img.wp-image-223{

  max-width:450px !important;

  border-radius:10px !important;

}

img.seo-img1 {

  float:left;

  margin:0 30px 0 0;

  width: 460px;

}

img.seo-img2{

  margin:0 auto;

  display:block;

  width:400px;

}

.s1 .plugin-left{

    float: left;

    width: 35%;

}

.plugin-left img{

  width:331px;

}

.s1 .plugin-right{

    float: right;

    width: 63%;

}

.s1 .plugin-right h4{

  margin:20px;

}

.s1 .plugin-right h4 a{

   color:#fff !important;

   background:none repeat scroll 0 0 #ff0000;

   box-shadow:0 2px 0 0 #ae0404;

}

.s1 .plugin-right h4 a:hover{

   background:none repeat scroll 0 0 #2f2f2f;

   box-shadow:0 2px 0 0 #000;

   border-radius:4px;

   color:#fff;

}

.p-details1{

   box-shadow: 0 5px 10px #adacad;

    margin: 0 auto;

    max-width: 1200px;

    padding: 30px;

	overflow:hidden;

}

.p-details1 .p-left{

  float:left;

  width:65%;

}

.p-details1 .p-right{

  float:right;

  width:28%;

  background-color: #efefef;

  border: 1px solid rgba(0, 0, 0, 0.05);

  border-radius: 10px;

  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;

  padding: 15px;

}

.p-details1 #wpcr_button_1, .p-details1 #wpcr_button_1:link, .p-details1 #wpcr_button_1:visited, .p-details1 #wpcr_submit_btn, .p-details1 #wpcr_submit_btn:link, .p-details1 #wpcr_submit_btn:visited{

    background: none repeat scroll 0 0 #0097d0;

    border-radius: 4px;

    box-shadow: 0 2px 0 0 #00779c;

    color: #fff;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 13px;

    font-weight: 700;

    padding: 8px 15px 8px;

    text-align: center;

    text-decoration: none;

    transition-duration: 0.5s;

	 border: medium none;

	 text-shadow: none;

}

.p-details1 #wpcr_button_1:hover, .p-details1 #wpcr_submit_btn:hover{

    background: none repeat scroll 0 0 #2f2f2f;

    border-radius: 4px;

    box-shadow: 0 2px 0 0 #000;

    color: #fff;

	border:none;

}

.p-screenshot{

  padding:15px 0;

  overflow:hidden;

}

.p-details1 h2{

    color: #0486c0;

    font-family: Roboto !important;

    font-size: 30px !important;

    line-height: 35px;

    margin: 0 !important;

    padding-bottom: 15px;

}

.p-details1 h3{

    color: #0486c0;

    font-family: Roboto !important;

    font-size: 27px !important;

    line-height: 35px;

    margin: 0 !important;

    padding-bottom: 15px;

}

.p-details1 ol{

  margin-bottom:20px;

}

.p-details1 ol li{

  color: #000;

    font-family: lato;

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 8px;

}

.p-details1 h4{

  font-size:20px;

  padding-bottom:10px;

  padding-top:15px;

}

.p-screenshot img{

  border: 1px solid #cbcbcb;

    float: left;

    margin-right: 20px;

    width: 225px;

}

#free_download{overflow:hidden;}

#free_download .table1{width:50%; float:left;}

#free_download .right{

    background: none repeat scroll 0 0 #ff0000;

    border-radius: 10px;

    box-shadow: 0 2px 0 0 #ae0404;

    float: left;

    margin-left: 50px;

    padding: 30px 20px;

    text-align: center;

    width: 28%;

	transition-duration: 0.5s;

}

#free_download .right a{

    color: #fff !important;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 20px;

    font-weight: 700;

    text-decoration: none;

    text-transform: uppercase;

	line-height: 30px;

}

#free_download .right:hover{

   background: none repeat scroll 0 0 #2f2f2f;

    box-shadow: 0 2px 0 0 #000;

}

.table1 tr td{

    border: 1px solid #c8c8c8;

    padding: 6px 0;

	text-align:center;

}

.table1 tr.header td{

  background-color: #0486c0;

    color: #fff;

    font-size: 14px;

}

.sem3-call-wrapper{

 width:100%;

 background: #c6c6c6;

 padding:40px 0;

 overflow:hidden;

}

.sem3-call{

  margin:0 auto;

  max-width:1200px;

  overflow:hidden;

}

.sem3-call .left{

  float:left;

  width:27%;

  border-right:1px solid #c6c6c6;

  text-align:center;

}

.sem3-call .right{

  float:right;

  width:70%;

}

#ascrail2000{

  width:18px !important;

}

.sem3-call h3{

  text-align:center;

  font-size:35px;

  padding-bottom:10px;

  text-transform: uppercase;

  font-weight:300;

}

.sem3-call .left p{

  text-align:center;

  font-size:25px;

  margin-top:15px;

}

.sem3-call .left p span.fa{

  color:#0486c0;

  font-size:30px;

  margin-right:10px;

}

.sem3-call .left p span.number{

    color: #0486c0;

    font-size: 30px;

    font-weight: bold;

    line-height: 30px;

	font-family:"Roboto","sans-serif";

}

.sem3-call  h4{

  font-size:25px;

  padding-bottom:20px;

  font-weight:500;

  line-height: 24px;

  text-align: center;

  font-family:"Open Sans",sans-serif !important;

  color:#fff;

}

#wpcf7-f276-p30-o1 ul li{

  display:inline-block;

  margin:0 !important;

}

.sem3-call h4 span{color:#0486c0; font-weight:bolder; font-size: 35px;}



}

form#nsu-form-0 input#nsu-email-0{

    border: 1px solid #b0b0b0;

    color: #8f8f8f ;

    font-size: 12px !important;

    padding: 3px !important;

}

.p-premium{

  overflow:hidden;

}

.premium-c{float:left; width:30%;}

.premium-c1{float:left; width:15%; margin:0 1px;}

.premium-c .premium-row-header1{

   background-color: #282828;

    color: #fff;

    font-size: 29px;

    font-weight: bold;

    padding: 30.5px 0;

    text-align: center;

}

.premium-c1{text-align:center;}

.premium-c1 .premium-row-header2{

   background-color:#e6ab2b;

}

.premium-c1 .premium-row-header3{

   background-color:#00904B;

}

.premium-c1 .premium-row-header4{

   background-color:#FF5732;

}

.premium-c1 .premium-row-header5{

   background-color:#4ca5b5;

}

.premium-c1 h3{padding-top:10px; color:#fff; font-size:25px;}

.premium-c1 h4{padding-top:0; color:#fff; font-size:20px;}

.premium-c1 .premium-row{

    background-color: #f8f8f8;

    border-bottom: 1px solid #e2e2e2;

    border-top: 1px solid #e2e2e2;

    padding: 7px 0;

}

.premium-c1 .premium-row form{

  font-size:12px;

}

.premium-c1 .premium-row input.buy_button{

   background: linear-gradient(to bottom, #f9d75c 0%, #febf04 32%, #d68504 90%, #a86603 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-radius: 4px;

    color: #fff;

    cursor: pointer;

    font-family: "MyriadProCondBold";

    font-size: 18px;

    margin-top: 20px;

    padding: 7px 0;

    text-align: center;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);

    width: 104px;

	border:none;

	font-weight:bold;

}

.coming_button {

    background: linear-gradient(to bottom, #7bc9e5 0%, #28a5d3 38%, #1d73ba 91%, #184a7c 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-radius: 4px;

    color: #fff;

    font-family: "MyriadProCondBold";

    font-size: 18px;

	margin: 20px auto 0;

    padding: 10px 0;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);

    width: 125px;

	border:none;

	font-weight:bold;

}

.free_button {

    background: linear-gradient(to bottom, #b6e026 0%, #71991d 91%, #4c6b18 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-radius: 4px;

    color: #fff;

    font-family: "MyriadProCondBold";

    font-size: 20px;

    padding: 8px 0;

    text-align: center;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);

    width: 104px;

	margin:20px auto 0;

	font-weight:bold;

}

.premium-c1 .premium-rowalt{

    background-color: #e4e4e4;

    padding: 7px 0;

	color: #000;

    font-size: 14px;

    font-weight: 400;

}

.premium-c .premium-row{

    background-color: #f8f8f8;

    border-bottom: 1px solid #e2e2e2;

    border-top: 1px solid #e2e2e2;

    color: #353535;

    font-size: 14px;

    font-weight: 400;

    padding: 10px 0 10px 20px;

}

.premium-c .premium-rowalt{

    background-color: #e4e4e4;

    padding:10px 0 10px 20px;

}

.premium-c1  span.fa-check{

  font-size:20px;

  color:#00904b;

}

.premium-c1  span.fa-times{

  font-size:20px;

  color:#D00000;

}

#portfolio{

  margin:0 auto;

  padding-top:30px;

  width:100%;

  background: url(images/port-bg.jpg)  repeat;

}

#portfolio p{

  text-align:center !important;

}

#portfolio h2{

    color: #0486c0;

    font-size: 35px;

    padding-bottom: 20px;

    text-transform: none;

}

.website-scrn{

 float:left;

 width:273px;

 margin:5px 5px 30px;

 overflow: hidden;

 position: relative;

 text-align: center;

 height:370px;

 transition-duration: 0.5s;

 box-shadow:3px 3px #d7d7d7;

}

.mask{

   opacity:0;

   background-color: rgba(0, 0, 0, 0.6);

   height: 89.5%;

   width: 100%;

   transition-duration: 0.5s;

   padding:20px 10px;

}

.mask:hover{

  opacity:1;

}

.mask h3{

    font-family: "Dosis",sans-serif;

    color: #2ac1fa;

    font-size: 20px;

    font-weight: 300;

	font-weight:300;

	text-shadow: 0 1px 1px #027cb5;

	padding-bottom:10px;

	padding-top:10px;

}

.mask p{

    font-family: "Dosis",sans-serif !important;

    font-size: 14px;

    text-align: center;

	color:#fff;

}

.mask h4{

    border-bottom: none !important;

	font-family: "Dosis",sans-serif;

    color: #28bef7;

    font-size: 18px;

    font-weight: 300;

    padding-bottom: 5px;

	margin-bottom: 0 !important;

    text-align: center;

    text-shadow: 0 1px 1px #027cb5;

	}

.mask h5 a{

    background: none repeat scroll 0 0 #0097d0;

    border-radius: 4px;

    box-shadow: 0 2px 0 0 #00779c;

    color: #fff;

    cursor: pointer;

    font-family: "Dosis",sans-serif;

    font-size: 14px;

    font-weight: 700;

    padding: 5px 10px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    transition-duration: 0.5s;

}

.mask h5 a:visited{color:#fff;}

.mask span.fa{color:#0097d0;}

h3.bottom{

  color:#37c0fb;

}

.text{

    color: #2095cd;

    font-size: 15px;

    font-weight: 500;

    margin-top: 15px;

}

#portfolio ul.tabs{

  margin:0 auto;

  max-width:500px;

}

#portfolio .tabcontents{

  border:none;

  background:none;

}

#portfolio ul.tabs li.selected a{

    background: none repeat scroll 0 0 #2f2f2f;

    border-radius: 4px;

    color: #fff;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 14px;

    font-weight: 700;

    padding: 7px 20px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    transition-duration: 0.5s;

	box-shadow:0 2px 0 0 #000;

	border:1px solid #2f2f2f;

}

#portfolio ul.tabs li a{

    background: none repeat scroll 0 0 #05aadc;

    border-radius: 4px;

    color: #fff;

    cursor: pointer;

    font-family: "Roboto","sans-serif";

    font-size: 14px;

    font-weight: 700;

    padding: 7px 20px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    transition-duration: 0.5s;

	box-shadow:0 2px 0 0 #0689ae;

	border:1px solid #05aadc;

}

#portfolio ul.tabs li a:hover{

   background: none repeat scroll 0 0 #2f2f2f;

   box-shadow:0 2px 0 0 #000;

   border:1px solid #2f2f2f;

}

#view2 .p-mobile{

float:left;

width:20%;

margin:10px;

}

#view2 .p-mobile img{

  padding:5px;

  border:1px solid #bebebe;

  border-radius:5px;

}

.p-logos{

  float:left;

  width:18%;

  margin:5px;

}

.p-logos img{

  border: 1px solid #dcdcdc;

    box-shadow: 0 2px 2px #c6c6c6;

}

.p-logos img:hover{opacity:0.7;}



/*-----Uber Menu-----*/

#ubermenu-main-3-primary{

  margin:0 auto;

  max-width:1200px;

}

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{

    box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.4) inset;

}

#ubermenu-main-3-primary ul.ubermenu-nav-main-3-primary li a{

  padding:10px 25px !important;

}

#site-navigation ul li.ubermenu-current-menu-item a{color:#0486c0 !important;}

#site-navigation ul li.ubermenu-current_page_item a{color:#0486c0 !important;}

.uber-store-locator{

  width:93%;

  padding:10px 30px 20px 30px;

  text-align:center;

}

#site-navigation .uber-store-locator .title a{

  background-color:#fff !important;

  border-bottom: 1px solid #fff !important;

  display: block;

  font-size:22px !important;

  font-weight:600;

  color:#0486c0;

  padding: 0 0 10px 0!important;

  white-space: normal;

  width: 100% !important;

  font-family: "raleway";

}

#site-navigation .uber-store-locator h2 a span.fa-map-marker{

  font-size:30px;

  color: #0486c0 !important;

  margin-right:10px;

}

#site-navigation .uber-store-locator p{

  font-size:12px;

  font-weight:300;

  color:#000;

}

.uber-service-submenu{padding:0 20px; overflow:hidden;}

.uber-service-submenu .service-submenu-c{

  float:left;

  width:27%;

  margin: 20px 30px;

}

.uber-service-submenu  .intro-text{

  text-align:center;

  font-size:30px;

  font-weight:600;

  padding:10px 0;

  font-family: "raleway";

  color:#0486c0;

}

.uber-service-submenu  h2 span.fa-cogs{

   color:#0486c0 !important;

   font-size:30px;

   font-weight:bold;

   margin-right:10px;

}

.uber-service-submenu p{

  text-align:center;

  font-weight:300;

  font-size:13px;

}

#site-navigation .uber-service-submenu .service-submenu-c a{

    border-bottom: 1px solid #acacac;

    display: block;

    font-size: 12px !important;

    padding: 7px 0 !important;

    white-space: normal;

	font-weight:300;

    width: 90% !important;

	color: #000;

    font-size: 14px;

	background:none !important;

}

#site-navigation .uber-service-submenu .service-submenu-c a span.fa{

   color:#5f5f5f;

   margin-right:10px;

}

#site-navigation .uber-service-submenu .service-submenu-c .menu-title a{

   font-size:18px !important;

   color:#000 !important;

   padding-bottom:15px !important;

   font-weight:500 !important;

   border-bottom:none !important;

   width: 100% !important;

   font-family: "raleway";

}

.uber-portfolio{padding:10px 40px 20px 40px; overflow:hidden;}

.uber-portfolio img{

  float:left;

  width:260px;

  margin:5px;

  box-shadow:0 4px 4px #7c7c7c;

}

.uber-portfolio .intro-text{

    font-family: "raleway";

    font-size: 30px;

	color:#0486c0;

    font-weight: 500;

    padding: 10px 0 30px 0;

    text-align: center;

}

/*-----Uber Menu-----*/

/*-----Page with sidebar-----*/

#page-wrapper{

  margin:0 auto;

  max-width:1200px;

  overflow:hidden;

}

#primary-page{

  float:left;

  width:67%;

}

.caller-id{

  margin:0 auto;

  width:40%;

}

.caller-id table{

  padding:15px;

}

.caller-id table tr{

  margin-bottom:10px;

}

.caller-id h2{

  font-size:27px;

  font-family:dosis;

  color:#0486c0;

  text-align:center;

  padding-bottom:15px;

}

#page-wrapper .entry-content{

   margin-top: 0;

   padding-top:10px;

}

#page-wrapper .entry-content h1{

    border-bottom: 1px dotted #c5c5c5;

    color: #0486c0;

    font-family: dosis;

    font-size: 35px;

    font-weight: 300;

    margin-bottom: 15px;

    padding-bottom: 10px;

}

#page-wrapper .entry-content h2{

    color: #2b2b2b;

    font-family: lato;

    font-size: 30px;

    font-weight: 600;

    letter-spacing: -1px;

    margin-top: 20px;

    padding-bottom: 20px;

}
#page-wrapper .entry-content h3{

    color: #0486c0;

    font-family: district_thin_pro;

    font-size: 22px;

    margin-top: 25px;

    padding-bottom: 20px;

	font-weight:300;

}

#page-wrapper .entry-content h3:before{

    color: #0486c0;

    content: "\f064";

    font-family: fontawesome;

    margin-right:5px;

    vertical-align: calc(-2px);

}

#page-wrapper .entry-content p{

    font-family: dosis;

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 15px;

	color:#000;

}

#page-wrapper .entry-content ul{

  padding-left: 20px;

}

#page-wrapper .entry-content ul li, #page-wrapper .entry-content ol li{

    font-family: dosis;

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 15px;

	color:#000;

}

#page-wrapper .entry-content ul li p{

  margin-top:10px;

}

#page-wrapper .entry-content a{

  color:#0486c0 !important;

  text-decoration:underline;

}

#page-wrapper .entry-content a:hover{

  text-decoration:none;

}

#page-wrapper .entry-content ul li:before, .service-page .entry-content ul li::before{

  content: "\f144";

  font-family:fontAwesome;

  color:#0486c0;

  margin-right:3px;

}

.entry-content .desktop-portfolio{

  max-width: none;

  width:100%;

}

.entry-content .desktop-portfolio figure{

    box-shadow: 3px 4px 6px #878787;

    display: inline-block;

    float: none;

    margin: 10px;

    vertical-align: top;

    width: 23%;

	min-width: 250px;

}

.entry-content .desktop-portfolio figure img{

  opacity: 1;

}

.entry-content .desktop-portfolio figure figcaption:hover{

   background: none repeat scroll 0 0 #000;

    opacity: 0.8;

}

.desktop-portfolio figure.effect-chico h3{

    color: #2ac1fa;

    font-family: raleway;

    font-size: 14px;

    font-weight: 800;

    padding: 5% 0 3px;

    text-shadow: 0 1px 1px #003f78;

    text-transform: none;

}

.desktop-portfolio .website-description p{

    color: #fff;

    font-size: 12px !important;

    line-height: normal;

    max-width: none;

    text-transform: none;

}

.desktop-portfolio .website-description ul{

  margin-bottom:15px;

}

.desktop-portfolio figure.effect-chico figcaption::before{

  top:20px;

  bottom:20px;

  left:20px;

  right:20px;

}

.desktop-portfolio .website-description ul li{

  color:#fff !important;

  line-height:14px !important;

  margin-bottom: 0 !important;

  font-size: 85%;

}

.desktop-portfolio .website-description ul li:before{

  content:"\f0da";

  margin-right:3px;

  font-family:fontAwesome;

  color:#2ac1fa;

}

.desktop-portfolio figure.effect-chico h4{

    color: #2ac1fa;

    font-family: raleway;

    font-size: 14px;

    font-weight: 800;

    margin: 8px 0;

    text-shadow: 0 1px 1px #003f78;

    text-transform: none;

}

.desktop-portfolio figure.effect-chico figcaption::before{

  border:none;

}

.desktop-portfolio .website-url a{

    background: none repeat scroll 0 0 #0097d0;

    border-radius: 4px;

    box-shadow: 0 2px 0 0 #00779c;

    color: #fff;

    cursor: pointer;

    font-family: "Dosis",sans-serif;

    font-size: 12px;

    font-weight: 700;

    padding: 5px 10px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    transition-duration: 0.5s;

}

.entry-content .desktop-portfolio figure.effect-chico figcaption{

  padding: 20px;

}

.effect-chico .website-description, .effect-chico .website-url, .desktop-portfolio .effect-chico h3{

  transform: scale(1.5);

  opacity: 0;

  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;

  font-size: 68.5%;

  letter-spacing: 1px;

}

.entry-content .desktop-portfolio figure figcaption:hover .website-description, 

.entry-content .desktop-portfolio figure figcaption:hover .website-url,

.entry-content .desktop-portfolio figure figcaption:hover h3{

    opacity: 1;

    transform: scale(1);

}

#page-wrapper .entry-content .kwayy-html-sitemap-wrapper ul li{

  margin-bottom:0;

  line-height:25px;

}

#page-wrapper .entry-content .nav-next a{

    background-color: #0486c0;

    color: #fff !important;

    display: inline-block;

    font-size: 16px;

    font-weight: bold;

    padding: 12px 20px;

    text-decoration: none;

    transition-duration: 0.5s;

}

#page-wrapper .entry-content .nav-next a:hover{

  background-color:#444;

}

.kwayy-html-sitemap-wrapper ul li a{

  font-family:dosis;

  color:#0486c0 !important;

}

.kwayy-html-sitemap-wrapper ul li a:hover{

  text-decoration:underline;

}

.site-content{

  float:left;

  width:65%;

}

/*-----Page with sidebar-----*/

/*-----Blog Section-----*/

#blog-wrapper{

  margin:0 auto;

  max-width:1200px;

  overflow:hidden;

}

.featured-post{

  overflow:hidden;

  margin-bottom: 20px;

}

h2.blog-section-header{

	border-bottom: 1px solid #d3d3d3;

    color: #222222;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 20px;

    padding-bottom: 15px;

    text-transform: uppercase;

}

h2.blog-section-header span{

  color:#1277b1;

}

a.soliloquy-fc-read-more{

  display:inline-block;

  margin-top:20px;

  padding: 10px 20px;

  background-color:#3cbef8;

  clear:both;

  font-weight:bold;

}

h2.soliloquy-fc-title a{

  color:#3cbef8 !important;

}

#primary-blog .entry-header{

  margin-top:15px;

}

#primary-blog .entry-content .blog-h-thumb{

    float: left;

    width:20%;

}

#primary-blog .entry-content .blog-h-thumb img{

    border: 1px solid #dbdbdb;

    box-shadow: 0 2px 5px #c7c7c7;

    height: 150px;

    margin-top: 8px;

    padding: 10px;

    width: 150px;

}

#primary-blog .blog-h-cbody-wrapper{

  float:right;

  width:78%;

}

.blog-h-meta{

    color: #242424;

    font-size: 12px;

    font-weight: 300;

    margin-bottom: 20px;

}

.blog-h-cbody{

   color: #282828;

    font-size: 14px;

    font-weight: 300;

    text-align: justify;

	line-height:22px;

}

.blog-h-cbody a.more-link{

    border: 1px solid #0486c0;

    color: #0486c0 !important;

    float: right;

    font-size: 14px;

    font-weight: bold;

    margin-top: 35px;

    padding: 3px 10px;

  

}

.blog-h-cbody a.more-link:hover{

   background-color:#0486c0;

   color:#fff !important;

}

.blog-h-meta a{color:#0486c0;}

.blog-h-meta a:visited{color:#0486c0;}

#primary-blog .entry-content{overflow:hidden;  margin-top: 20px;}

#primary-blog article{

  padding-bottom:30px;

  margin-bottom:30px;

  border-bottom:1px solid #d3d3d3;

}

.entry-header .entry-title a{

  font-size:25px;

  font-weight:500;

  font-family:"Dosis",sans-serif;

}

#nav-below .nav-previous a, .navigation .nav-next a {

  padding:15px 40px;

  color:#fff !important;

  font-size:14px;

  text-decoration:none;

  background-color:#0486c0;

  display:inline-block;

  font-weight:bold;

  transition-duration: 0.5s;

}

#nav-below .nav-previous a:hover, .navigation .nav-next a:hover{

  background-color:#444;

}

.widget_search label{

    border-bottom: 1px solid #d3d3d3;

    color: #222222;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 20px;

    padding-bottom: 15px;

    text-transform: uppercase;

}

#secondary h3.widget-title{

    background-color: #444;

    border-left: 10px solid #0486c0;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 20px;

    padding: 12px;

    text-transform: uppercase;

}

#secondary .menu-footer-service-menu-container ul li a:before{

    color: #0486c0;

    content: "\F0A9";

  font-family: FontAwesome;

  font-weight: normal;

   font-style: normal;

   margin:0px 0px 0px 10px;

   text-decoration:none;

   margin-right:3px;

}

#secondary .menu-footer-service-menu-container ul li a, .menu-seo-sidebar-menu-container ul li a {

    font-size: 16px;

    font-weight: 300;

    line-height: 24px;

	 font-family: dosis;

}

#secondary .menu-footer-service-menu-container ul li a:hover{

   text-decoration:underline;

}

#secondary .menu-seo-sidebar-menu-container ul li a:hover{

  text-decoration:underline;

}

#secondary .menu-seo-sidebar-menu-container ul li.current-menu-item a{

  text-decoration:underline;

  font-weight:bold;

}

.menu-seo-sidebar-menu-container ul li a:before{

  color:#0486c0;

  content: "\f0da";

  font-family: FontAwesome;

  font-weight: normal;

   font-style: normal;

   margin:0px 0px 0px 10px;

   text-decoration:none;

   margin-right:3px;

}

#single-post-wrapper{

  margin:0 auto;

  max-width:1200px;

  overflow:hidden;

}

#single-post .entry-content img.attachment-post-thumbnail{

   float:left;

   width:350px;

}

#single-post .entry-content .blog-h-cbody-wrapper{

  float:left;

}

/*-----Blog Section-----*/

.c-wrapper{

  margin: 0 auto;

  max-width:1100px;

  overflow:hidden;

  margin: 0 auto 30px;

}

.c-wrapper h1{

    border-bottom: 1px solid #e2e2e2;

    color: #272727;

    font-size: 35px;

    font-weight: 300;

    line-height: 1.2em;

    padding-bottom:20px;

    text-shadow: 1px 1px 2px #626262;

	margin-bottom:20px;

}

.c-wrapper .left{

  float:left;

  width:60%;

  padding: 0 10px;

}

.c-wrapper .left #s-wanted{

  width: 95%;

}

.c-wrapper .left .wpcf7 h4{

  font-size: 16px;

    font-weight: 500;

    line-height: 22px;

    padding-bottom: 10px;

}

.c-wrapper .right{

  float:right;

  width:30%;

  padding-top: 5px;

}

.c-wrapper .box{

  border: 1px solid #cfcfcf;

  margin: 0 auto 15px;

  padding: 20px;

}

.c-wrapper .box h3{

   color: #0486c0;

    font-size: 20px;

    padding-bottom: 15px;

}

.c-wrapper .box p{color:#000;}

.c-wrapper .box p span{color:#0486c0;}

.c-wrapper h2{

    border-bottom: 1px solid #e2e2e2;

    color: #272727;

    font-size: 30px;

    font-weight: 300;

    line-height: 1.2em;

    margin-bottom: 20px;

    padding-bottom: 20px;

    text-shadow: 1px 1px 2px #626262;

}

.c-wrapper .right ul li{

  margin-bottom:10px;

  color:#000;

}

.c-wrapper .right ul li a{

 color:#000 !important;

 text-decoration:none;

}

#c-submit{

    background-color: #0486c0;

    color: #fff !important;

    display: inline-block;

	border:1px solid #0486c0;

    font-size: 14px;

    font-weight: bold;

    padding: 15px 40px;

    text-decoration: none;

    transition-duration: 0.5s;

}

#c-submit:hover{background-color:#444; border:1px solid #444;}

.c-wrapper .right ul li a:hover{color:#0486c0 !important; text-decoration:underline;}

.c-wrapper .left dl{

  overflow:hidden;

  margin-bottom:10px;

}

.c-wrapper .left dl dt{

  float:left;

  width:49%;

}

.c-wrapper .left dl dd{

  float:right;

  width:49%;

}

.c-wrapper dl button.wpcf7-form-control, .c-wrapper dl input.wpcf7-form-control, .c-wrapper dl textarea.wpcf7-form-control{

    background-color: #f4f4f4;

    border: 1px solid #e7e7e7;

    color: #000;

    font-family: inherit;

    font-size: 18px;

    font-weight: 300;

    padding: 10px 15px;

	width:89%;

	font-family:"Roboto","sans-serif";

}

.c-wrapper dl button.wpcf7-form-control:hover,

.c-wrapper dl input.wpcf7-form-control:hover,

.c-wrapper dl textarea.wpcf7-form-control:hover {

	border: 1px solid #0486c0;

	background-color: #fdfdfd;

    color: #000;

    font-family: inherit;

    font-size: 12px;

    font-weight: 300;

    padding: 5px;

}

.c-wrapper p button.wpcf7-form-control, .c-wrapper p input.wpcf7-form-control, .c-wrapper p textarea.wpcf7-form-control{

    background-color: #f4f4f4;

    border: 1px solid #e7e7e7;

    color: #000;

    font-family: inherit;

    font-size: 18px;

    font-weight: 300;

    padding: 10px 15px;

	width:94.6%;

	font-family:"Roboto","sans-serif";

	}

.c-wrapper p button.wpcf7-form-control:hover,

.c-wrapper p input.wpcf7-form-control:hover,

.c-wrapper p textarea.wpcf7-form-control:hover {

	border: 1px solid #0486c0;

	background-color: #fdfdfd;

}

.c-wrapper span.reset{

    background-color: #0486c0 !important;

    border: 1px solid #0486c0 !important;

    color: #fff !important;

    display: inline-block;

    font-size: 14px;

    font-weight: bold;

    padding: 15px 40px;

    text-decoration: none;

    transition-duration: 0.5s;

}

.r-quote-wrapper{

   margin: 0 auto 30px;

   max-width:1200px;

}

.r-quote-wrapper .left{

  float:left;

  padding:0 10px;

  width:55%;

}

.r-quote-wrapper .right{

  float:right;

  padding:0 10px;

  width:30%;

}

.r-quote-wrapper h2{

    border-bottom: 1px solid #e2e2e2;

    color: #272727;

    font-size: 32px;

    font-weight: 300;

    line-height: 1.2em;

    margin-bottom: 20px;

    padding-bottom: 20px;

    text-shadow: 1px 1px 2px #626262;

}

.r-quote-wrapper dl {

  overflow:hidden;

  margin-bottom:10px;

}

.r-quote-wrapper dl dt{

    float:left;

	width:49%;

}

.r-quote-wrapper dl span{line-height:35px;}

.r-quote-wrapper dl dd{

    float:right;

	width:49%;

}

.r-quote-wrapper dl button.wpcf7-form-control, .r-quote-wrapper dl input.wpcf7-form-control, .r-quote-wrapper dl textarea.wpcf7-form-control{

    background-color: #f4f4f4;

    border: 1px solid #e7e7e7;

    color: #000000;

    font-family: "Roboto","sans-serif";

    font-size: 18px;

    font-weight: 300;

    padding: 10px 15px;

    width: 89%;

}

#s-wanted{

    background-color: #f4f4f4;

    border: 1px solid #e7e7e7;

    color: #000000;

    font-family: "Roboto","sans-serif";

    font-size: 18px;

    font-weight: 300;

    padding: 10px 15px;

    width: 100%;

}

#hear-from{

   background-color: #f4f4f4;

    border: 1px solid #e7e7e7;

    color: #000000;

    font-family: "Roboto","sans-serif";

    font-size: 18px;

    font-weight: 300;

    padding: 10px 15px;

    width: 100%;

}

.r-quote-wrapper p button.wpcf7-form-control, .r-quote-wrapper p input.wpcf7-form-control, .r-quote-wrapper p textarea.wpcf7-form-control{

    background-color: #f4f4f4;

    border: 1px solid #e7e7e7;

    color: #000000;

    font-family: "Roboto","sans-serif";

    font-size: 18px;

    font-weight: 300;

    padding: 10px 15px;

    width: 95%;

}

.r-quote-wrapper p button.wpcf7-form-control:hover, .r-quote-wrapper p input.wpcf7-form-control:hover, .r-quote-wrapper p textarea.wpcf7-form-control:hover{

  background-color:#fdfdfd;

  border:1px solid #0486c0

}

.r-quote-wrapper dl button.wpcf7-form-control:hover, .r-quote-wrapper dl input.wpcf7-form-control:hover, .r-quote-wrapper dl textarea.wpcf7-form-control:hover{

  background-color:#fdfdfd;

  border:1px solid #0486c0

}

.r-quote-wrapper .right h3{

  font-size:25px;

  color:#0486c0;

  font-weight:300;

}

.common-header{

  width:100%;

}

.common-header img{

  width:100%;

}

.about-wrapper{

  margin:0 auto;

  max-width:1000px;

  overflow:hidden;

}

.about-wrapper h2{

    color: #0486c0;

    font-weight: bold;

    text-transform: none;

	padding-bottom:15px;

}

.about_banner{

    background: url(images/success.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

    min-height: 400px;

    text-align: center;

	padding-top:9%;

}

.about_banner p, .service_banner p, .portfolio_banner p,.tour_banner p, .email_banner p, .analytics_banner p, .customweb_banner p,

.casestudy_banner p, .apps_banner p, .iphone_banner p, .android_banner p, .blackberry_banner p, .windows_banner p

{

     background-color: #000;

    color: #fff;

    display: block;

    font-size: 4em;

    font-weight: 400;

    line-height: 45px;

    margin: 0 auto;

    opacity: 0.8;

    padding: 30px;

    text-shadow: 2px 2px #151515;

    width: 70%;

	font-family: homizio;

	font-weight:bold;

}

.about_banner p span, .service_banner p span,.tour_banner p span, .portfolio_banner p span, .email_banner p span, .analytics_banner p span, .customweb_banner p span,

.casestudy_banner p span, .apps_banner p span, .iphone_banner p span, .android_banner p span, .blackberry_banner p span, .windows_banner p span

{

    font-size: 30px;

    font-weight: 200;

}

.service_banner{

    background: url(images/service-banner.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

    min-height: 400px;

    text-align: center;

	padding-top:9%;

}

.portfolio_banner{

    background: url(images/portfolio-banner.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

    min-height: 400px;

    text-align: center;

	padding-top:9%;

}



.tour_banner{

    background: url(images/tour-banner.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

    min-height: 400px;

    text-align: center;

	padding-top:9%;

}

.email_banner{

    background: url(images/email-marketing-banner.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

    min-height: 400px;

    text-align: center;

	padding-top:9%;

}

.analytics_banner{

    background: url(images/web-analytics.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

    min-height: 400px;

    text-align: center;

	padding-top:9%;

}

.customweb_banner{

    background: url(images/custom-web-development.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

    min-height: 400px;

    text-align: center;

	padding-top:9%;

}

.casestudy_banner{

    background: url(images/case-study-banner.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

    min-height: 400px;

    text-align: center;

	padding-top:9%;

}

.apps_banner{

    background: url(images/mobile-apps-development1.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

    min-height: 400px;

    text-align: center;

	padding-top:9%;

}

.iphone_banner{

    background: url(images/iphone-apps-development.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

    min-height: 500px;

    text-align: center;

	padding-top:13%;

}

.android_banner{

    background: url(images/android-apps-development1.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

    min-height: 500px;

    text-align: center;

	padding-top:13%;

}

.blackberry_banner{

    background: url(images/blackberry-apps.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

    min-height: 500px;

    text-align: center;

	padding-top:13%;

}

.windows_banner{

    background: url(images/window-apps.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);

    min-height: 500px;

    text-align: center;

	padding-top:13%;

}

.entry-content .cms-wrapper{

  margin:0 auto;

  max-width:1100px;  margin-top: 30px;

}

.cms-wrapper .grid{

   max-width: 1100px;

}

.cms-wrapper .grid figure{

   max-width: none;

   width:31%;

   min-width: 200px;

}

.cms-wrapper .grid figure p{

  color:#fff !important;

}

.cms-wrapper .grid{overflow:hidden;}

.cms-wrapper .grid figure figcaption:hover{opacity:0.8; background:#000;}

.cms-wrapper .grid figure img{opacity:1;}

.entry-content .cms-wrapper1{

  margin:0 auto;

  max-width:1100px;

}

.cms-wrapper1 ul{

  margin-bottom:20px;

}

.entry-content .cms-wrapper p{

   text-align:center;

}

.cms-wrapper h2{

    color: #fff;

    font-family: "raleway";

    font-size: 30px;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

}

.cms-wrapper h2.heading{

    color: #444;

    font-family: "raleway";

    font-size: 30px;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

}

.cms-wrapper ul li img{

   box-shadow:0 2px 2px #444;

}

/*

figcaption {

    backface-visibility: hidden;

    height: 88%;

    opacity: 0;

    text-align: center;

    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;

    width: 88%;

    background: none repeat scroll 0 0 #000;

    color: #fff;

    left: 20px;

    padding: 20px;

    position: absolute;

    top: 20px;

}

figcaption h3{

  margin-top:60px;

  padding-bottom:20px;

  font-size:20px;

  color:#0486c0;

}

figcaption p{color:#fff !important;}

figcaption p span{color:#0486c0 !important;}

.cms-wrapper ul li figure:hover figcaption{

	opacity: 0.8;

	-webkit-transform: translate(15px, 15px);

	-moz-transform: translate(15px, 15px);

	-ms-transform: translate(15px, 15px);

	transform: translate(15px, 15px);

}

*/

#text-20 a{margin-right:3px;}

#text-20 span.fa-facebook{

  color:#fff;

  background-color:#3b5998;

  padding:10px 15px;

  font-size:20px;

}

#text-20 span.fa-twitter{

  color:#fff;

  background-color:#3b88c3;

  padding:10px;

  font-size:20px;

}

#text-20 span.fa-google-plus{

  color:#fff;

  background-color:#BB3627;

  padding:10px 11px;

  font-size:20px;

}

#text-20 span.fa-linkedin{

  color:#fff;

  background-color:#007AB5;

  padding:10px 12px;

  font-size:20px;

}

#text-20 span.fa-youtube{

  color:#fff;

  background-color:#D53C3A;

  padding:10px 11px;

  font-size:20px;

}

#text-20 span.fa-rss{

  color:#fff;

  background-color:#FF9900;

  padding:10px 11px;

  font-size:20px;

}

/* Maximum width of 768 pixels. */

@media screen and (max-width: 768px) {

	.author-avatar {

		float: left;

		margin-top: 8px;

		margin-top: 0.571428571rem;

	}

	.logo-left {

    margin: 10px auto 0;

    width:100%;

    text-align:center;

	}

.is-sticky #sticker{

  position:relative !important;

}

.h-fourth-wrapper h2{

  font-size:35px;

  line-height:30px;

}

#sticker-sticky-wrapper {height:auto !important;}

.c-logo{text-align:center;}

.h-fifth h3{line-height:45px;}

.about_banner p, .service_banner p, .portfolio_banner p,.tour_banner p, .email_banner p, .analytics_banner p, .customweb_banner p, .casestudy_banner p

{

  min-width:300px;

}

.logo-right{

   float: none;

    margin: 0 auto;

    overflow: hidden;

    width: 100%;

}

.cms-wrapper .grid figure{

  min-width:300px;

}

.h-quote{

    float: none;

    margin: 20px auto;

    text-align: center;

}

.h-phone{

    float: none;

    margin: 10px auto 0;

    text-align:center;

}

.h-partner{

    float: none;

    margin: 10px auto 0;

    text-align: center;

}

span.toronto{

  font-size:2em;

}

#view5 h4{background:none;}

.h-cform ul li{

  margin-bottom:5px;

  width:100%;

}

.h-cform{

  padding:20px; 

}

.h-cform button.wpcf7-form-control, .h-cform input.wpcf7-form-control, .h-cform textarea.wpcf7-form-control{

    font-size: 14px;

    padding: 5px;

    width: 90%;

	max-width: 250px;

}

.h-cform button.wpcf7-form-control:hover, .h-cform input.wpcf7-form-control:hover, .h-cform textarea.wpcf7-form-control:hover{

    font-size: 14px;

    padding: 5px;

    width: 90%;

}

#submit {

    background-color: #0486c0;

    border: 1px solid #54b3ed;

    color: #fff;

	display:inline-block;

    padding: 10px 13px !important;

	margin:0 auto;

	width:55%;

    transition-duration: 0.5s;

	max-width: 150px;

}

#submit:hover{

 padding: 10px 13px !important;

  

}

.h-fourth{

  padding: 0 10px;

  width: 90%;

}

.fourth-left {

    float: none;

    width: 100%;

}

.fourth-right{

    float: none;

    margin-top: 10px;

    padding: 10px;

    width: 95%;

}

ul.tabs{width:margin: 0 auto; width:100%; text-align:center;}

ul.tabs li {

    display: list-item;

    margin: 0 0 25px;

}

.view1-left {

    float: none;

    width: 100%;

}

.view1-right {

    float: none;

    width: 100%;

}

.tabcontents h4{background:none;}

.view2-left {

    float: none;

    width: 100%;

}

.view2-right {

    float: none;

    width: 100%;

}

.view2-serv1{

    height: 170px;

    margin: 0 20px 20px 0;

    width: 25%;

}

.view2-serv2{

  height: 170px;

  width:25%;

  margin:0 0 20px 0

}

.view2-serv3{

  height: 170px;

  width:25%;

  margin:0 20px 20px 0

}

.view2-serv4{

  height: 170px;

  width:25%;

  margin:0 0 20px 0

}

.view2-serv5{

  height: 170px;

  width:25%;

  margin:0 20px 20px 0

}

.view2-serv6{

  height: 170px;

  width:25%;

  margin:0 0 20px 0

}

.view3-left {

    float: none;

    width: 100%;

}

.view3-right {

    margin-top: 20px;

    float: none;

    width: 100%;

}

.view3-serv1{width:25%;}

.view3-serv2{width:25%;}

.view3-serv3{width:25%;}

.view3-serv4{width:25%;}

.view4-left {

    float: none;

    width: 100%;

	margin:0;

}

.view4-right {

    float: none;

    width: 100%;

}

.view4-right h4.email{background:none;}

.view4-right a.r-more {padding:10px 15px; font-size:12px;}

.view4-right a.portfolio{padding:10px 15px; font-size:12px;}

.call-action-area .title2 a{/*line-height: 45px;*/ line-height:30px; display:inline-block;}

#primary-home .h-column{float:none; max-width:300px; width:90%;margin: 10px auto; padding: 0 10px;}

#primary-home .h-column-right{float:none; max-width:300px; width:90%;margin: 10px auto; padding: 0 10px;}

#primary-home .h-column-md{float:none; max-width:300px; width:90%;margin: 10px auto; padding: 0 10px;}

.h-sixth-left{float:none;  width: 90%; margin:0 auto; padding: 10px;}

.f-block{width:22%;}

.counter-wrapper{width:90px; height:90px;}

.counter-wrapper span.counter{font-size: 25px;

    line-height: 80px;}

	.entry-content{padding:0 15px;}

#case-study .left-item{

  float:none;

  width:100%;

}

.c-portal .form-area{width:90%;}

.f1-c .l-title{width:100%; text-align:center;}

.menu-top-menu-container{

  float:none;

  margin:0 auto;

  text-align:center;

}

.c-portal .form-area form input#data{

  margin:0 auto;

  width:95%;

}

#case-study .tabcontents{

  float:none;

  width:100%;

  padding:0;

  border:none;

}

.seo1-wrapper .left{margin:0 auto; width:100%; text-align:center; padding-top:0;}

.seo1-wrapper .right{margin:0 auto; width:100%; text-align:center;}

.sem3-call .right .wpcf7-form ul li{display: inline;}

.s2 .s2-c1{

     margin: 0 auto 15px;

    text-align: center;

    width: 100%;

    max-width: 300px;

}

.h-sixth-right{float:none;  width: 90%; margin:20px auto 0; padding: 10px;}

.t-video .single-video{float:none; width:95%; margin: 0 auto 20px;}

.s1-right{text-align:left;}

.philosophy-column {

    float: none;

    margin: 0 auto 20px;

    width: 85%;

	max-width: 300px;

}

.have-arrow:after{

  background:none repeat scroll 0 0 rgba(0, 0, 0, 0);

}

.seo1-wrapper .seo1-left{

    float: none;

    padding-top: 0;

    width: 100%;

}

.seo1-wrapper .seo1-right {

    float: none;

    width: 100%;

}

.social1 .social1-left {

    float: none;

    width: 100%;

}

.social1 .social1-right {

    float: none;

    padding-top: 10px;

    width: 100%;

}

.footer-2{

    margin: 0 auto;

    width:90%;

    overflow: hidden;

	padding: 0 10px;

}

.f2-c {

    float: none;

    height: auto;

    margin: 0 10px 20px;

    display: inline-block;

    vertical-align: top;

    min-width: 160px;

}

.s1-left{

    float: none;

    text-align:center;

	margin:0 auto;

	width:100%;

	margin-bottom:20px;

}

.s1-right {

    float: none;

    margin: 0 auto;

    text-align: center;

	width:90%;

}

.s2-c {

    float: none;

    margin: 20px 0;

    text-align: center;

    width: 100%;

}

.local-seo1 .grid figure{

  width:100%;

  margin:0 0 15px 0;

}

.ecommerce-wrapper1 .left{

  float: none;

  width: 100%;

}

.ecommerce-wrapper1 .right {

    float: none;

    width: 100%;

}

.iphone-wrapper2 .left {

    float: none;

    width: 100%;

	margin:0 auto;

	max-width:300px;

}

.android-wrapper3 .left {

    float: none;

    padding-top: 20px;

    width: 100%;

	margin:0 auto;

}

.android-wrapper3 .right {

    float: none;

    width: 100%;

	margin:0 auto;

}

.left-blackberry3 {

    float: none;

    width: 100%;

	max-width:400px;

	margin:0 auto;

}

.right-blackberry3 {

    float: none;

    width: 100%;

	margin:0 auto;

}

.left-windows3{

    float: none;

    width: 100%;

	max-width:400px;

	margin:0 auto;

	}

.right-windows3{

    float: none;

    width: 100%;

	margin:0 auto;

}

.table1{width:100%;}

.premium-c {

    float: none;

    width: 100%;

	max-width:350px;

	margin:0 auto;

}

.premium-c1{

    float: none;

    width: 100%;

	max-width:350px;

	margin:0 auto;

}

.s1 .plugin-left {

    float: none;

    width: 100%;

	margin:0 auto;

}

.s1 .plugin-right{

    float: none;

    width: 100%;

	margin:0 auto;

}

.iphone-wrapper2 .right {

    float: none;

    padding-top: 10px;

    width: 100%;

	margin:0 auto;

}

.iphone-wrapper3 .box{

  width:100%;

  max-width:300px;

  margin:0 auto 15px;

}

.iphone-wrapper3{

  text-align:center;

}

.ecommerce-wrapper2 .box{

    margin: 80px auto 0;

    max-width: 370px;

    width: 100%;

}

.s2 {

    margin: 0 auto;

    width:100%;

    overflow: hidden;

    padding: 30px 0;

}

.s2-c1 {

    float: none;

    margin: 20px 0;

    text-align: center;

	width:100%;

}

.seo2-wrapper{padding:20px; margin:0 auto; width:90%;}

.seo2-left {

    float: none;

    width: 100%;

}

.seo2-right {

    float: none;

    width: 100%;

}

.sem3-call .left {

    border-right: none;

    float: none;

    text-align: center;

    width: 100%;

}

.sem3-call .right {

    float: none;

    width: 100%;

	text-align:center;

}

#wpcf7-f276-p30-o1 ul li{display:inline;}

button.wpcf7-form-control, input.wpcf7-form-control, textarea.wpcf7-form-control{margin-bottom:10px;}

.sem2 {

    margin: 0 auto;

    width:93%;

    padding-top: 30px 20px;

}



.c-wrapper {

    margin: 0 auto 30px;

    max-width: none;

    overflow: hidden;

    width: 94%;

}

.c-wrapper .left {

    float: none;

    padding: 0;

    width: 100%;

}

.c-wrapper .left dl dt {

    float: left;

    width: 49%;

}

.c-wrapper .left dl dd {

    float: right;

    width: 49%;

}

.c-wrapper dl button.wpcf7-form-control, .c-wrapper dl input.wpcf7-form-control, .c-wrapper dl textarea.wpcf7-form-control{

   width:78%;

}

.c-wrapper p button.wpcf7-form-control, .c-wrapper p input.wpcf7-form-control, .c-wrapper p textarea.wpcf7-form-control{

  width: 89%;

}

.c-wrapper .right {

    float: none;

    margin-top: 20px;

    width: 100%;

}

.r-quote-wrapper {

    margin: 0 auto 30px;

    width:100%;

	overflow:hidden;

}

.r-quote-wrapper .left {

    float: none;

    padding: 0;

	margin:0 auto;

    width: 90%;

}

.r-quote-wrapper dl button.wpcf7-form-control, .r-quote-wrapper dl input.wpcf7-form-control, .r-quote-wrapper dl textarea.wpcf7-form-control{

   width: 79%;

}

.r-quote-wrapper p button.wpcf7-form-control, .r-quote-wrapper p input.wpcf7-form-control, .r-quote-wrapper p textarea.wpcf7-form-control{

   width: 90%;

}

.r-quote-wrapper .right {

    float: none;

    margin:0 auto;

    width: 100%

}



.cms-wrapper ul li {

    display: list-item;

    margin: 0 auto !important;

    padding: 10px;

	width:90%;

    position: relative;

}

.f1-c {

    float: none;

    width: 100%;

	margin:0 auto;

	text-align:center;

}

.f1-c1 {

    border-left: none;

    float: none;

    margin-left: 0;

    padding-left: 0;

    width: 65%;

	margin:0 auto;

}

.f-location {

    float: none;

	margin: 0 auto 15px;

	min-width:300px;

}

.f-map {

    float: none;

    width: 100%;

	margin:15px auto;

	text-align:center;

}

.featured-post .soliloquy-theme-karisma .soliloquy-controls-direction a, .featured-post .soliloquy-theme-karisma .soliloquy-controls-auto-item, .featured-post .soliloquy-theme-karisma .soliloquy-controls-auto-item a{

    background: none repeat scroll 0 0 #0486c0;

    bottom: 50px;

    height: 40px;

    left: auto;

    margin-top: 0;

    top: auto;

    transition: background-color 0.2s linear 0s, color 0.2s linear 0s;

    width: 40px;

}

#primary-blog .entry-content .blog-h-thumb {

    float: none;

    width: 100%;

	margin:0 auto;

}

#primary-blog .blog-h-cbody-wrapper {

    float: none;

    width: 100%;

	margin:0 auto;

}

#primary-blog article {

    border-bottom: 1px solid #d3d3d3;

    margin: 0 auto 30px;

    padding-bottom: 30px;

	width:90%;

}

}

/* Minimum width of 768 pixels. */

/*-----CSS by Chandan-----*/



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 {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	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;

}

caption,

th,

td {

	font-weight: normal;

	text-align: left;

}

h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

}

html {

	overflow-y: scroll;

	font-size: 100%;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

}

a:focus {

	outline: thin dotted;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

	display: block;

}

audio,

canvas,

video {

	display: inline-block;

}

audio:not([controls]) {

	display: none;

}

del {

	color: #333;

}

ins {

	background: #fff9c0;

	text-decoration: none;

}

hr {

	background-color: #e1e1e1;

    border: 0 none;

    height: 1px;

    margin: 15px;

}

sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	top: -0.5em;

}

sub {

	bottom: -0.25em;

}

small {

	font-size: smaller;

}

img {

	border: 0;

	-ms-interpolation-mode: bicubic;

}



/* Clearing floats */

.clear:after,

.wrapper:after,

.format-status .entry-header:after {

	clear: both;

}

.clear:before,

.clear:after,

.wrapper:before,

.wrapper:after,

.format-status .entry-header:before,

.format-status .entry-header:after {

	display: table;

	content: "";

}





/* =Repeatable patterns

-------------------------------------------------------------- */



/* Small headers */

.archive-title,

.page-title,

.widget-title,

.entry-content th,

.comment-content th {

	font-size: 11px;

	font-size: 0.785714286rem;

	font-weight: bold;

	text-transform: uppercase;

	color: #636363;

}



/* Shared Post Format styling */

article.format-quote footer.entry-meta,

article.format-link footer.entry-meta,

article.format-status footer.entry-meta {

	font-size: 11px;

	font-size: 0.785714286rem;

	line-height: 2.181818182;

}



/* Form fields, general styles first */

button.wpcf7-form-control,

input.wpcf7-form-control,

textarea.wpcf7-form-control{

	border: 1px solid #b0b0b0;

    color: #343434;

    font-family: inherit;

    font-size: 20px;

    font-weight: 400;

    padding: 15px 10px;

}

button.wpcf7-form-control:hover,

input.wpcf7-form-control:hover,

textarea.wpcf7-form-control:hover {

	border: 1px solid #0486c0;

	color:#000;

	font-family: inherit;

	padding: 5px;

	font-size:14px;

}

.sem3-call div.wpcf7-validation-errors{color:#fff;}

#submit{

    background-color: #0486c0;

    border: 1px solid #54b3ed;

    color: #fff;

    padding: 14px 15px;

	transition-duration: 0.5s;

	vertical-align:sub;

}

#submit:hover{

  color:#fff;

  background-color: #00548e !important;

}

button,

input {

	line-height: normal;

}

textarea {

	font-size: 100%;

	overflow: auto;

	vertical-align: top;

}



/* Reset non-text input types */

input[type="checkbox"],

input[type="radio"],

input[type="file"],

input[type="hidden"],

input[type="image"],

input[type="color"] {

	border: 0;

	border-radius: 0;

	padding: 0;

}



/* Buttons */

.menu-toggle,

input[type="submit"],

input[type="button"],

input[type="reset"],

article.post-password-required input[type=submit],

/*.bypostauthor cite span {

	padding: 6px 10px;

	padding: 0.428571429rem 0.714285714rem;

	font-size: 11px;

	font-size: 0.785714286rem;

	line-height: 1.428571429;

	font-weight: normal;

	color: #7c7c7c;

	background-color: #e6e6e6;

	background-repeat: repeat-x;

	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);

	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);

	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);

	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);

	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);

	border: 1px solid #d2d2d2;

	border-radius: 3px;

	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);

}

*/

.menu-toggle,

button,

input[type="submit"],

input[type="button"],

input[type="reset"] {

	cursor: pointer;

}

button[disabled],

input[disabled] {

	cursor: default;

}

.menu-toggle:hover,

button:hover,

input[type="submit"]:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

article.post-password-required input[type=submit]:hover {

	color: #fff;

}

.menu-toggle:active,

.menu-toggle.toggled-on,

button:active,

input[type="submit"]:active,

input[type="button"]:active,

input[type="reset"]:active {

	color: #757575;

	background-color: #e1e1e1;

	background-repeat: repeat-x;

	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);

	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);

	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);

	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);

	background-image: linear-gradient(top, #ebebeb, #e1e1e1);

	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;

	border-color: transparent;

}

.bypostauthor cite span {

	color: #fff;

	background-color: #21759b;

	background-image: none;

	border: 1px solid #1f6f93;

	border-radius: 2px;

	box-shadow: none;

	padding: 0;

}



/* Responsive images */

.entry-content img,

.comment-content img,

.widget img {

	max-width: 100%; /* Fluid images for posts, comments, and widgets */

}

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

img.size-full,

img.size-large,

img.header-image,

img.wp-post-image {

	/* Make sure images with WordPress-added height and width attributes are scaled correctly */

}



/* Make sure videos and embeds fit their containers */

embed,

iframe,

object,

video {

	max-width: 100%;

}

.entry-content .twitter-tweet-rendered {

	max-width: 100% !important; /* Override the Twitter embed fixed width */

}



/* Images */

.alignleft {

	float: left;

}

.alignright {

	float: right;

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.entry-content img,

.comment-content img,

.widget img,

img.header-image,

.author-avatar img,

img.wp-post-image {

	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */



}

.wp-caption {

	max-width: 100%; /* Keep wide captions from overflowing their container. */

	padding: 4px;

}

.wp-caption .wp-caption-text,

.gallery-caption,

.entry-caption {

	font-style: italic;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 2;

	color: #757575;

}

img.wp-smiley,

.rsswidget img {

	border: 0;

	border-radius: 0;

	box-shadow: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

.entry-content dl.gallery-item {

	margin: 0;

}

.gallery-item a,

.gallery-caption {

	width: 90%;

}

.gallery-item a {

	display: block;

}

.gallery-caption a {

	display: inline;

}

.gallery-columns-1 .gallery-item a {

	max-width: 100%;

	width: auto;

}

.gallery .gallery-icon img {

	height: auto;

	max-width: 90%;

	padding: 5%;

}

.gallery-columns-1 .gallery-icon img {

	padding: 3%;

}



/* Navigation */

.site-content nav {

	clear: both;

	line-height: 2;

	overflow: hidden;

	margin-bottom: 30px;

}

#nav-above {

	padding: 24px 0;

	padding: 1.714285714rem 0;

}

#nav-above {

	display: none;

}

.paged #nav-above {

	display: block;

}

.nav-previous,

.previous-image {

	float: left;

	width: 50%;

}

.nav-next,

.next-image {

	float: right;

	text-align: right;

	width: 50%;

}

.nav-single + .comments-area,

#comment-nav-above {

	margin: 48px 0;

	margin: 3.428571429rem 0;

}



/* Author profiles */

.author .archive-header {

	margin-bottom: 24px;

	margin-bottom: 1.714285714rem;

}

.author-info {

	border-bottom: 1px solid rgba(0, 0, 0, 0.01);

    border-top: 1px solid rgba(0, 0, 0, 0.1);

    box-shadow: 0 23px 10px rgba(0, 0, 0, 0.05) inset;

    margin: 25px 0;

    overflow: hidden;

    padding: 25px 15px;

}

.author-avatar img{

    border: 1px solid #b6b6b6;

    border-radius: 100%;

    height: 130px;

    padding: 5px;

    width: 130px;

}

#author-wrapper{

    margin: 0 auto;

    max-width: 1200px;

    overflow: hidden;

}

.author-description p {

	color: #151515;

    font-family: dosis;

    font-size: 14px;

    line-height: 17px;

	margin-bottom: 10px;

}

.author-description h2{

  color:#0486c0;

  font-family:dosis;

  margin-bottom:10px;

  font-size:20px;

}

.author.archive .author-info {

	border-top: 0;

	margin: 0 0 48px;

	margin: 0 0 3.428571429rem;

}

.author.archive .author-avatar {

	margin-top: 0;

}





/* =Basic structure

-------------------------------------------------------------- */



/* Body, links, basics */

html {

	font-size: 87.5%;

}

body {

	font-size: 14px;

	font-size: 1rem;

	font-family: Helvetica, Arial, sans-serif;

	text-rendering: optimizeLegibility;

	color: #333;

}

body.custom-font-enabled {

	font-family: "Roboto","sans-serif";

}

body.custom-background{background-color:#fff !important;}

a {

	outline: none;

	color: #21759b;

}

a:hover {

	color: #0f3647;

}



/* Assistive text */

.assistive-text,

.site .screen-reader-text {

	position: absolute !important;

	clip: rect(1px, 1px, 1px, 1px);

}

.main-navigation .assistive-text:focus {

	background: #fff;

	border: 2px solid #333;

	border-radius: 3px;

	clip: auto !important;

	color: #000;

	display: block;

	font-size: 12px;

	padding: 12px;

	position: absolute;

	top: 5px;

	left: 5px;

	z-index: 100000; /* Above WP toolbar */

}



/* Page structure */

.site {

	padding: 0 24px;

	padding: 0 1.714285714rem;

	background-color: #fff;

}

.site-content {

	margin: 24px 0 0;

	margin: 1.714285714rem 0 0;

}

.widget-area {

	margin: 24px 0 0;

	margin: 1.714285714rem 0 0;

}



/* Header */

.site-header {

	padding: 24px 0;

	padding: 1.714285714rem 0;

}

.site-header h1,

.site-header h2 {

	text-align: center;

}

.site-header h1 a,

.site-header h2 a {

	color: #515151;

	display: inline-block;

	text-decoration: none;

}

.site-header h1 a:hover,

.site-header h2 a:hover {

	color: #21759b;

}

.site-header h1 {

	font-size: 24px;

	font-size: 1.714285714rem;

	line-height: 1.285714286;

	margin-bottom: 14px;

	margin-bottom: 1rem;

}

.site-header h2 {

	font-weight: normal;

	font-size: 13px;

	font-size: 0.928571429rem;

	line-height: 1.846153846;

	color: #757575;

}

.header-image {

	margin-top: 24px;

	margin-top: 1.714285714rem;

}



/* Navigation Menu */

.main-navigation {

	margin-top: 24px;

	margin-top: 1.714285714rem;

	text-align: center;

}

.main-navigation li {

}

.main-navigation a {

	color: #5e5e5e;

}

.main-navigation a:hover {

	color: #21759b;

}

.main-navigation ul.nav-menu,

.main-navigation div.nav-menu > ul {

	display: none;

}

.main-navigation ul.nav-menu.toggled-on,

.menu-toggle {

	display: inline-block;

}



/* Banner */

section[role="banner"] {

	margin-bottom: 48px;

	margin-bottom: 3.428571429rem;

}



/* Sidebar */

.widget-area .widget {

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	hyphens: auto;

	margin-bottom: 48px;

	margin-bottom: 3.428571429rem;

	word-wrap: break-word;

}

.widget-area .widget h3 {

	margin-bottom: 24px;

	margin-bottom: 1.714285714rem;

}

.widget-area .widget p,

.widget-area .widget li,

.widget-area .widget .textwidget {

	font-size: 13px;

	font-size: 0.928571429rem;

	line-height: 1.846153846;

}

.widget-area .widget p {

	margin-bottom: 24px;

	margin-bottom: 1.714285714rem;

}

.widget-area .textwidget ul {

	list-style: disc outside;

	margin: 0 0 24px;

	margin: 0 0 1.714285714rem;

}

.widget-area .textwidget li {

	margin-left: 36px;

	margin-left: 2.571428571rem;

}

.widget-area .widget a {

	color: #0486c0;

}

.widget-area .widget a:hover {

	color: #000;

}

.widget-area .widget a:visited {

	color: #0486c0;

}

.widget-area #s {

	 border: 1px solid #0486c0;

    height: 35px;

    width: 52.667%; /* define a width to avoid dropping a wider submit button */

}

#searchsubmit{

    background-color: #0486c0;

    border: 1px solid #0486c0;

    color: #fff;

    font-weight: 700;

    margin-left: -4px;

    padding: 10px 25px;

    vertical-align: calc(0px);

}

/* Footer */

footer[role="contentinfo"] {

	border-top: 1px solid #ededed;

	clear: both;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 2;

	max-width: 960px;

	max-width: 68.571428571rem;

	margin-top: 24px;

	margin-top: 1.714285714rem;

	margin-left: auto;

	margin-right: auto;

	padding: 24px 0;

	padding: 1.714285714rem 0;

}

footer[role="contentinfo"] a {

	color: #686868;

}

footer[role="contentinfo"] a:hover {

	color: #21759b;

}





/* =Main content and comment content

-------------------------------------------------------------- */



.entry-meta {

	clear: both;

}

.author-avatar1{

  float:left;

  margin-right:15px;

}

.title_meta{

  float:left;

  width:78%;

  padding-top: 5px;

}

.author-avatar1 img{

  width:75px;

  height:75px;

  border-radius:100%;

}

.entry-header h1.entry-title {

    color: #0486c0;

    font-family: lato;

    font-size: 40px;

    font-weight: bold;

    margin-bottom: 15px;

}

#single-post-wrapper h2 {

    color: #0486c0;

    font-family: lato;

    font-size: 30px;

    font-weight: 400;

    margin-bottom: 20px;

    margin-top: 30px;

	letter-spacing: -1px;

}

#single-post-wrapper h3 {

    color: #0486c0;

    font-family: dosis;

    font-size: 27px;

    font-weight: 400;

    margin-bottom: 20px;

}

#single-post-wrapper .entry-content{

  margin-top: 20px;

}

#single-post-wrapper .entry-content a{

  color:#21759b !important;

  text-decoration:underline;

}

#single-post-wrapper .entry-content p, #single-post-wrapper .entry-content ul li, #single-post-wrapper .entry-content ol li{

    color: #292929;

    font-family: lato;

    font-size: 16px;

    line-height: 22px;

}

#single-post-wrapper .entry-content ol li{

  line-height:24px;

}

#single-post-wrapper .entry-content ol{

  margin-bottom:15px;

}

#single-post-wrapper .entry-content ul {

   padding-left:20px;

}

#single-post-wrapper .entry-content ul li{

  margin-bottom:15px;

}

#single-post-wrapper .entry-content ul li:before{

   content:"\f144";

   font-family:fontAwesome;

   color:#0486c0;

   margin-right:5px;

}

#author-wrapper  .blog-h-thumb{

   float:left;

   margin-right:15px;

   width:20%;

}

#author-wrapper  .blog-h-thumb img{

  width:135px;

  height:135px;

  border-radius:5px;

}

#author-wrapper .blog-h-cbody-wrapper{

  float:left;

  width:78%;

}

#author-wrapper .blog-h-cbody-wrapper footer.entry-meta{

  text-align: left;

  margin:0 0 15px 0;

}

#author-wrapper  .entry-header h1.entry-title{

    text-align: left;

}

h1.archive-title{

  font-size:30px;

  font-family:dosis;

}

footer.entry-meta{

  margin: 15px 0;

   font-size: 12px;

}

.entry-header .entry-title a {

	text-decoration: none;

}

.entry-header .entry-format {

	margin-top: 24px;

	margin-top: 1.714285714rem;

	font-weight: normal;

}

.entry-header .comments-link {

	margin-top: 24px;

	margin-top: 1.714285714rem;

	font-size: 13px;

	font-size: 0.928571429rem;

	line-height: 1.846153846;

	color: #757575;

}

.comments-link a,

.entry-meta a {

	color: #0486c0 !important;

}

.comments-link a:hover,

.entry-meta a:hover {

	color: #21759b;

}

article.sticky .featured-post {

	border-top: 4px double #ededed;

	border-bottom: 4px double #ededed;

	color: #757575;

	font-size: 13px;

	font-size: 0.928571429rem;

	line-height: 3.692307692;

	margin-bottom: 24px;

	margin-bottom: 1.714285714rem;

	text-align: center;

}

.entry-content,

.entry-summary,

.mu_register {

}

.entry-content h1,

.comment-content h1,

.entry-content h2,

.comment-content h2,

.entry-content h3,

.comment-content h3,

.entry-content h4,

.comment-content h4,

.entry-content h5,

.comment-content h5,

.entry-content h6,

.comment-content h6 {

	

}

.entry-content h1,

.comment-content h1 {



}

.entry-content h2,

.comment-content h2,

.mu_register h2 {

	

}

.entry-content h3,

.comment-content h3 {

	

}

.entry-content h4,

.comment-content h4 {

}

.entry-content h5,

.comment-content h5 {

	font-size: 13px;

	font-size: 0.928571429rem;

	line-height: 1.846153846;

}

.entry-content h6,

.comment-content h6 {

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 1.846153846;

}

.entry-content p,

.entry-summary p,

.comment-content p,

.mu_register p {

	

}

.entry-content a:visited,

.comment-content a:visited {

	color: #9f9f9f;

}

.entry-content ol,

.comment-content ol,

.entry-content ul,

.comment-content ul,

.mu_register ul {



}

.entry-content ul ul,

.comment-content ul ul,

.entry-content ol ol,

.comment-content ol ol,

.entry-content ul ol,

.comment-content ul ol,

.entry-content ol ul,

.comment-content ol ul {

	margin-bottom: 0;

}

.entry-content ul,

.comment-content ul,

.mu_register ul {

	list-style: disc outside;

}

.entry-content ol,

.comment-content ol {

	list-style: decimal outside;

}

.entry-content li,

.comment-content li,

.mu_register li {

	margin: 0 0 0 36px;

	margin: 0 0 0 2.571428571rem;

}

.entry-content blockquote,

.comment-content blockquote {

	margin-bottom: 24px;

	margin-bottom: 1.714285714rem;

	padding: 24px;

	padding: 1.714285714rem;

	font-style: italic;

}

.entry-content blockquote p:last-child,

.comment-content blockquote p:last-child {

	margin-bottom: 0;

}

.entry-content code,

.comment-content code {

	font-family: Consolas, Monaco, Lucida Console, monospace;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 2;

}

.entry-content pre,

.comment-content pre {

	border: 1px solid #ededed;

	color: #666;

	font-family: Consolas, Monaco, Lucida Console, monospace;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 1.714285714;

	margin: 24px 0;

	margin: 1.714285714rem 0;

	overflow: auto;

	padding: 24px;

	padding: 1.714285714rem;

}

.entry-content pre code,

.comment-content pre code {

	display: block;

}

.entry-content abbr,

.comment-content abbr,

.entry-content dfn,

.comment-content dfn,

.entry-content acronym,

.comment-content acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

.entry-content address,

.comment-content address {

	display: block;

	line-height: 1.714285714;

	margin: 0 0 24px;

	margin: 0 0 1.714285714rem;

}

img.alignleft,

.wp-caption.alignleft {

	margin: 12px 24px 12px 0;

	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;

}

img.alignright,

.wp-caption.alignright {

	margin: 12px 0 12px 24px;

	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;

}

img.aligncenter,

.wp-caption.aligncenter {

	clear: both;

	margin-top: 12px;

	margin-top: 0.857142857rem;

	margin-bottom: 12px;

	margin-bottom: 0.857142857rem;

}

.entry-content embed,

.entry-content iframe,

.entry-content object,

.entry-content video {

	margin-bottom: 24px;

	margin-bottom: 1.714285714rem;

}

.entry-content dl,

.comment-content dl {

	

}

.entry-content dt,

.comment-content dt {

}

.entry-content dd,

.comment-content dd {



}

.entry-content table,

.comment-content table {

	border-bottom: 1px solid #ededed;

	color: #757575;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 2;

	margin: 0 0 24px;

	margin: 0 0 1.714285714rem;

	width: 100%;

}

.entry-content table caption,

.comment-content table caption {

	font-size: 16px;

	font-size: 1.142857143rem;

	margin: 24px 0;

	margin: 1.714285714rem 0;

}

.entry-content td,

.comment-content td {

	border-top: 1px solid #ededed;

	padding: 6px 10px 6px 0;

}

.site-content article {

	

}

.page-links {

	clear: both;

	line-height: 1.714285714;

}

footer.entry-meta {

}

.single-author .entry-meta .by-author {

	display: none;

}

.mu_register h2 {

	color: #757575;

	font-weight: normal;

}





/* =Archives

-------------------------------------------------------------- */



.archive-header,

.page-header {

	margin-bottom: 48px;

	margin-bottom: 3.428571429rem;

	padding-bottom: 22px;

	padding-bottom: 1.571428571rem;

	border-bottom: 1px solid #ededed;

}

.archive-meta {

	color: #757575;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 2;

	margin-top: 22px;

	margin-top: 1.571428571rem;

}





/* =Single image attachment view

-------------------------------------------------------------- */



.article.attachment {

	overflow: hidden;

}

.image-attachment div.attachment {

	text-align: center;

}

.image-attachment div.attachment p {

	text-align: center;

}

.image-attachment div.attachment img {

	display: block;

	height: auto;

	margin: 0 auto;

	max-width: 100%;

}

.image-attachment .entry-caption {

	margin-top: 8px;

	margin-top: 0.571428571rem;

}





/* =Aside post format

-------------------------------------------------------------- */



article.format-aside h1 {

	margin-bottom: 24px;

	margin-bottom: 1.714285714rem;

}

article.format-aside h1 a {

	text-decoration: none;

	color: #4d525a;

}

article.format-aside h1 a:hover {

	color: #2e3542;

}

article.format-aside .aside {

	padding: 24px 24px 0;

	padding: 1.714285714rem;

	background: #d2e0f9;

	border-left: 22px solid #a8bfe8;

}

article.format-aside p {

	font-size: 13px;

	font-size: 0.928571429rem;

	line-height: 1.846153846;

	color: #4a5466;

}

article.format-aside blockquote:last-child,

article.format-aside p:last-child {

	margin-bottom: 0;

}





/* =Post formats

-------------------------------------------------------------- */



/* Image posts */

article.format-image footer h1 {

	font-size: 13px;

	font-size: 0.928571429rem;

	line-height: 1.846153846;

	font-weight: normal;

}

article.format-image footer h2 {

	font-size: 11px;

	font-size: 0.785714286rem;

	line-height: 2.181818182;

}

article.format-image footer a h2 {

	font-weight: normal;

}



/* Link posts */

article.format-link header {

	padding: 0 10px;

	padding: 0 0.714285714rem;

	float: right;

	font-size: 11px;

	font-size: 0.785714286rem;

	line-height: 2.181818182;

	font-weight: bold;

	font-style: italic;

	text-transform: uppercase;

	color: #848484;

	background-color: #ebebeb;

	border-radius: 3px;

}

article.format-link .entry-content {

	max-width: 80%;

	float: left;

}

article.format-link .entry-content a {

	font-size: 22px;

	font-size: 1.571428571rem;

	line-height: 1.090909091;

	text-decoration: none;

}



/* Quote posts */

article.format-quote .entry-content p {

	margin: 0;

	padding-bottom: 24px;

	padding-bottom: 1.714285714rem;

}

article.format-quote .entry-content blockquote {

	display: block;

	padding: 24px 24px 0;

	padding: 1.714285714rem 1.714285714rem 0;

	font-size: 15px;

	font-size: 1.071428571rem;

	line-height: 1.6;

	font-style: normal;

	color: #6a6a6a;

	background: #efefef;

}



/* Status posts */

.format-status .entry-header {

	margin-bottom: 24px;

	margin-bottom: 1.714285714rem;

}

.format-status .entry-header header {

	display: inline-block;

}

.format-status .entry-header h1 {

	font-size: 15px;

	font-size: 1.071428571rem;

	font-weight: normal;

	line-height: 1.6;

	margin: 0;

}

.format-status .entry-header h2 {

	font-size: 12px;

	font-size: 0.857142857rem;

	font-weight: normal;

	line-height: 2;

	margin: 0;

}

.format-status .entry-header header a {

	color: #757575;

}

.format-status .entry-header header a:hover {

	color: #21759b;

}

.format-status .entry-header img {

	float: left;

	margin-right: 21px;

	margin-right: 1.5rem;

}





/* =Comments

-------------------------------------------------------------- */



.comments-title {

	margin-bottom: 48px;

	margin-bottom: 3.428571429rem;

	font-size: 16px;

	font-size: 1.142857143rem;

	line-height: 1.5;

	font-weight: normal;

}

.comments-area article {

	margin: 24px 0;

	margin: 1.714285714rem 0;

}

.comments-area article header {

	margin: 0 0 48px;

	margin: 0 0 3.428571429rem;

	overflow: hidden;

	position: relative;

}

.comments-area article header img {

	float: left;

	padding: 0;

	line-height: 0;

}

.comments-area article header cite,

.comments-area article header time {

	display: block;

	margin-left: 85px;

	margin-left: 6.071428571rem;

}

.comments-area article header cite {

	font-style: normal;

	font-size: 15px;

	font-size: 1.071428571rem;

	line-height: 1.42857143;

}

.comments-area cite b {

	font-weight: normal;

}

.comments-area article header time {

	line-height: 1.714285714;

	text-decoration: none;

	font-size: 12px;

	font-size: 0.857142857rem;

	color: #5e5e5e;

}

.comments-area article header a {

	text-decoration: none;

	color: #5e5e5e;

}

.comments-area article header a:hover {

	color: #21759b;

}

.comments-area article header cite a {

	color: #444;

}

.comments-area article header cite a:hover {

	text-decoration: underline;

}

.comments-area article header h4 {

	position: absolute;

	top: 0;

	right: 0;

	padding: 6px 12px;

	padding: 0.428571429rem 0.857142857rem;

	font-size: 12px;

	font-size: 0.857142857rem;

	font-weight: normal;

	color: #fff;

	background-color: #0088d0;

	background-repeat: repeat-x;

	background-image: -moz-linear-gradient(top, #009cee, #0088d0);

	background-image: -ms-linear-gradient(top, #009cee, #0088d0);

	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);

	background-image: -o-linear-gradient(top, #009cee, #0088d0);

	background-image: linear-gradient(top, #009cee, #0088d0);

	border-radius: 3px;

	border: 1px solid #007cbd;

}

.comments-area .bypostauthor cite span {

	position: absolute;

	margin-left: 5px;

	margin-left: 0.357142857rem;

	padding: 2px 5px;

	padding: 0.142857143rem 0.357142857rem;

	font-size: 10px;

	font-size: 0.714285714rem;

}

.comments-area .bypostauthor cite b {

	font-weight: bold;

}

a.comment-reply-link,

a.comment-edit-link {

	color: #686868;

	font-size: 13px;

	font-size: 0.928571429rem;

	line-height: 1.846153846;

}

a.comment-reply-link:hover,

a.comment-edit-link:hover {

	color: #21759b;

}

.commentlist .pingback {

	line-height: 1.714285714;

	margin-bottom: 24px;

	margin-bottom: 1.714285714rem;

}



/* Comment form */

#respond {

	margin-top: 48px;

	margin-top: 3.428571429rem;

}

#respond h3#reply-title {

	font-size: 16px;

	font-size: 1.142857143rem;

	line-height: 1.5;

}

#respond h3#reply-title #cancel-comment-reply-link {

	margin-left: 10px;

	margin-left: 0.714285714rem;

	font-weight: normal;

	font-size: 12px;

	font-size: 0.857142857rem;

}

#respond form {

	margin: 24px 0;

	margin: 1.714285714rem 0;

}

#respond form p {

	margin: 11px 0;

	margin: 0.785714286rem 0;

}

#respond form p.logged-in-as {

	margin-bottom: 24px;

	margin-bottom: 1.714285714rem;

}

#respond form label {

	display: block;

	line-height: 1.714285714;

}

#respond form input[type="text"],

#respond form textarea {

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 1.714285714;

	padding: 10px;

	padding: 0.714285714rem;

	width: 100%;

}

#respond form p.form-allowed-tags {

	margin: 0;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 2;

	color: #5e5e5e;

}

.required {

	color: red;

}





/* =Front page template

-------------------------------------------------------------- */



.entry-page-image {

	margin-bottom: 14px;

	margin-bottom: 1rem;

}

.template-front-page .site-content article {

	border: 0;

	margin-bottom: 0;

}

.template-front-page .widget-area {

	clear: both;

	float: none;

	width: auto;

	padding-top: 24px;

	padding-top: 1.714285714rem;

	border-top: 1px solid #ededed;

}

.template-front-page .widget-area .widget li {

	margin: 8px 0 0;

	margin: 0.571428571rem 0 0;

	font-size: 13px;

	font-size: 0.928571429rem;

	line-height: 1.714285714;

	list-style-type: square;

	list-style-position: inside;

}

.template-front-page .widget-area .widget li a {

	color: #757575;

}

.template-front-page .widget-area .widget li a:hover {

	color: #21759b;

}

.template-front-page .widget-area .widget_text img {

	float: left;

	margin: 8px 24px 8px 0;

	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;

}





/* =Widgets

-------------------------------------------------------------- */



.widget-area .widget ul ul {

	margin-left: 12px;

	margin-left: 0.857142857rem;

}

.widget_rss li {

	margin: 12px 0;

	margin: 0.857142857rem 0;

}

.widget_recent_entries .post-date,

.widget_rss .rss-date {

	color: #aaa;

	font-size: 11px;

	font-size: 0.785714286rem;

	margin-left: 12px;

	margin-left: 0.857142857rem;

}

#wp-calendar {

	margin: 0;

	width: 100%;

	font-size: 13px;

	font-size: 0.928571429rem;

	line-height: 1.846153846;

	color: #686868;

}

#wp-calendar th,

#wp-calendar td,

#wp-calendar caption {

	text-align: left;

}

#wp-calendar #next {

	padding-right: 24px;

	padding-right: 1.714285714rem;

	text-align: right;

}

.widget_search label {

	display: block;

}

.widget_twitter li {

	list-style-type: none;

}

.widget_twitter .timesince {

	display: block;

	text-align: right;

}





/* =Plugins

----------------------------------------------- */



img#wpstats {

	display: block;

	margin: 0 auto 24px;

	margin: 0 auto 1.714285714rem;

}





/* =Media queries

-------------------------------------------------------------- */



/* Does the same thing as <meta name="viewport" content="width=device-width">,

 * but in the future W3C standard way. -ms- prefix is required for IE10+ to

 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor

 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.

 */

@-ms-viewport {

	width: device-width;

}

@viewport {

	width: device-width;

}



/* Minimum width of 600 pixels. */

@media screen and (min-width: 600px) {

	.author-avatar {

		float: left;

	}

	.author-description {

		float: right;

		width: 80%;

		padding-top: 10px;

	}

	.site {

		margin: 0 auto;

		max-width: 960px;

		max-width: 68.571428571rem;

		overflow: hidden;

	}

	#primary-blog{

		float: left;

		width: 65%;

	}

	body.template-front-page .site-content,

	body.attachment .site-content,

	body.full-width .site-content {

		width: 100%;

	}

	.widget-area {

	box-shadow: 0 7px 14px rgba(0, 0, 0, 0.3);

    float: right;

    padding: 20px 20px 20px 25px;

    width: 27%;

	}

	.site-header h1,

	.site-header h2 {

		text-align: left;

	}

	.site-header h1 {

		font-size: 26px;

		font-size: 1.857142857rem;

		line-height: 1.846153846;

		margin-bottom: 0;

	}

	.main-navigation ul.nav-menu,

	.main-navigation div.nav-menu > ul {

		border-bottom: 1px solid #ededed;

		border-top: 1px solid #ededed;

		display: inline-block !important;

		text-align: left;

		width: 100%;

	}

	.main-navigation ul {

		margin: 0;

		text-indent: 0;

	}

	.main-navigation li a,

	.main-navigation li {

		display: inline-block;

		text-decoration: none;

	}

	.main-navigation li a {

		border-bottom: 0;

		text-transform: uppercase;

		white-space: nowrap;

	}

	.main-navigation li a:hover {

		color: #000;

	}

	.main-navigation li {

		position: relative;

	}

	.main-navigation li ul {

		display: none;

		margin: 0;

		padding: 0;

		position: absolute;

		top: 100%;

		z-index: 1;

	}

	.main-navigation li ul ul {

		top: 0;

		left: 100%;

	}

	.main-navigation ul li:hover > ul {

		border-left: 0;

		display: block;

	}

	.main-navigation li ul li a {

		background: #efefef;

		border-bottom: 1px solid #ededed;

		display: block;

		font-size: 12px !important;

		padding: 10px !important;

		width: 180px;

		white-space: normal;

	}

	.main-navigation li ul li a:hover {

		background: #e3e3e3;

		color: #444;

	}

	.main-navigation .current-menu-item > a,

	.main-navigation .current-menu-ancestor > a,

	.main-navigation .current_page_item > a,

	.main-navigation .current_page_ancestor > a {

		color: #fff !important;

		background-color:#0486c0;

	}

	.menu-toggle {

		display: none;

	}

	.entry-header .entry-title {

	}

	#respond form input[type="text"] {

		width: 46.333333333%;

	}

	#respond form textarea.blog-textarea {

		width: 79.666666667%;

	}

	.template-front-page .site-content,

	.template-front-page article {

		overflow: hidden;

	}

	.template-front-page.has-post-thumbnail article {

		float: left;

		width: 47.916666667%;

	}

	.entry-page-image {

		float: right;

		margin-bottom: 0;

		width: 47.916666667%;

	}

	.template-front-page .widget-area .widget,

	.template-front-page.two-sidebars .widget-area .front-widgets {

		float: left;

		width: 51.875%;

		margin-bottom: 24px;

		margin-bottom: 1.714285714rem;

	}

	.template-front-page .widget-area .widget:nth-child(odd) {

		clear: right;

	}

	.template-front-page .widget-area .widget:nth-child(even),

	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {

		float: right;

		width: 39.0625%;

		margin: 0 0 24px;

		margin: 0 0 1.714285714rem;

	}

	.template-front-page.two-sidebars .widget,

	.template-front-page.two-sidebars .widget:nth-child(even) {

		float: none;

		width: auto;

	}

	.commentlist .children {

		margin-left: 48px;

		margin-left: 3.428571429rem;

	}

}



/* Minimum width of 960 pixels. */

@media screen and (min-width: 960px) {

	body {

		background-color: #fff;

	}

	body .site {

		padding: 0 40px;

		padding: 0 2.857142857rem;

		margin-top: 48px;

		margin-top: 3.428571429rem;

		margin-bottom: 48px;

		margin-bottom: 3.428571429rem;

		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);

	}

	body.custom-background-empty {

		background-color: #fff;

	}

	body.custom-background-empty .site,

	body.custom-background-white .site {

		padding: 0;

		margin-top: 0;

		margin-bottom: 0;

		box-shadow: none;

	}

}





/* =Print

----------------------------------------------- */



@media print {

	body {

		background: none !important;

		color: #000;

		font-size: 10pt;

	}

	footer a[rel=bookmark]:link:after,

	footer a[rel=bookmark]:visited:after {

		content: " [" attr(href) "] "; /* Show URLs */

	}

	a {

		text-decoration: none;

	}

	.entry-content img,

	.comment-content img,

	.author-avatar img,

	img.wp-post-image {

		

	}

	.site {

		clear: both !important;

		display: block !important;

		float: none !important;

		max-width: 100%;

		position: relative !important;

	}

	.site-header {

		margin-bottom: 72px;

		margin-bottom: 5.142857143rem;

		text-align: left;

	}

	.site-header h1 {

		font-size: 21pt;

		line-height: 1;

		text-align: left;

	}

	.site-header h2 {

		color: #000;

		font-size: 10pt;

		text-align: left;

	}

	.site-header h1 a,

	.site-header h2 a {

		color: #000;

	}

	.author-avatar,

	#colophon,

	#respond,

	.commentlist .comment-edit-link,

	.commentlist .reply,

	.entry-header .comments-link,

	.entry-meta .edit-link a,

	.page-link,

	.site-content nav,

	.widget-area,

	img.header-image,

	.main-navigation {

		display: none;

	}

	.wrapper {

		border-top: none;

		box-shadow: none;

	}

	.site-content {

		margin: 0;

		width: auto;

	}

	.singular .entry-header .entry-meta {

		position: static;

	}

	.singular .site-content,

	.singular .entry-header,

	.singular .entry-content,

	.singular footer.entry-meta,

	.singular .comments-title {

		margin: 0;

		width: 100%;

	}

	.entry-header .entry-title,

	.entry-title,

	.singular .entry-title {

		font-size: 21pt;

	}

	footer.entry-meta,

	footer.entry-meta a {

		color: #444;

		font-size: 10pt;

	}

	.author-description {

		float: none;

		width: auto;

	}



	/* Comments */

	.commentlist > li.comment {

		background: none;

		position: relative;

		width: auto;

	}

	.commentlist .avatar {

		height: 39px;

		left: 2.2em;

		top: 2.2em;

		width: 39px;

	}

	.comments-area article header cite,

	.comments-area article header time {

		margin-left: 50px;

		margin-left: 3.57142857rem;

	}

}

.portfolio_video_sec{width:32%; float:left; margin:0 .5%;}



.white_line_sec{margin:0; padding:45px 0 40px 0; background:url(images/grp.jpg) repeat; width:100%; color:#626262;}



.white_line_sec_con{text-align:center;}



.white_line_sec_con h2{margin:0; padding:0 0 15px 0; font-size:42px; color:#1d1c1c; font-weight:200; line-height:44px;}



.white_line_sec_con p{margin:0; padding:0 0 25px 0; font-size:18px; color:#848484; line-height:30px; font-weight:300;}







.white_line_sec_con_inner{text-align:left; min-height:450px;}



.white_line_sec_con_inner h1{margin:0; padding:0 0 15px 0; font-size:42px; color:#1d1c1c; font-weight:200; line-height:44px;}

.wrapper_n {

    margin: 0 auto;

    max-width: 1170px;

    padding: 0;

    width: 100%;

}















.white_line_sec_con_inner h2{margin:0; padding:0 0 15px 0; font-size:42px; color:#1d1c1c; font-weight:200; line-height:44px;}



.white_line_sec_con_inner p{margin:0; padding:0 0 25px 0; font-size:18px; color:#848484; line-height:30px; font-weight:300;}



.white_line_sec_con_inner h3{margin:0; padding:0 0 15px 0; font-size:28px; color:#1d1c1c; font-weight:200; line-height:30px;}





.whit_box{background:#fff; padding-top:44px; padding-bottom:40px; padding-left:20px; padding-right:20px; text-align:center; margin-bottom:60px;



	color:#626262; font-size:15px; line-height:20px; box-sizing:border-box; position:relative;}



.whit_box img{margin-bottom:40px; display:inline-block;}



.whit_box h2{margin:0; padding:0 0 12px 0; font-size:17px; color:#504e4e; font-weight:200; line-height:18px; font-weight:400;



	text-transform:uppercase;}



.whit_box p{margin:0; padding:0 0 20px 0; font-size:15px; color:#848484; line-height:20px; font-weight:300;}







.whit_box a.more{width:80px; height:80px; border-radius:50%; background:#504e4e; color:#fff; text-decoration:none; margin:0 auto;



	position:absolute; bottom:-39px; left:33%; text-align:center; text-decoration:none; padding-top:30px; text-transform:uppercase;}



.whit_box a.more:hover{background:#000;}



.div_center {

    float: none;

    margin: 0 auto;

}

.col-sm-9 {

    width: 75%;

}

.col-sm-4 {

    width: 33.3333%;float: left;

}

.col-sm-12 {

    width: 100%;

}

.question{ margin:0; padding:0;}
.question ul{ margin:0; padding:0; list-style:none;}
.question ul li{ float:left; margin:0 10px 20px 0; padding:0; width:48%; height:60px; border:1px solid #ccc;text-align: center;}
.question ul li a{ margin:0; padding:0; color:#000; font-weight:bold; line-height:60px;text-align: center;margin:0 auto;}