/*Theme Name: CrownTheme URI: http://forest.themenum.com/wp/crownAuthor: themenum teamAuthor URI: http://www.themenum.com/Author Portfolio: http://www.themeforest.net/user/themenum/Description: Here comes the Best Responsive Multipurpose App Landing Theme with Built in 7 Out Standing Trendy Demos with Responsive Crown have the all latest Features with the flexibility of making unlimited layouts using Visual Composer with its flexible elements based on the latest bootstrap framework.The Dark & Light skin of Crown enhances the usability of elements according to your taste and also unlimited color schemes are available. Crown is best in the market to present and promote your product.Version: 1.0License: GNU General Public License v2 or laterLicense URI: http://www.gnu.org/licenses/gpl-2.0.htmlTags: light,  gray,  white,  one-column,  two-columns,  right-sidebar,  fluid-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-readyThis theme,  like WordPress,  is licensed under the GPL.*//*------------------------------------------------------------------[Table of contents]1. Body2. Header / #header3. Navigation / #navbar4. Main Header Sec5. Brands6. Services7. Text Block8. Features9. About Product10. Plans11. Some Cool Facts12. Features13. Reviews14. Gallery15. Text Block16. Team17. Twitter18. Contact19. Bottom Line-------------------------------------------------------------------*/
@font-face  {
    font-family: "Intro";
    src: url("../fonts/Intro.eot?") format("eot"), url("../fonts/Intro.woff") format("woff"), url("../fonts/Intro.ttf") format("truetype"), url("../fonts/Intro.svg#Intro") format("svg");
    font-weight: normal;
    font-style: normal;
}
body  {
    background:  none repeat scroll 0 0 #ffffff;
    margin:  0;
    overflow-x:  hidden;
    padding:  0;
    float:  left;
    width:  100%;
}
html  {
        font-family:  Lato;
        font-size:  12px;
        letter-spacing:  0.3px;
        line-height:  24px;
}
p {
    font-family: Lato;
    font-size: 14px;
    color: #777777;
    float: left;
    width: 100%;
    line-height: 26px;
    letter-spacing:  0.3px;
    margin: 0;
}
/* General Setting */.block  {
    float:  left;
    padding-top:  110px;
    position:  relative;
    width:  100%;
}
.block.main-header.dark:before  {
    background:  none repeat scroll 0 0 #242424;
    content:  "";
    height:  100%;
    left:  0;
    opacity:  0.8;
    position:  absolute;
    top:  0;
    width:  100%;
    z-index:  1;
}
/*.main-header:before  {
    background:  url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:  -moz-linear-gradient(top,  rgba(255, 255, 255, 1) 0%,  rgba(255, 255, 255, 0) 100%);
    background:  -webkit-gradient(linear,  left top,  left top,  color-stop(0%, rgba(255, 255, 255, 1)),  color-stop(100%, rgba(255, 255, 255, 0)));
    background:  -webkit-linear-gradient(top,  rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background:  -o-linear-gradient(top,  rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background:  -ms-linear-gradient(top,  rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background:  linear-gradient(to top,  rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',  endColorstr='#00ffffff', GradientType=0 );
    bottom:  0;
    content:  "";
    height:  300px;
    left:  0;
    pointer-events:  none;
    position:  absolute;
    width:  100%;
    z-index:  9;
}
*/.top-margin  {
    float:  left;
    margin-top:  -50px;
    width:  100%;
}
.layer p  {
    color:  #bfbdca;
}
.block.no-padding  {
    padding:  0;
}
.block.remove-top  {
    padding-top:  0;
}
.block.remove-bottom  {
    padding-bottom:  0;
}
.layer:before  {
    content:  "";
    height:  100%;
    left:  0;
    position:  absolute;
    top:  0;
    width:  100%;
    z-index:  1;
    background: #050b13;
    opacity: 0.5;
}
.main-header .layer:before  {
    background:  none;
}
.layer.color:before  {
    opacity:  0.9;
}
.fixed-img  {
    background-attachment:  fixed !important;
    height:  100%;
    left:  0;
    position:  absolute;
    top:  0;
    width:  100%;
    z-index:  0;
    background-size:  cover;
}
.block .container  {
    padding:  0;
    position:  relative;
    z-index:  9;
}
.sec-bg1  {
    background:  url("../images/resource/sec-bg1.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0,  0,  0,  0);
}
.sec-bg2  {
    background:  url("../images/resource/sec-bg2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0,  0,  0,  0);
}
.sec-bg3  {
    background:  url("../images/resource/sec-bg3.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0,  0,  0,  0);
}
.sec-bg4  {
    background:  url("../images/resource/sec-bg4.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0,  0,  0,  0);
}
.sec-bg5  {
    background:  url("../images/resource/sec-bg5.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0,  0,  0,  0);
}
.sec-bg6  {
    background:  url("../images/resource/sec-bg6.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0,  0,  0,  0);
}
.sec-bg7  {
    background:  url("../images/resource/sec-bg7.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0,  0,  0,  0);
}
.sec-bg8  {
    background:  url("../images/resource/sec-bg8.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0,  0,  0,  0);
}
.sec-bg9  {
    background:  url("../images/resource/sec-bg9.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0,  0,  0,  0);
}
a {
    text-decoration: none;
}
/* Boxed Layout */.theme-layout.boxed  {
    background:  none repeat scroll 0 0 #ffffff;
    -webkit-box-shadow:  0 0 10px #000000;
    -moz-box-shadow:  0 0 10px #000000;
    -ms-box-shadow:  0 0 10px #000000;
    -o-box-shadow:  0 0 10px #000000;
    box-shadow:  0 0 10px #000000;
    display:  block;
    margin:  0 auto;
    overflow:  hidden;
    position:  relative;
    width:  1230px;
    z-index:  0;
}
.theme-layout  {
    display:  inline-block;
    width:  100%;
    background:  none repeat scroll 0 0 #fff;
}
.container {
    position: relative;
    z-index: 99;
}
/* Header */.open-nav  {
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -ms-border-radius:  50%;
    -o-border-radius:  50%;
    border-radius:  50%;
    color:  #fff;
    cursor:  pointer;
    display:  none;
    float:  right;
    font-size:  17px;
    height:  44px;
    line-height:  44px;
    margin:  26px 0;
    text-align:  center;
    width:  44px;
}
.menu  {
    float:  right;
    opacity:  0;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
}
header.sticky .menu  {
    opacity:  1;
}
.menu > ul  {
    float:  left;
    list-style:  outside none none;
    margin:  0;
    padding:  0;
}
.menu > ul > li  {
        float:  left;
        padding:  20px 0;
        position:  relative;
}
.menu > ul > li:hover > ul  {
        opacity:  1;
    	    -webkit-transform:  rotate(0deg);
        -moz-transform:  rotate(0deg);
        -ms-transform:  rotate(0deg);
        -0-transform:  rotate(0deg);
        transform:  rotate(0deg);
}
.menu > ul > li.menu-item-has-children > ul  {
        background:  #ffffff none repeat scroll 0 0;
        list-style:  outside none none;
        margin:  0;
        opacity:  0;
        padding:  0;
        position:  absolute;
        top:  100%;
        	-webkit-transform:  rotateY(90deg);
        -moz-transform:  rotateY(90deg);
        -ms-transform:  rotateY(90deg);
        -0-transform:  rotateY(90deg);
        transform:  rotateY(90deg);
    	-webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
        width:  200px;
}
.menu > ul > li:hover > ul  {
        opacity:  1;
            -webkit-transform:  rotate(0deg);
        -moz-transform:  rotate(0deg);
        -ms-transform:  rotate(0deg);
        -0-transform:  rotate(0deg);
        transform:  rotate(0deg);
}
.menu > ul > li.menu-item-has-children > ul li  {
        float:  left;
        position:  relative;
        width:  100%;
}
.menu > ul > li.menu-item-has-children ul  {
        list-style:  outside none none;
}
.menu > ul > li.menu-item-has-children > ul li ul  {
        background:  #fff none repeat scroll 0 0;
        left:  100%;
        list-style:  outside none none;
        margin:  0;
        opacity:  0;
        padding:  0;
        position:  absolute;
    	    -webkit-transform:  rotateX(-90deg);
        -moz-transform:  rotateX(-90deg);
        -ms-transform:  rotateX(-90deg);
        -o-transform:  rotateX(-90deg);
        transform:  rotateX(-90deg);
    	-webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
        width:  200px;
}
.menu > ul > li.menu-item-has-children > ul li:hover > ul  {
        opacity:  1;
        -webkit-transform:  rotate(0deg);
        -moz-transform:  rotate(0deg);
        -ms-transform:  rotate(0deg);
        -0-transform:  rotate(0deg);
        transform:  rotate(0deg);
}
.menu > ul > li.menu-item-has-children > ul a  {
        background:  #ffffff none repeat scroll 0 0;
        border-bottom:  1px solid #e8ecec;
        color:  #555555;
        float:  left;
        font-family:  Lato;
        font-size:  11px;
        letter-spacing:  0.3px;
        padding:  10px 23px;
        text-transform:  uppercase;
        width:  100%;
}
.menu > ul > li > a  {
    color:  #fff;
    float:  left;
    font-family:  Lato;
    font-size:  13px;
    font-weight:  600;
    letter-spacing:  0.3px;
    padding:  20px;
    position:  relative;
    text-transform:  uppercase;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
}
.menu > ul > li:before  {
    background:  none repeat scroll 0 0 #ffffff;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -ms-border-radius:  50%;
    -o-border-radius:  50%;
    border-radius:  50%;
    content:  "";
    height:  6px;
    left:  15px;
    margin-top:  -3px;
    opacity:  0;
    position:  absolute;
    top:  50%;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
    width:  6px;
}
header  {
    left:  0;
    position:  fixed;
    top:  0;
    width:  100%;
    z-index:  9999;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
}
header.sticky-header  {
    background:  none repeat scroll 0 0 rgba(255,  255,  255,  0.99);
    -webkit-box-shadow:  0 0 10px rgba(0,  0,  0,  0.1);
    -moz-box-shadow:  0 0 10px rgba(0,  0,  0,  0.1);
    -ms-box-shadow:  0 0 10px rgba(0,  0,  0,  0.1);
    -o-box-shadow:  0 0 10px rgba(0,  0,  0,  0.1);
    box-shadow:  0 0 10px rgba(0,  0,  0,  0.1);
}
header.sticky-header .logo > a  {
    color:  #555555;
}
header.sticky-header.sticky .menu > ul > li > a  {
    color:  #555555;
}
header.sticky .menu > ul > li > a  {
    color:  #ffffff;
}
header.sticky .menu > ul > li.active:before  {
    opacity:  1;
    left: 0;
}
header .logo  {
    float:  left;
    margin-top:  30px;
}
.download-btns > li:hover > a  {
    box-shadow:  0 8px 0 rgba(0,  0,  0,  0.2);
}
.logo > a  {
    color:  #ffffff;
    float:  left;
    font-family:  Intro;
    font-size:  16px;
    letter-spacing:  0.3px;
    line-height:  42px;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
}
.logo > a i  {
    float:  left;
    font-size:  29px;
    margin-right:  9px;
}
header nav p  {
    color:  #ffffff;
    float:  right;
    font-size:  15px;
    margin-top:  30px;
    width:  auto;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
}
header .container  {
    padding:  0;
}
/* header Sec */.header-sec  {
    float:  left;
    padding-top:  60px;
    position:  relative;
    width:  100%;
}
.header-sec.style2 .app-header-info  {
    text-align:  center;
}
.app-header-info > p  {
    color:  #fff;
    font-size:  15px;
    line-height:  28px;
    margin-top:  10px;
}
.app-header-info  {
    float:  left;
    margin-top:  70px;
    width:  100%;
}
.app-header-info.style3 > span  {
    font-family:  Lato;
    font-size:  18px;
    text-transform:  uppercase;
}
.app-header-info.style3 > h3  {
    color:  #ffffff;
    float:  left;
    font-family:  intro;
    font-size:  30px;
    line-height:  50px;
    margin:  15px 0;
    text-align:  center;
    width:  100%;
}
.counter  {
    /* float:  left; */
    list-style:  outside none none;
    margin:  0;
    padding:  0;
    text-align:  center;
    width:  100%;
    margin-top: 20px;
}
.counter > li  {
    background:  none repeat scroll 0 0 rgba(255,  255,  255,  0.2);
    display:  inline-block;
    margin:  0 5px;
    padding:  30px 0;
    text-align:  center;
    width:  100px;
}
.counter > li span  {
    color:  #fff;
    float:  left;
    font-family:  Lato;
    font-size:  28px;
    font-weight:  900;
    letter-spacing:  0.3px;
    text-align:  center;
    width:  100%;
}
.counter > li p  {
    display:  none;
}
.counter > li i  {
    color:  #ffffff;
    float:  left;
    font-family:  lato;
    font-size:  12px;
    font-style:  normal;
    padding:  10px 0 0;
    text-align:  center;
    width:  100%;
}
.app-header-info > span  {
    color:  #ffffff;
    float:  left;
    font-family:  intro;
    font-size:  20px;
    letter-spacing:  0.3px;
    width:  100%;
}
.app-header-info h1  {
    color:  #ffffff;
    float:  left;
    font-family:  Intro;
    font-size:  137px;
    letter-spacing:  0.3px;
    margin:  18px 0 0 -5px;
    width:  100%;
}
.app-header-info > h2  {
    color:  #fff;
    float:  left;
    font-family:  intro;
    font-size:  40px;
    letter-spacing:  0.3px;
    line-height:  60px;
    margin:  -20px 0 0;
    width:  100%;
}
/* Header Service Sec */.header-service-sec  {
    float:  left;
    margin-top:  50px;
    width:  100%;
    text-align:  center;
}
.header-service  {
    float:  left;
    list-style:  outside none none;
    margin:  80px 0 0;
    padding:  0;
    width:  100%;
}
.header-service > li  {
    color:  #ffffff;
    float:  left;
    font-family:  intro;
    font-size:  19px;
    letter-spacing:  0.3px;
    line-height:  50px;
    margin-bottom:  30px;
    position:  relative;
    text-align:  right;
    width:  100%;
    padding-right:  60px;
}
.header-service.flip > li  {
    text-align:  left;
    padding-right:  0px;
    padding-left:  60px;
}
.header-service > li > i  {
    border:  1px solid #fff;
    border-radius:  10px;
    font-size:  16px;
    height:  40px;
    line-height:  40px;
    margin-top:  -20px;
    position:  absolute;
    right:  0;
    text-align:  center;
    top:  50%;
    width:  40px;
}
.header-service.flip > li > i  {
    left:  0;
    right:  auto;
}
/* Promo Laptop */.promo-laptop  {
    float:  left;
    margin-top:  80px;
    text-align:  center;
    width:  100%;
}
.promo-laptop iframe  {
    border:  medium none;
    border-radius:  20px;
    display:  table;
    float:  none;
    height:  360px;
    margin:  0 auto -70px;
    width:  630px;
}
/* Start Your Trial */.start-trial  {
    float:  left;
    padding-top:  50px;
    text-align:  center;
    width:  100%;
}
.start-trial > span  {
    color:  #ffffff;
    float:  left;
    font-family:  intro;
    font-size:  40px;
    letter-spacing:  0.3px;
    text-align:  center;
    width:  100%;
}
.start-trial > span i  {
    background:  none repeat scroll 0 0 #fff;
    color:  #333333;
    display:  inline-flex;
    font-style:  normal;
    padding:  10px 20px;
}
.start-trial > p  {
    color:  #fafafa;
    margin-bottom:  50px;
    margin-top:  20px;
}
.trial-form  {
    background:  none repeat scroll 0 0 #ffffff;
    display:  table;
    float:  none;
    margin:  0 auto;
    position:  relative;
    width:  480px;
}
.show-form-btn  {
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -ms-border-radius:  50%;
    -o-border-radius:  50%;
    border-radius:  50%;
    color:  #ffffff;
    cursor:  pointer;
    font-size:  16px;
    height:  52px;
    left:  50%;
    line-height:  52px;
    margin-left:  -26px;
    margin-top:  -26px;
    position:  absolute;
    text-align:  center;
    top:  0;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
    width:  52px;
}
.trial-form > form  {
    float:  left;
    padding:  65px 35px 30px;
    width:  100%;
}
.trial-form > form input[type="text"], .trial-form > form input[type="email"], .trial-form > form textarea  {
    background:  none repeat scroll 0 0 #f9f9f9;
    border:  1px solid #e1e1e1;
    -webkit-border-radius:  10px;
    -moz-border-radius:  10px;
    -ms-border-radius:  10px;
    -o-border-radius:  10px;
    border-radius:  10px;
    -webkit-box-shadow:  1px 1px 1px white inset;
    -moz-box-shadow:  1px 1px 1px white inset;
    -ms-box-shadow:  1px 1px 1px white inset;
    -o-box-shadow:  1px 1px 1px white inset;
    box-shadow:  1px 1px 1px white inset;
    color:  #555555;
    float:  left;
    font-family:  Lato;
    font-size:  13px;
    letter-spacing:  0.3px;
    margin-bottom:  10px;
    padding:  18px 30px;
    width:  100%;
    line-height: normal;
    margin:  0 0 10px;
}
.trial-form form > p  {
    margin-bottom:  30px;
    text-align:  center;
}
.header-sec .wpcf7 p {
    	margin: 0;
}
.trial-form > form textarea  {
    min-height:  170px;
    margin-bottom: 20px;
}
.show-form-btn.hide-form  {
    -webkit-transform:  rotate(180deg);
    -moz-transform:  rotate(180deg);
    -ms-transform:  rotate(180deg);
    -o-transform:  rotate(180deg);
    transform:  rotate(180deg);
}
.trial-form > form input[type="submit"]  {
    border:  medium none;
    display:  table;
    float:  none;
    font-family:  Lato;
    font-size:  13px;
    font-weight:  bold;
    letter-spacing:  0.3px;
    margin:  0 auto;
    padding:  13px 40px;
    color: #fff;
}
/* Download Buttons */.download-btns  {
    float:  left;
    list-style:  outside none none;
    margin:  60px 0 0;
    padding:  0;
    width:  100%;
}
.download-btns > li  {
    float:  left;
    margin-right:  20px;
}
.header-sec.style2  {
    padding:  0;
}
.why-dont > .round-btn  {
    color:  #fff !important;
}
.header-sec.style2 .download-btns > li  {
    display:  inline-block;
    float:  none;
}
.mockup-laptop  {
    float:  left;
    margin-bottom:  -90px;
    margin-top:  80px;
    text-align:  center;
    width:  100%;
}
.download-btns > li > a  {
    -webkit-border-radius:  20px;
    -moz-border-radius:  20px;
    -ms-border-radius:  20px;
    -o-border-radius:  20px;
    border-radius:  20px;
    color:  #535353;
    float:  left;
    font-family:  Lato;
    font-size:  26px;
    line-height:  29px;
    padding:  20px 48px 26px 85px;
    position:  relative;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    background:  rgb(255, 255, 255);
     /* Old browsers *//* IE9 SVG,  needs conditional override of 'filter' to 'none' */background:  url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:  -moz-linear-gradient(top,  rgba(255, 255, 255, 1) 0%,  rgba(246, 246, 246, 1) 100%);
     /* FF3.6+ */background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%, rgba(255, 255, 255, 1)),  color-stop(100%, rgba(246, 246, 246, 1)));
     /* Chrome, Safari4+ */background:  -webkit-linear-gradient(top,  rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);
     /* Chrome10+, Safari5.1+ */background:  -o-linear-gradient(top,  rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);
     /* Opera 11.10+ */background:  -ms-linear-gradient(top,  rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);
     /* IE10+ */background:  linear-gradient(to bottom,  rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);
     /* W3C */filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',  endColorstr='#f6f6f6', GradientType=0 );
     /* IE6-8 */}
.download-btns > li > a i  {
    font-size:  33px;
    left:  31px;
    margin-top:  -15px;
    position:  absolute;
    top:  50%;
}
.download-btns > li > a span  {
    float:  left;
    font-size:  15px;
}
.download-btns > li > a.border  {
    background:  none repeat scroll 0 0 rgba(0,  0,  0,  0);
    border:  3px solid #ffffff;
    color:  #ffffff;
    padding:  16px 48px 22px 85px;
}
/* WHy DOnt */.why-dont-sec  {
    position:  absolute;
    right:  15px;
    top:  0;
    width:  340px;
}
.why-dont-sec > .pointer  {
    border-color:  #fff !important;
    float:  right;
    position:  relative;
    right:  0;
    top:  0;
}
.why-dont-sec > .pointer:before  {
    border-color:  #fff !important;
}
.why-dont-sec > .pointer > span  {
    background:  none repeat scroll 0 0 #fbfbfb !important;
}
.why-dont-sec > span  {
    border:  1px solid #fff;
    -webkit-border-radius:  6px;
    -moz-border-radius:  6px;
    -ms-border-radius:  6px;
    -o-border-radius:  6px;
    border-radius:  6px;
    color:  #ffffff;
    cursor:  pointer;
    float:  right;
    height:  25px;
    line-height:  25px;
    text-align:  center;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
    width:  25px;
}
.why-dont-sec > span:hover, .why-dont-sec > span.active  {
    background:  none repeat scroll 0 0 #ffffff;
}
.mockup-hand  {
    float:  left;
    position:  relative;
    text-align:  center;
    width:  100%;
}
.why-dont  {
    background:  none repeat scroll 0 0 #ffffff;
    -webkit-border-radius:  11px;
    -moz-border-radius:  11px;
    -ms-border-radius:  11px;
    -o-border-radius:  11px;
    border-radius:  11px;
    display:  none;
    margin-top:  20px;
    padding:  25px;
    position:  absolute;
    right:  0;
    text-align:  right;
    top:  100%;
    -webkit-box-shadow:  0 0 10px rgba(0,  0,  0,  0.1);
    -moz-box-shadow:  0 0 10px rgba(0,  0,  0,  0.1);
    -ms-box-shadow:  0 0 10px rgba(0,  0,  0,  0.1);
    -o-box-shadow:  0 0 10px rgba(0,  0,  0,  0.1);
    box-shadow:  0 0 10px rgba(0,  0,  0,  0.1);
}
.why-dont:before  {
    border-bottom:  25px solid #fff;
    border-left:  17px solid transparent;
    border-right:  0 solid transparent;
    content:  "";
    position:  absolute;
    right:  30px;
    top:  -17px;
    -webkit-transform:  rotate(15deg);
    -moz-transform:  rotate(15deg);
    -ms-transform:  rotate(15deg);
    -o-transform:  rotate(15deg);
    transform:  rotate(15deg);
}
.why-dont h5  {
    color:  #444444;
    float:  left;
    font-family:  intro;
    font-size:  15px;
    margin:  10px 0 0;
    width:  100%;
}
.why-dont > p  {
    margin-bottom:  25px;
    margin-top:  11px;
}
.round-btn  {
    border:  1px solid #555555;
    -webkit-border-radius:  20px;
    -moz-border-radius:  20px;
    -ms-border-radius:  20px;
    -o-border-radius:  20px;
    border-radius:  20px;
    color:  #444444;
    float:  right;
    font-family:  Lato;
    font-size:  13px;
    font-weight:  800;
    letter-spacing:  0.3px;
    padding:  11px 30px;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
}
.round-btn:hover  {
    background:  none repeat scroll 0 0 rgba(255,  255,  255,  0.2);
}
/* Clients */.clients  {
    background:  none repeat scroll 0 0 #ffffff;
    -webkit-box-shadow:  0 10px 24px rgba(0,  0,  0,  0.04);
    -moz-box-shadow:  0 10px 24px rgba(0,  0,  0,  0.04);
    -ms-box-shadow:  0 10px 24px rgba(0,  0,  0,  0.04);
    -o-box-shadow:  0 10px 24px rgba(0,  0,  0,  0.04);
    box-shadow:  0 10px 24px rgba(0,  0,  0,  0.04);
    float:  left;
    list-style:  outside none none;
    margin:  0;
    padding:  0 140px;
    width:  100%;
}
.clients.no-shadow  {
    -webkit-box-shadow:  none;
    -moz-box-shadow:  none;
    -ms-box-shadow:  none;
    -o-box-shadow:  none;
    box-shadow:  none;
}
/* heading */.heading  {
    float:  left;
    margin-bottom:  60px;
    padding-top:  79px;
    position:  relative;
    text-align:  center;
    width:  100%;
}
.heading > span  {
    color:  #f9f9f9;
    font-family:  Intro;
    font-size:  147px;
    left:  0;
    line-height:  102px;
    position:  absolute;
    text-align:  center;
    top:  0;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
    width:  100%;
}
section:hover .heading > span  {
    top:  -20px;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
}
.heading h2  {
    color:  #3c3c3c;
    float:  left;
    font-family:  Intro;
    font-size:  26px;
    letter-spacing:  0.3px;
    margin:  0;
    position:  relative;
    text-align:  center;
    width:  100%;
}
.heading > p  {
    color:  #747474;
    font-size:  13px;
    margin-top:  10px;
}
/* Serviecs */.services  {
    float:  left;
    margin-top:  50px;
    position:  relative;
    text-align:  center;
    width:  100%;
    z-index:  0;
}
.services > i  {
    float:  left;
    font-size:  70px;
    margin-bottom:  20px;
    width:  100%;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
}
.services h3  {
    color:  #555555;
    float:  left;
    font-family:  Intro;
    font-size:  18px;
    letter-spacing:  0.3px;
    margin:  10px 0;
    width:  100%;
}
.services > p {
    display: inline-block !important;
    float: left;
    padding: 0 40px;
    text-align: center;
    width: 100%;
}
.services:before  {
    background:  none repeat scroll 0 0 #f2f2f2;
    content:  "";
    height:  150%;
    left:  50%;
    opacity:  1;
    position:  absolute;
    top:  -20px;
    -webkit-transform:  rotate(50deg);
    -moz-transform:  rotate(50deg);
    -ms-transform:  rotate(50deg);
    -o-transform:  rotate(50deg);
    transform:  rotate(50deg);
    width:  1px;
    z-index:  -1;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
}
.services:hover:before  {
    height:  100%;
    left:  0;
    margin:  0;
    top:  0;
    -webkit-transform:  rotate(0deg);
    -moz-transform:  rotate(0deg);
    -ms-transform:  rotate(0deg);
    -o-transform:  rotate(0deg);
    transform:  rotate(0deg);
}
.services:hover:after  {
    height:  100%;
    right:  0;
    margin:  0;
    top:  0;
    -webkit-transform:  rotate(0deg);
    -moz-transform:  rotate(0deg);
    -ms-transform:  rotate(0deg);
    -o-transform:  rotate(0deg);
    transform:  rotate(0deg);
}
.services:after  {
    background:  none repeat scroll 0 0 #f2f2f2;
    content:  "";
    height:  150%;
    right:  50%;
    opacity:  1;
    position:  absolute;
    top:  -20px;
    -webkit-transform:  rotate(-50deg);
    -moz-transform:  rotate(-50deg);
    -ms-transform:  rotate(-50deg);
    -o-transform:  rotate(-50deg);
    transform:  rotate(-50deg);
    width:  1px;
    z-index:  -1;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
}
/* text Block */.text-block  {
    float:  left;
    margin-bottom:  50px !important;
    text-align:  center;
    width:  100%;
}
.text-block > p  {
    margin-bottom:  30px;
}
.round-btn.big  {
    border:  2px solid;
    -webkit-border-radius:  35px;
    -moz-border-radius:  35px;
    -ms-border-radius:  35px;
    -o-border-radius:  35px;
    border-radius:  35px;
    color:  #fff;
    display:  table;
    float:  none;
    font-family:  Lato;
    font-size:  15px;
    margin:  0 auto;
    padding:  17px 50px;
}
.text-block > h3  {
    color:  #ffffff;
    float:  left;
    font-family:  intro;
    font-size:  32px;
    letter-spacing:  0.3px;
    margin:  0 0 9px;
    text-align:  center;
    width:  100%;
}
.fancy-tab-area:before  {
    -webkit-border-radius:  170px;
    -moz-border-radius:  170px;
    -ms-border-radius:  170px;
    -o-border-radius:  170px;
    border-radius:  170px;
    content:  "";
    height:  100%;
    left:  0;
    opacity:  0.7;
    position:  absolute;
    top:  0;
    width:  100%;
    z-index:  1;
}
.fancy-tab-area .fixed-img  {
    -webkit-border-radius:  170px;
    -moz-border-radius:  170px;
    -ms-border-radius:  170px;
    -o-border-radius:  170px;
    border-radius:  170px;
}
.fancy-tab-area  {
    -webkit-border-radius:  170px;
    -moz-border-radius:  170px;
    -ms-border-radius:  170px;
    -o-border-radius:  170px;
    border-radius:  170px;
    display:  table;
    float:  none;
    margin:  0 auto;
    overflow:  hidden;
    position:  relative;
    z-index:  0;
}
.fancy-tabs  {
    -webkit-border-radius:  70px;
    -moz-border-radius:  70px;
    -ms-border-radius:  70px;
    -o-border-radius:  70px;
    border-radius:  70px;
    display:  table;
    float:  none;
    height:  150px;
    margin:  0 auto;
    overflow:  hidden;
    padding:  0 70px;
    position:  relative;
    z-index:  9;
}
.tab  {
    float:  left;
    margin-top:  -82px;
    overflow:  hidden;
    padding:  0;
    position:  relative;
    width:  100%;
}
.tabs  {
    display:  table;
    list-style:  outside none none;
    margin:  0;
    overflow:  hidden;
    padding:  36px 0;
    position:  relative;
    width:  100%;
}
.tabs li  {
    float:  left;
    position:  relative;
}
.tabs a i  {
    float:  left;
    font-size:  51px;
    line-height:  45px;
    margin-bottom:  16px;
    text-align:  center;
    width:  100%;
}
.tabs a  {
    color:  #fff;
    float:  left;
    font-family:  Lato;
    font-size:  14px;
    opacity:  0.7;
    padding:  0 20px;
    text-align:  center;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
    width:  auto;
}
.tabs li.current a  {
    opacity:  1;
}
.tabs_item  {
    display:  none;
    padding:  51px 0 0;
}
#tabs  {
    font-weight:  bold;
    color:  $green;
    font-size:  20px;
}
.tabs	img  {
    width:  200px;
    float:  left;
    margin-right:  30px;
}
.tab_content .tabs_item:first-child  {
    display:  block;
}
.tab_content  {
    float:  left;
    text-align:  center;
    width:  100%;
}
.tab_content h3  {
    color:  #434343;
    float:  left;
    font-family:  intro;
    font-size:  36px;
    letter-spacing:  0.3px;
    width:  100%;
}
.tab_content p  {
    line-height:  31px;
    margin-bottom:  30px;
    margin-top:  10px;
    padding:  0 260px;
}
.current a  {
    color:  #fff;
}
.tabs_item > img  {
    margin-top:  40px;
}
.tab_content .round-btn:hover  {
    background:  none repeat scroll 0 0 rgba(0,  0,  0,  0);
}
/* Product Mockup */.prdct-mock  {
    float:  left;
    width:  100%;
}
.prdct-mock img  {
    bottom:  -110px;
    float:  left;
    position:  relative;
}
.prdct-mock h3  {
    color:  #fff;
    float:  left;
    font-family:  Intro;
    font-size:  54px;
    line-height:  64px;
    margin-top:  140px;
    width:  100%;
}
.prdct-mock .round-btn  {
    float:  left;
    margin-top:  40px;
}
/* Price Table */.price-table-area  {
    float:  left;
    margin-top:  80px;
    position:  relative;
    width:  100%;
}
.price-table-area > .fixed-img  {
    -webkit-border-radius:  23px;
    -moz-border-radius:  23px;
    -ms-border-radius:  23px;
    -o-border-radius:  23px;
    border-radius:  23px;
}
.proce-table  {
    background:  none repeat scroll 0 0 rgba(255,  255,  255,  0.91);
    float:  left;
    list-style:  outside none none;
    margin:  0;
    padding:  120px 0 0;
    position:  relative;
    width:  100%;
    z-index:  99;
}
.price-prdct  {
    background:  none repeat scroll 0 0 #7e7e7e;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -ms-border-radius:  50%;
    -o-border-radius:  50%;
    border-radius:  50%;
    color:  #ffffff;
    font-family:  Lato;
    font-size:  29px;
    font-weight:  bold;
    height:  110px;
    left:  50%;
    line-height:  110px;
    margin-left:  -55px;
    margin-top:  -55px;
    position:  absolute;
    text-align:  center;
    top:  0;
    width:  110px;
    z-index:  0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.proce-table:hover > .price-prdct  {
    -webkit-transform:  scale(1.2);
    -moz-transform:  scale(1.2);
    -ms-transform:  scale(1.2);
    -o-transform:  scale(1.2);
    transform:  scale(1.2);
}
.proce-table:hover > .price-prdct:before  {
    -webkit-transform:  scale(1);
    -moz-transform:  scale(1);
    -ms-transform:  scale(1);
    -o-transform:  scale(1);
    transform:  scale(1);
    -webkit-transition:  all 0.4s ease 0.2s;
    -moz-transition:  all 0.4s ease 0.2s;
    -ms-transition:  all 0.4s ease 0.2s;
    -o-transition:  all 0.4s ease 0.2s;
    transition:  all 0.4s ease 0.2s;
}
.proce-table:hover > .price-prdct:after  {
    -webkit-transform:  scale(1);
    -moz-transform:  scale(1);
    -ms-transform:  scale(1);
    -o-transform:  scale(1);
    transform:  scale(1);
    -webkit-transition:  all 0.4s ease 0.1s;
    -moz-transition:  all 0.4s ease 0.1s;
    -ms-transition:  all 0.4s ease 0.1s;
    -o-transition:  all 0.4s ease 0.1s;
    transition:  all 0.4s ease 0.1s;
}
.price-prdct > i  {
    font-family:  Lato;
    font-size:  21px;
    font-style:  normal;
    font-weight:  300;
}
.price-prdct:before  {
    background:  none repeat scroll 0 0 #7e7e7e;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -ms-border-radius:  50%;
    -o-border-radius:  50%;
    border-radius:  50%;
    content:  "";
    height:  100%;
    left:  0;
    opacity:  0.26;
    position:  absolute;
    top:  0;
    -webkit-transform:  scale(1.2);
    -moz-transform:  scale(1.2);
    -ms-transform:  scale(1.2);
    -o-transform:  scale(1.2);
    transform:  scale(1.2);
    width:  100%;
    z-index:  -1;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.price-prdct:after  {
    background:  none repeat scroll 0 0 #7e7e7e;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -ms-border-radius:  50%;
    -o-border-radius:  50%;
    border-radius:  50%;
    content:  "";
    height:  100%;
    left:  0;
    opacity:  0.10;
    position:  absolute;
    top:  0;
    -webkit-transform:  scale(1.4);
    -moz-transform:  scale(1.4);
    -ms-transform:  scale(1.4);
    -o-transform:  scale(1.4);
    transform:  scale(1.4);
    width:  100%;
    z-index:  -1;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.heading-prdct  {
    border-bottom:  1px solid #ffffff;
    color:  #333333;
    float:  left;
    font-family:  intro;
    font-size:  19px;
    padding:  0 30px 40px;
    text-align:  center;
    width:  100%;
}
.Prdct-signup  {
    float:  left;
    padding:  40px;
    text-align:  center;
    width:  100%;
}
.Prdct-signup > .round-btn  {
    background:  none repeat scroll 0 0 #fff;
    border:  medium none;
    display:  table;
    float:  none;
    margin:  0 auto;
}
.Prdct-features  {
    border-bottom:  1px solid #ffffff;
    color:  #666666;
    float:  left;
    font-family:  Lato;
    font-size:  14px;
    letter-spacing:  0.3px;
    padding:  13px 0;
    text-align:  center;
    width:  100%;
}
/* Cool Facts */.cool-facts  {
    float:  left;
    margin-top:  50px;
    position:  relative;
    text-align:  center;
    width:  100%;
}
.cool-facts > i  {
    color:  #353434;
    float:  left;
    font-size:  25px;
    margin-bottom:  20px;
    width:  100%;
}
.cool-facts > h5  {
    color:  #353434;
    float:  left;
    font-family:  intro;
    font-size:  16px;
    letter-spacing:  0.3px;
    margin:  0 0 20px;
    width:  100%;
}
.cool-facts .count  {
    float:  left;
    font-family:  intro;
    font-size:  42px;
    letter-spacing:  0.3px;
    margin:  0;
    width:  100%;
}
.cool-facts:before  {
    background:  none repeat scroll 0 0 #f2f2f2;
    content:  "";
    height:  150%;
    left:  50%;
    position:  absolute;
    top:  -20px;
    -webkit-transform:  rotate(34deg);
    -moz-transform:  rotate(34deg);
    -ms-transform:  rotate(34deg);
    -o-transform:  rotate(34deg);
    transform:  rotate(34deg);
    width:  1px;
    z-index:  -1;
}
/* Cool Features */.cool-features  {
    border-bottom:  8px solid #efefef;
    border-top:  8px solid #efefef;
    float:  left;
    margin-top:  -8px;
    position:  relative;
    width:  100%;
}
.prdct-mockup-info > h3  {
    color:  #383838;
    float:  left;
    font-family:  intro;
    font-size:  39px;
    letter-spacing:  0.3px;
    line-height:  50px;
    margin:  2px 0 12px;
    width:  100%;
}
.features  {
    float:  left;
    list-style:  outside none none;
    margin:  0;
    padding:  0;
    width:  100%;
}
.features > li  {
    color:  #444444;
    float:  left;
    font-family:  Lato;
    font-size:  15px;
    font-weight:  bold;
    letter-spacing:  0.3px;
    line-height:  39px;
    margin-bottom:  13px;
    padding-left:  62px;
    position:  relative;
    width:  100%;
}
.cool-features > i  {
    background:  none repeat scroll 0 0 #fff;
    border:  8px solid #efefef;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -ms-border-radius:  50%;
    -o-border-radius:  50%;
    border-radius:  50%;
    bottom:  50px;
    font-size:  15px;
    height:  50px;
    left:  50%;
    line-height:  35px;
    margin-left:  -25px;
    position:  absolute;
    text-align:  center;
    width:  50px;
    z-index:  999;
}
.features > li > i  {
    border:  1px solid;
    -webkit-border-radius:  6px;
    -moz-border-radius:  6px;
    -ms-border-radius:  6px;
    -o-border-radius:  6px;
    border-radius:  6px;
    font-size:  17px;
    height:  39px;
    left:  0;
    line-height:  39px;
    position:  absolute;
    text-align:  center;
    width:  39px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.features > li:hover > i  {
    color:  #fff;
}
.prdct-mockup-info > p  {
    color:  #6b6b6b;
    font-family:  Lato;
    font-size:  15px;
    line-height:  28px;
    margin-bottom:  45px;
}
.prdct-mockup-info > span  {
    float:  left;
    font-family:  Intro;
    font-size:  60px;
    line-height:  44px;
    margin-bottom:  20px;
    width:  100%;
}
.cool-features.flip > .prdct-mockup  {
    left:  auto;
    right:  0;
}
.cool-features:before  {
    background:  none repeat scroll 0 0 #efeff0;
    content:  "";
    height:  100%;
    left:  50%;
    margin-left:  -4px;
    position:  absolute;
    top:  0;
    width:  8px;
    z-index: 99;
}
.cool-features.flip > .prdct-mockup-info  {
    float:  left;
}
.prdct-mockup  {
    bottom:  0;
    float:  left;
    left:  0;
    overflow:  hidden;
    position:  absolute;
    text-align:  center;
    top:  auto;
    width:  50%;
}
.prdct-mockup-info  {
    float:  right;
    padding:  90px 100px 70px 70px;
    width:  50%;
}
.prdct-mockup > img  {
    position:  relative;
    bottom:  -100px;
}
/* Slick Slider */@charset "UTF-8";
    .slick-slider  {
     position:  relative;
     display:  block;
     box-sizing:  border-box;
     -moz-box-sizing:  border-box;
     -webkit-touch-callout:  none;
     -webkit-user-select:  none;
     -khtml-user-select:  none;
     -moz-user-select:  none;
     -ms-user-select:  none;
     user-select:  none;
     -ms-touch-action:  pan-y;
     touch-action:  pan-y;
     -webkit-tap-highlight-color:  transparent;
 }
.slick-list  {
     position:  relative;
     overflow:  hidden;
     display:  block;
     margin:  0;
     padding:  0;
 }
.slick-list:focus  {
     outline:  none;
 }
.slick-loading .slick-list  {
     background:  #fff url("./ajax-loader.gif") center center no-repeat;
 }
.slick-list.dragging  {
     cursor:  pointer;
     cursor:  hand;
 }
.slick-slider .slick-track  {
     -webkit-transform:  translate3d(0,  0,  0);
     -moz-transform:  translate3d(0,  0,  0);
     -ms-transform:  translate3d(0,  0,  0);
     -o-transform:  translate3d(0,  0,  0);
     transform:  translate3d(0,  0,  0);
 }
.slick-track  {
     position:  relative;
     left:  0;
     top:  0;
     display:  block;
 }
.slick-track:before,  .slick-track:after  {
     content:  "";
     display:  table;
 }
.slick-track:after  {
     clear:  both;
 }
.slick-loading .slick-track  {
     visibility:  hidden;
 }
.slick-slide  {
     float:  left;
     height:  100%;
     min-height:  1px;
     display:  none;
 }
[dir="rtl"] .slick-slide  {
     float:  right;
 }
.slick-slide img  {
     display:  block;
 }
.slick-slide.slick-loading img  {
     display:  none;
 }
.slick-slide.dragging img  {
     pointer-events:  none;
 }
.slick-initialized .slick-slide  {
     display:  block;
 }
.slick-loading .slick-slide  {
     visibility:  hidden;
 }
.slick-vertical .slick-slide  {
     display:  block;
     height:  auto;
     border:  1px solid transparent;
 }
/* Icons */@font-face  {
     font-family:  "slick";
     src:  url("../fonts/slick.eot");
     src:  url("../fonts/slick.eot?#iefix") format("embedded-opentype"),  url("../fonts/slick.woff") format("woff"),  url("../fonts/slick.ttf") format("truetype"),  url("./fonts/slick.svg#slick") format("svg");
     font-weight:  normal;
     font-style:  normal;
 }
/* Arrows */.slick-prev,  .slick-next  {
     position:  absolute;
     display:  block;
     height:  20px;
     width:  20px;
     line-height:  0;
     font-size:  0;
     cursor:  pointer;
     background:  transparent;
     color:  transparent;
     top:  50%;
     margin-top:  -10px;
     padding:  0;
     border:  none;
     outline:  none;
 }
.slick-prev:hover,  .slick-prev:focus,  .slick-next:hover,  .slick-next:focus  {
     outline:  none;
     background:  transparent;
     color:  transparent;
 }
.slick-prev:hover:before,  .slick-prev:focus:before,  .slick-next:hover:before,  .slick-next:focus:before  {
     opacity:  1;
 }
.slick-prev.slick-disabled:before,  .slick-next.slick-disabled:before  {
     opacity:  0.25;
 }
.slick-prev:before,  .slick-next:before  {
     font-family:  "slick";
     font-size:  20px;
     line-height:  1;
     color:  white;
     opacity:  0.75;
     -webkit-font-smoothing:  antialiased;
     -moz-osx-font-smoothing:  grayscale;
 }
.slick-prev  {
     left:  -25px;
 }
[dir="rtl"] .slick-prev  {
     left:  auto;
     right:  -25px;
 }
.slick-prev:before  {
     content:  "←";
 }
[dir="rtl"] .slick-prev:before  {
     content:  "→";
 }
.slick-next  {
     right:  -25px;
 }
[dir="rtl"] .slick-next  {
     left:  -25px;
     right:  auto;
 }
.slick-next:before  {
     content:  "→";
 }
[dir="rtl"] .slick-next:before  {
     content:  "←";
 }
/* Dots */.slick-slider  {
     margin-bottom:  30px;
 }
.slick-dots  {
     position:  absolute;
     bottom:  -45px;
     list-style:  none;
     display:  block;
     text-align:  center;
     padding:  0;
     width:  100%;
 }
.slick-dots li  {
    display:  inline-flex;
    list-style:  outside none none;
    margin:  0 2px;
    padding:  0;
    position:  relative;
}
.slick-dots li button:before  {
    display:  none;
}
.slick-dots li button  {
    background:  none repeat scroll 0 0 #f1f1f1;
    border:  0 none;
    -webkit-border-radius:  2px;
    -moz-border-radius:  2px;
    -ms-border-radius:  2px;
    -o-border-radius:  2px;
    border-radius:  2px;
    color:  transparent;
    cursor:  pointer;
    display:  block;
    float:  left;
    font-size:  0;
    height:  7px;
    line-height:  0;
    margin:  0;
    outline:  medium none;
    padding:  0;
    width:  20px;
}
.slick-dots li button:hover,  .slick-dots li button:focus  {
     outline:  none;
 }
.slick-dots li button:hover:before,  .slick-dots li button:focus:before  {
     opacity:  1;
 }
.slick-dots li button:before  {
     position:  absolute;
     top:  0;
     left:  0;
     content:  "•";
     width:  20px;
     height:  20px;
     font-family:  "slick";
     font-size:  6px;
     line-height:  20px;
     text-align:  center;
     color:  black;
     opacity:  0.25;
     -webkit-font-smoothing:  antialiased;
     -moz-osx-font-smoothing:  grayscale;
 }
.slick-dots li.slick-active button:before  {
     color:  black;
     opacity:  0.75;
 }
/* Testimonial */.testimonial-slick  {
    float:  left;
    list-style:  outside none none;
    margin:  0;
    padding:  0;
    width:  100%;
}
.testimonial-area  {
    float:  left;
    text-align:  center;
    width:  100%;
    margin-top:  20px;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
}
.testimonial-area > p  {
    background:  none repeat scroll 0 0 #f1f1f1;
    -webkit-border-radius:  20px;
    -moz-border-radius:  20px;
    -ms-border-radius:  20px;
    -o-border-radius:  20px;
    border-radius:  20px;
    color:  #6c6b6b;
    float:  left;
    font-family:  Lato;
    font-size:  15px;
    font-style:  italic;
    font-weight:  400;
    line-height:  26px;
    overflow:  hidden;
    padding:  30px 30px 80px;
    position:  relative;
    width:  100%;
    z-index:  0;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
}
.testimonial-area > p:before  {
    color:  #ffffff;
    content:  "";
    font-family:  themify;
    font-size:  164px;
    margin-top:  -20px;
    opacity:  0.4;
    position:  absolute;
    right:  0;
    top:  50%;
    z-index:  -1;
}
.slick-slide.slick-active.slick-center .testimonial-area > span  {
    margin-top:  -100px;
}
.slick-slide.slick-active.slick-center  .testimonial-area  {
    margin-top:  0;
}
.slick-slide.slick-active.slick-center .testimonial-area > p  {
    padding-bottom:  120px;
    color: #fff;
}
.testimonial-slick .slick-slide  {
    padding:  0 15px;
}
.testimonial-area > span  {
    float:  left;
    margin-top:  -50px;
    position:  relative;
    text-align:  center;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
    width:  100%;
    z-index:  9;
}
.testimonial-area > span img  {
    border:  5px solid #fff;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -ms-border-radius:  50%;
    -o-border-radius:  50%;
    border-radius:  50%;
    -webkit-box-shadow:  0px 5px 5px rgba(0,  0,  0,  0.1);
    -moz-box-shadow:  0px 5px 5px rgba(0,  0,  0,  0.1);
    -ms-box-shadow:  0px 5px 5px rgba(0,  0,  0,  0.1);
    -o-box-shadow:  0px 5px 5px rgba(0,  0,  0,  0.1);
    box-shadow:  0px 5px 5px rgba(0,  0,  0,  0.1);
    display:  table;
    margin:  auto;
}
.testimonial-area > h5  {
    float:  left;
    font-family:  lato;
    font-size:  17px;
    font-style:  italic;
    font-weight:  900;
    letter-spacing:  0.3px;
    margin:  20px 0 8px;
    text-align:  center;
    width:  100%;
}
.testimonial-area h6  {
    color:  #535353;
    float:  left;
    font-family:  Lato;
    font-size:  13px;
    letter-spacing:  0.3px;
    margin:  0;
    width:  100%;
}
/* Text Block 2 */.text-block2  {
    float:  left;
    width:  100%;
}
.text-block2 > span  {
    color:  #ffffff;
    float:  left;
    font-family:  Lato;
    font-size:  33px;
    font-weight:  lighter;
    letter-spacing:  0.3px;
    line-height:  52px;
}
.text-block2 > span strong  {
    font-weight:  900;
    text-transform:  uppercase;
}
/* Item Shot */.item-shot  {
    float:  left;
    list-style:  outside none none;
    margin:  0;
    padding:  0;
    width:  100%;
}
.item-shot li  {
    padding:  0 15px;
}
.app-screenshot  {
    border:  5px solid #fff;
    -webkit-border-radius:  22px;
    -moz-border-radius:  22px;
    -ms-border-radius:  22px;
    -o-border-radius:  22px;
    border-radius:  22px;
    -webkit-box-shadow:  0 5px 5px rgba(0,  0,  0,  0.1);
    -moz-box-shadow:  0 5px 5px rgba(0,  0,  0,  0.1);
    -ms-box-shadow:  0 5px 5px rgba(0,  0,  0,  0.1);
    -o-box-shadow:  0 5px 5px rgba(0,  0,  0,  0.1);
    box-shadow:  0 5px 5px rgba(0,  0,  0,  0.1);
    float:  left;
    margin-bottom:  12px;
    overflow:  hidden;
    position:  relative;
    width:  100%;
}
.app-screenshot > img  {
    float:  left;
    width:  100%;
}
.app-screenshot > a.html5lightbox  {
    color:  #fff;
    font-size:  40px;
    left:  0;
    margin-top:  -15px;
    opacity:  0;
    position:  absolute;
    text-align:  center;
    top:  50%;
    -webkit-transform:  scale(3);
    -moz-transform:  scale(3);
    -ms-transform:  scale(3);
    -o-transform:  scale(3);
    transform:  scale(3);
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
    width:  100%;
}
.app-screenshot:before  {
    background:  none repeat scroll 0 0 #fff;
    content:  "";
    height:  100%;
    left:  0;
    opacity:  0;
    position:  absolute;
    top:  0;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
    width:  100%;
}
.app-screenshot:hover:before  {
    opacity:  0.9;
}
.app-screenshot:hover > a.html5lightbox  {
    opacity:  1;
    -webkit-transform:  scale(1);
    -moz-transform:  scale(1);
    -ms-transform:  scale(1);
    -o-transform:  scale(1);
    transform:  scale(1);
    z-index:  9;
}
/* Team */.team-area  {
    float:  left;
    width:  100%;
}
.team-area > .row  {
    margin:  0;
}
.team-area > .row > div  {
    padding:  0;
}
.team-details  {
    float:  left;
    padding:  60px 50px;
    position:  relative;
    width:  50%;
}
.team-details:before  {
    background:  none repeat scroll 0 0 #f3f3f3;
    -webkit-border-radius:  3px;
    -moz-border-radius:  3px;
    -ms-border-radius:  3px;
    -o-border-radius:  3px;
    border-radius:  3px;
    content:  "";
    height:  30px;
    position:  absolute;
    right:  -8px;
    top:  50px;
    -webkit-transform:  rotate(45deg);
    -moz-transform:  rotate(45deg);
    -ms-transform:  rotate(45deg);
    -o-transform:  rotate(45deg);
    transform:  rotate(45deg);
    width:  30px;
}
.team-details > h3  {
    color:  #3f3f3f;
    float:  left;
    font-family:  Lato;
    font-size:  26px;
    font-weight:  900;
    margin:  0;
    padding-bottom:  10px;
    position:  relative;
    line-height:  33px;
    text-transform:  uppercase;
    width:  100%;
}
.team-details > h3:before  {
    background:  none repeat scroll 0 0 #a7a7a7;
    bottom:  0;
    content:  "";
    height:  1px;
    left:  0;
    position:  absolute;
    width:  40px;
}
.team-details > span  {
    color:  #7b7b7b;
    float:  left;
    font-family:  Lato;
    font-size:  14px;
    letter-spacing:  0.3px;
    margin-bottom:  30px;
    margin-top:  16px;
    text-transform:  uppercase;
    width:  100%;
}
.team-details > ul  {
    float:  left;
    list-style:  outside none none;
    margin:  0;
    padding:  0;
    width:  100%;
}
.team-details > ul > li  {
    float:  left;
    margin-right:  20px;
}
.team-details > ul > li a  {
    color:  #4c4c4c;
    float:  left;
    font-size:  17px;
}
.team-details > h3 > i  {
    float:  left;
    font-style:  normal;
    font-weight:  100;
    width:  100%;
}
.team-avatar  {
    float:  left;
    width:  50%;
}
.team  {
    background:  none repeat scroll 0 0 #f3f3f3;
    float:  left;
    width:  100%;
}
.team.flip > .team-avatar  {
    float:  left;
}
.team.flip > .team-details  {
    float:  right;
}
.team-avatar img  {
    float:  left;
    width:  100%;
}
.team.flip .team-details > h3  {
    color:  #ffffff;
}
.team.flip .team-details > h3:before  {
    background:  none repeat scroll 0 0 #ffffff;
    opacity:  0.7;
}
.team.flip .team-details > span  {
    color:  #f4f4f4;
}
.team.flip .team-details ul li a  {
    color:  #fff;
}
.team.flip .team-details:before  {
    left:  -8px;
    right:  auto;
}
/* Twitter Slide */.twitter-slide  {
    float:  left;
    list-style:  outside none none;
    margin:  0;
    padding:  0;
    width:  100%;
}
.twitter-slide li  {
    padding-top:  170px;
    position:  relative;
}
.twitter-slide li h4  {
    color:  #515151;
    float:  left;
    font-family:  Lato;
    font-size:  25px;
    font-style:  italic;
    letter-spacing:  0.3px;
    line-height:  41px;
    margin:  -10px 0 0;
    text-align:  center;
    width:  100%;
}
.twitter-slide li span  {
    color:  #a09a9a;
    float:  left;
    font-family:  Lato;
    font-size:  14px;
    letter-spacing:  0.3px;
    margin-top:  16px;
    text-align:  center;
    width:  100%;
}
.slick-slider  {
    cursor:  grab;
}
.twitter-slide li a  {
    float:  left;
    font-family:  Lato;
    font-size:  17px;
    font-weight:  lighter;
    margin-top:  6px;
    text-align:  center;
    width:  100%;
}
.twitter-slide:before  {
    color:  #f3f3f3;
    content:  "";
    font-family:  themify;
    font-size:  148px;
    left:  0;
    position:  absolute;
    text-align:  center;
    top:  -10px;
    width:  100%;
    line-height:  140px;
}
/* Get in touch */.wpcf7  {
    float:  left;
    width:  100%;
}
.wpcf7 form  {
    float:  left;
    width:  100%;
}
.wpcf7 form input[type="text"],  .wpcf7 form textarea,  .wpcf7 form input[type="email"]  {
    background:  none repeat scroll 0 0 #f9f9f9;
    border:  1px solid #e1e1e1;
    -webkit-border-radius:  10px;
    -moz-border-radius:  10px;
    -ms-border-radius:  10px;
    -o-border-radius:  10px;
    border-radius:  10px;
    -webkit-box-shadow:  1px 1px 1px white inset;
    -moz-box-shadow:  1px 1px 1px white inset;
    -ms-box-shadow:  1px 1px 1px white inset;
    -o-box-shadow:  1px 1px 1px white inset;
    box-shadow:  1px 1px 1px white inset;
    color:  #555555;
    float:  left;
    font-family:  Lato;
    font-size:  13px;
    margin-bottom: 10px !important;
    letter-spacing:  0.3px;
    padding:  18px 30px;
    width:  100%;
    line-height:  normal;
}
.wpcf7-form > p span  {
        float:  left;
        width:  100%;
}
.wpcf7 form textarea  {
    min-height:  200px;
}
.wpcf7 form img  {
    float:  right;
    margin:  50px 0;
}
.wpcf7 form .wpcf7-submit  {
    background:  none repeat scroll 0 0 #fff;
    border:  3px solid;
    -webkit-border-radius:  30px;
    -moz-border-radius:  30px;
    -ms-border-radius:  30px;
    -o-border-radius:  30px;
    border-radius:  30px;
    float:  left;
    font-family:  lato;
    font-size:  13px;
    font-weight:  bold;
    letter-spacing:  0.3px;
    margin-top:  20px;
    padding:  16px 50px;
    text-transform:  uppercase;
    line-height:  normal;
}
.location  {
    float:  left;
    width:  100%;
}
.map-location  {
    background-image:  url("../assets/map.png");
    background-repeat:  no-repeat;
    background-size:  cover;
    float:  left;
    height:  280px;
    position:  relative;
    width:  100%;
}
.pointer  {
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -ms-border-radius:  50%;
    -o-border-radius:  50%;
    border-radius:  50%;
    height:  30px;
    padding:  2px;
    position:  absolute;
    width:  30px;
}
.pointer:hover {
    z-index:  1;
}
.pointer span  {
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -ms-border-radius:  50%;
    -o-border-radius:  50%;
    border-radius:  50%;
    color:  #fff;
    cursor:  pointer;
    float:  left;
    font-family:  Lato;
    font-size:  15px;
    font-weight:  900;
    height:  100%;
    line-height:  24px;
    position:  relative;
    text-align:  center;
    width:  100%;
}
.address  {
    left:  50%;
    margin-left:  -120px;
    opacity:  0;
    padding:  20px 0 0;
    position:  absolute;
    top:  120%;
    -webkit-transform:  perspective(200px) rotateX(90deg);
    -moz-transform:  perspective(200px) rotateX(90deg);
    -ms-transform:  perspective(200px) rotateX(90deg);
    -o-transform:  perspective(200px) rotateX(90deg);
    transform:  perspective(200px) rotateX(90deg);
    -webkit-transition:  all 0.5s ease 0s;
    -moz-transition:  all 0.5s ease 0s;
    -ms-transition:  all 0.5s ease 0s;
    -o-transition:  all 0.5s ease 0s;
    transition:  all 0.5s ease 0s;
    width:  240px;
}
.pointer:hover .address  {
    opacity:  1;
    -webkit-transform:  rotate(0deg);
    -moz-transform:  rotate(0deg);
    -ms-transform:  rotate(0deg);
    -o-transform:  rotate(0deg);
    transform:  rotate(0deg);
}
.pointer:hover .address  {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.address:before  {
    border-bottom:  10px solid white;
    border-left:  10px solid rgba(0,  0,  0,  0);
    border-right:  10px solid rgba(0,  0,  0,  0);
    content:  "";
    left:  50%;
    margin-left:  -10px;
    position:  absolute;
    top:  10px;
}
.address ul  {
    background:  none repeat scroll 0 0 #ffffff;
    -webkit-border-radius:  13px;
    -moz-border-radius:  13px;
    -ms-border-radius:  13px;
    -o-border-radius:  13px;
    border-radius:  13px;
    -webkit-box-shadow:  0 0 23px rgba(0,  0,  0,  0.1);
    -moz-box-shadow:  0 0 23px rgba(0,  0,  0,  0.1);
    -ms-box-shadow:  0 0 23px rgba(0,  0,  0,  0.1);
    -o-box-shadow:  0 0 23px rgba(0,  0,  0,  0.1);
    box-shadow:  0 0 23px rgba(0,  0,  0,  0.1);
    float:  left;
    list-style:  outside none none;
    padding:  20px 20px 15px;
    width:  100%;
}
.address ul li,  .widget .address ul li  {
    color:  #666666;
    font-family:  lato;
    font-size:  12px;
    line-height:  25px;
    padding:  0;
    text-align:  center;
}
.address ul li:before, .widget .address ul li:before {
    display:  none;
}
.pointer:before  {
    content:  "";
    position:  absolute;
    left:  0;
    top:  0;
    width:  100%;
    height:  100%;
    border:  2px solid;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -ms-border-radius:  50%;
    -o-border-radius:  50%;
    border-radius:  50%;
    -webkit-animation:  pointing 1s infinite;
    -moz-animation:  pointing 1s infinite;
    -ms-animation:  pointing 1s infinite;
    -o-animation:  pointing 1s infinite;
    animation:  pointing 1s infinite;
}
@-webkit-keyframes pointing  {
    0%  {
    -webkit-transform:  scale(1);
     opacity:  1;
}
25%  {
    -webkit-transform:  scale(1.3);
     opacity:  0.6;
}
50%  {
    -webkit-transform:  scale(1.7);
      opacity:  0.3;
}
100%  {
    -webkit-transform:  scale(2);
     opacity:  0;
}
}
@keyframes pointing  {
    0%  {
    transform:  scale(1);
     opacity:  1;
}
25%  {
    transform:  scale(1.3);
     opacity:  0.6;
}
50%  {
    transform:  scale(1.7);
      opacity:  0.3;
}
100%  {
    transform:  scale(2);
     opacity:  0;
}
}
@-ms-keyframes pointing  {
    0%  {
    -ms-transform:  scale(1);
     opacity:  1;
}
25%  {
    -ms-transform:  scale(1.3);
     opacity:  0.6;
}
50%  {
    -ms-transform:  scale(1.7);
      opacity:  0.3;
}
100%  {
    -ms-transform:  scale(2);
     opacity:  0;
}
}
@-o-keyframes pointing  {
    0%  {
    -o-transform:  scale(1);
     opacity:  1;
}
25%  {
    -o-transform:  scale(1.3);
     opacity:  0.6;
}
50%  {
    -o-transform:  scale(1.7);
      opacity:  0.3;
}
100%  {
    -o-transform:  scale(2);
     opacity:  0;
}
}
.company-address  {
    float:  left;
    list-style:  outside none none;
    margin:  40px 0 0;
    padding:  0;
    position:  relative;
    width:  100%;
}
.company-address > li  {
    color:  #494949;
    float:  left;
    font-family:  Lato;
    font-size:  13px;
    letter-spacing:  0.3px;
    line-height:  30px;
    margin-bottom:  12px;
    padding-left:  44px;
    position:  relative;
    width:  100%;
}
.company-address > li > i  {
    border:  1px solid;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -ms-border-radius:  50%;
    -o-border-radius:  50%;
    border-radius:  50%;
    float:  left;
    font-size:  12px;
    height:  30px;
    left:  0;
    line-height:  29px;
    position:  absolute;
    text-align:  center;
    top:  0;
    width:  30px;
}
.bottom-line  {
    float:  left;
    padding:  0 90px;
    text-align:  center;
    width:  100%;
}
.bottom-line > span  {
    color:  #ffffff;
    float:  left;
    font-family:  Lato;
    font-size:  12px;
    letter-spacing:  0.3px;
    padding:  21px 0;
    text-align:  center;
    text-transform:  uppercase;
    width:  100%;
}
#topcontrol img  {
    display:  none;
}
#topcontrol  {
    bottom:  20px !important;
    height:  40px !important;
    right:  20px !important;
    width:  40px !important;
    z-index: 9999999 !important;
    color:  transparent;
}
#topcontrol:before  {
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -ms-border-radius:  50%;
    -o-border-radius:  50%;
    border-radius:  50%;
    color:  #fff;
    content:  "";
    font-family:  themify;
    font-size:  16px;
    height:  50px;
    left:  0;
    line-height:  50px;
    position:  absolute;
    text-align:  center;
    top:  0;
    width:  50px;
}
/* Dark */.block.dark  {
    background:  none repeat scroll 0 0 #1a1a1a;
}
.block.dark h1,  .block.dark h2,  .block.dark h3,  .block.dark h4,  .block.dark h5,  .block.dark h6  {
    color:  #ffffff;
}
.block.dark p {
    color:  #abb6c2;
}
.dark .heading > span  {
    color:  #292929;
}
.dark .services:before,  .dark .services:after  {
    background:  none repeat scroll 0 0 #3a3a3a;
}
.dark .proce-table  {
    background:  none repeat scroll 0 0 rgba(0,  0,  0,  0.8);
    -webkit-border-radius:  22px;
    -moz-border-radius:  22px;
    -ms-border-radius:  22px;
    -o-border-radius:  22px;
    border-radius:  22px;
}
.dark .heading-prdct  {
    border-color:  #5a5a5a;
    color:  #ffffff;
}
.block.dark .cool-features:before  {
    background:  none repeat scroll 0 0 #363636;
}
.block.dark .cool-features {
    border-color: #363636;
}
.block.dark .features > li  {
    color:  #ffffff;
}
.block.dark .cool-features > i {
    border-color: #363636;
}
.block.dark .Prdct-features  {
    border-bottom:  1px solid #5a5a5a;
    color:  #cacaca;
}
.block.dark .cool-features > i  {
    background:  none repeat scroll 0 0 #1a1a1a;
    border-color:  #363636;
    color:  #fff;
}
.block.dark .team  {
    background:  none repeat scroll 0 0 #363636;
}
.block.dark .team-details:before  {
    background:  none repeat scroll 0 0 #363636;
}
.block.dark .team-details > span  {
    color:  #dadada;
}
.block.dark .team-details ul li a  {
    color:  #fff;
}
.block.dark .company-address > li  {
    color:  #fff;
}
.block.dark .clients  {
    background:  none repeat scroll 0 0 #2a2a2a;
}
header.sticky.bottom  {
    bottom:  0;
    top:  auto;
}
.block.dark .testimonial-area > p  {
    background:  none repeat scroll 0 0 #2a2a2a;
}
.block.dark .testimonial-area > p:before  {
    opacity:  0.1;
}
.block.dark .get-in-touch form input[type="text"],  .block.dark .get-in-touch form textarea  {
    background:  none repeat scroll 0 0 #2a2a2a;
    border:  1px solid #444;
    -webkit-box-shadow:  1px 1px 1px rgba(0,  0,  0,  0.3) inset;
    -moz-box-shadow:  1px 1px 1px rgba(0,  0,  0,  0.3) inset;
    -ms-box-shadow:  1px 1px 1px rgba(0,  0,  0,  0.3) inset;
    -o-box-shadow:  1px 1px 1px rgba(0,  0,  0,  0.3) inset;
    box-shadow:  1px 1px 1px rgba(0,  0,  0,  0.3) inset;
}
.block.dark .why-dont h5  {
    color:  #444444;
}
.block.dark .why-dont > p  {
    color:  #777777;
}
.block.dark .app-header-info > p  {
    color:  #fff;
}
header.dark.sticky  {
    background:  none repeat scroll 0 0 #2a2a2a;
}
header.dark .logo > a  {
    color:  #ffffff;
}
header.dark nav a  {
    color:  #fafafa !important;
}
/* Slide Panel */.site-options  {
    left:  -242px;
    position:  fixed;
    top:  170px;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
    width:  242px;
    z-index:  9;
}
.site-options:hover  {
    left:  0;
}
.site-options > a  {
    background:  none repeat scroll 0 0 #fff;
    border-bottom:  1px solid #e8ecec;
    -webkit-border-radius:  0 3px 3px 0;
    -moz-border-radius:  0 3px 3px 0;
    -ms-border-radius:  0 3px 3px 0;
    -o-border-radius:  0 3px 3px 0;
    border-radius:  0 3px 3px 0;
    border-right:  1px solid #e8ecec;
    border-top:  1px solid #e8ecec;
    color:  #464646;
    cursor:  pointer;
    font-size:  17px;
    height:  40px;
    line-height:  40px;
    position:  absolute;
    right:  -39px;
    text-align:  center;
    top:  0;
    width:  40px;
}
.theme-layouts  {
    float:  left;
    width:  100%;
}
.header-option  {
    float:  left;
    width:  100%;
}
.bg-select  {
    float:  left;
    width:  100%;
}
.slidepanel-area .panel-heading  {
    border-bottom:  1px dotted #e8ecec;
    color:  #333333;
    float:  left;
    font-family:  Intro;
    font-size:  15px;
    margin:  0 0 15px;
    padding:  0 0 12px;
    width:  100%;
}
.slidepanel-area  {
    background:  none repeat scroll 0 0 #ffffff;
    border:  1px solid #e8ecec;
    float:  left;
    padding:  20px;
    width:  100%;
}
.color-themes > ul, .theme-layouts > ul, .header-option > ul  {
    float:  left;
    list-style:  outside none none;
    margin:  0 0 20px;
    padding:  0;
    width:  100%;
}
.color-themes > ul > li, .theme-layouts > ul > li, .header-option > ul > li  {
    float:  left;
    margin-right:  20px;
}
.color-themes > ul > li > a,  .theme-layouts > ul > li > a, .header-option > ul > li > a  {
    border:  1px solid;
    -webkit-border-radius:  12px;
    -moz-border-radius:  12px;
    -ms-border-radius:  12px;
    -o-border-radius:  12px;
    border-radius:  12px;
    cursor:  pointer;
    float:  left;
    font-family:  Lato;
    font-size:  11px;
    letter-spacing:  0.3px;
    padding:  6px 18px;
    text-transform:  uppercase;
}
.color-themes > ul > li > a.active, .theme-layouts > ul > li > a.active, .header-option > ul > li > a.active  {
    color:  #fff;
}
.choose-bg  {
    float:  left;
    list-style:  outside none none;
    margin:  0;
    padding:  0;
    width:  100%;
}
.choose-bg > li  {
    float:  left;
    margin-right:  10px;
}
.choose-bg > li > a  {
    -webkit-border-radius:  3px;
    -moz-border-radius:  3px;
    -ms-border-radius:  3px;
    -o-border-radius:  3px;
    border-radius:  3px;
    float:  left;
    height:  40px;
    width:  40px;
}
.choose-bg > li > a  span {
    -webkit-border-radius:  3px;
    -moz-border-radius:  3px;
    -ms-border-radius:  3px;
    -o-border-radius:  3px;
    border-radius:  3px;
    float:  left;
    height:  40px;
    width:  40px;
    cursor: pointer;
}
body.background  {
    background-attachment:  fixed;
    background-size:  cover;
}
body.bg1 {
    background-image:  url("../images/bg1.jpg");
}
body.bg2 {
    background-image:  url("../images/bg2.jpg");
}
body.bg3 {
    background-image:  url("../images/bg3.jpg");
}
.bg-s1 {
    background-image:  url("../images/bg-s1.jpg");
}
.bg-s2 {
    background-image:  url("../images/bg-s2.jpg");
}
.bg-s3 {
    background-image:  url("../images/bg-s3.jpg");
}
/* main */.main-sec  {
    float:  left;
    text-align:  center;
    width:  100%;
}
.main-sec .logo  {
    float:  left;
    text-align:  center;
    width:  100%;
    margin-bottom: 20px;
}
.main-sec .logo a  {
    float:  left;
    font-size:  23px;
    text-align:  center;
    width:  100%;
    color:  #444444;
}
.main-sec .logo a i  {
    float:  none;
}
.demos > a  {
    color:  #444444;
    float:  left;
    -webkit-transition:  all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s;
    -ms-transition:  all 0.4s ease 0s;
    -o-transition:  all 0.4s ease 0s;
    transition:  all 0.4s ease 0s;
    width:  100%;
}
.demos:hover > a  {
    opacity:  0.5;
    -webkit-transform:  scale(0.9);
    -moz-transform:  scale(0.9);
    -ms-transform:  scale(0.9);
    -o-transform:  scale(0.9);
    transform:  scale(0.9);
}
.demos > a img  {
    float:  left;
    width:  100%;
}
.demos span  {
    color:  #444444;
    float:  left;
    font-family:  intro;
    font-size:  20px;
    letter-spacing:  0.3px;
    margin-top:  20px;
    text-align:  center;
    width:  100%;
}
.demos  {
    float:  left;
    margin-top:  50px;
    text-align:  center;
    width:  100%;
}
.logo > span  {
    color:  #666666;
    float:  left;
    font-family:  Lato;
    font-size:  13px;
    letter-spacing:  0.3px;
    line-height:  24px;
    margin-top:  4px;
    width:  100%;
}
/* Blog Post */.blog-post-sec  {
    float:  left;
    padding-left:  25px;
    position:  relative;
    width:  100%;
    margin-top: 50px;
}
.blog > p  {
    text-align:  center;
}
.blog  {
    float:  left;
    width:  100%;
}
.metas  {
    left:  0;
    list-style:  outside none none;
    margin:  0;
    padding:  0;
    position:  absolute;
    top:  30px;
    z-index: 666;
}
.post-thumb > a  {
    bottom:  -60px;
    color:  #ffffff;
    font-size:  20px;
    height:  55px;
    line-height:  55px;
    position:  absolute;
    right:  -60px;
    text-align:  center;
    transition:  all 0.4s ease 0s;
    width:  55px;
}
.metas > li  {
    float:  left;
    width:  100%;
}
.post-thumb  {
    float:  left;
    width:  100%;
    overflow: hidden;
}
.blog-post-sec:hover .blog .post-thumb > a  {
    bottom:  0 !important;
    right:  0 !important;
}
.blog > h3, .blog-post-sec  h1 {
    color:  #383838;
    float:  left;
    font-family:  intro;
    font-size:  20px;
    letter-spacing:  0.3px;
    margin:  30px 0 10px;
    text-align:  center;
    width:  100%;
    word-wrap:  break-word;
    -ms-word-wrap:  break-word;
}
.blog-post-sec  h1 {
    margin:  50px 0 30px;
}
blockquote  {
    background:  none repeat scroll 0 0 #fafafa;
    border:  medium none;
    float:  left;
    margin:  30px 0;
    padding:  40px;
    text-align:  center;
    width:  100%;
}
blockquote p  {
    font-size:  20px;
    font-style:  italic;
    line-height:  31px;
}
.tags-bar  {
    border-bottom:  1px solid #f7f7f7;
    border-top:  1px solid #f7f7f7;
    float:  left;
    list-style:  outside none none;
    margin:  30px 0;
    padding:  17px 0;
    width:  100%;
}
.tags-bar > li  {
    float:  left;
    line-height:  10px;
}
.tags-bar > li > i  {
    color:  #454545;
    float:  left;
    font-size:  15px;
    padding:  0 15px;
}
.tags-bar > li > a  {
    border-right:  1px solid #dfdfdf;
    color:  #898989;
    float:  left;
    font-family:  Lato;
    font-size:  12px;
    letter-spacing:  0.3px;
    line-height:  21px;
    padding:  0 10px;
    transition:  all 0.4s ease 0s;
}
.blog > h3 a {
    color:  #383838;
}
.post-thumb > img  {
    float:  left;
    width:  100%;
    height: auto;
}
.post-thumb  {
    float:  left;
    position:  relative;
    width:  100%;
}
.metas > li > a  {
    color:  #fff;
    float:  left;
    font-family:  Lato;
    font-size:  13px;
    font-weight:  900;
    letter-spacing:  0.3px;
    margin-bottom:  4px;
    padding:  8px 30px;
    text-transform:  uppercase;
}
/* Inner Head */.inner-head  {
    float:  left;
    margin-bottom:  60px;
    text-align:  center;
    width:  100%;
}
.inner-head > h2  {
    color:  #ffffff;
    float:  left;
    font-family:  Intro;
    margin:  0 0 20px;
    text-align:  center;
    width:  100%;
}
.breadcrumbs  {
    float:  left;
    list-style:  outside none none;
    margin:  0;
    padding:  0;
    width:  100%;
}
.breadcrumbs > li  {
    color:  #ffffff;
    display:  inline;
    font-family:  Lato;
    font-size:  13px;
    margin:  0 6px;
}
.breadcrumbs > li a  {
    color:  #ffffff;
    margin-right:  12px;
}
.post-author-details  {
    background:  none repeat scroll 0 0 #fafafa;
    float:  left;
    width:  100%;
    margin-top:  40px;
}
.post-author-details > span {
    float: left;
    width: 190px;
}
.post-author-details > span > img  {
    float:  left;
    width:  100%;
    height: auto;
}
.post-author-infos  {
        float:  left;
        padding:  40px;
        width:  70%;
}
.post-author-infos > h3  {
    float:  left;
    font-family:  Lato;
    font-size:  20px;
    font-weight:  bold;
    letter-spacing:  0.3px;
    margin:  5px 0;
    width:  100%;
}
.post-author-infos > span  {
    color:  #696969;
    float:  left;
    font-family:  Lato;
    font-size:  14px;
    font-weight:  lighter;
    letter-spacing:  0.3px;
    line-height:  11px;
    margin-bottom:  13px;
    width:  100%;
}
/* Comment Sec */.comment-sec  {
    float:  left;
    margin-top:  50px;
    width:  100%;
}
.comment-sec > h4  {
    color:  #333333;
    float:  left;
    font-family:  intro;
    font-size:  18px;
    font-weight:  bold;
    letter-spacing:  0.3px;
    margin:  0 0 20px;
    width:  100%;
}
.comment-sec > h4 > i  {
    margin-right:  10px;
}
.comment-sec > ul  {
    float:  left;
    list-style:  none outside none;
    margin:  -30px 0 0;
    padding:  0;
    width:  100%;
}
.comment-sec ul li  {
    float:  left;
    margin-top:  30px;
    width:  100%;
    list-style:  none outside none;
}
.comment-sec ul li ul  {
        float:  left;
        margin:   0;
        padding-left:  0;
        width:  100%;
}
.comment  {
    float:  left;
    padding-left:  87px;
    position:  relative;
    width:  100%;
}
.comment .avatar  {
    left:  0;
    position:  absolute;
    text-align:  center;
    top:  0;
    width:  67px;
    height: auto;
}
.avatar > span  {
    float:  left;
    margin-bottom:  -13px;
    width:  100%;
}
.avatar > span > img  {
    float:  left;
    width:  100%;
}
.avatar > a  {
    background:  none repeat scroll 0 0 #fff;
    color:  #333333;
    display:  table;
    float:  none;
    font-family:  Lato;
    font-size:  11px;
    line-height:  10px;
    margin:  0 auto;
    padding:  6px 12px;
    position:  relative;
}
.comment-info  {
    background:  none repeat scroll 0 0 #fafafa;
    float:  left;
    padding:  25px 30px;
    width:  100%;
}
.comment-info > h3  {
    float:  left;
    font-family:  Lato;
    font-size:  15px;
    font-weight:  600;
    letter-spacing:  0.3px;
    margin:  0 0 6px;
    width:  100%;
}
.comment-info > span  {
    color:  #393939;
    float:  left;
    font-family:  Lato;
    font-size:  11px;
    letter-spacing:  0.3px;
    margin-bottom:  12px;
    margin-top:  2px;
    width:  100%;
}
.comment-info > P  {
    font-size:  13px;
    margin:  0;
}
/* Leave a Reply */.leave-comment  {
    float:  left;
    margin-top:  50px;
    width:  100%;
}
.leave-comment > h4 {
    color:  #333333;
    float:  left;
    font-family:  Intro;
    font-size:  18px;
    font-weight:  bold;
    letter-spacing:  0.3px;
    margin:  0 0 20px;
    width:  100%;
}
.leave-comment > h4 > i  {
    margin-right:  10px;
}
.leave-comment form  {
    float:  left;
    width:  100%;
}
.leave-comment form input[type="text"],  .leave-comment form textarea  {
    background:  none repeat scroll 0 0 #fafafa;
    border:  medium none;
    float:  left;
    font-family:  lato;
    font-size:  13px;
    letter-spacing:  0.3px;
    margin-bottom:  30px;
    padding:  17px 20px;
    width:  100%;
}
.leave-comment form textarea {
    height: 150px;
}
.leave-comment form .submit {
    border:  none;
    color:  #fff;
    float:  left;
    font-family:  Roboto;
    font-size:  17px;
    letter-spacing:  0.3px;
    padding:  10px 30px;
}
.dark .blog > h3 a  {
    color:  #ffffff;
}
.dark blockquote  {
    background:  none repeat scroll 0 0 #2f2f2f;
}
.dark .tags-bar  {
    border-color:  #3f3f3f;
}
.dark .tags-bar > li > a  {
    border-color:  #3f3f3f;
}
.dark .tags-bar > li > i  {
    color:  #ffffff;
}
.dark .post-author-details  {
    background:  none repeat scroll 0 0 #2f2f2f;
}
.dark .post-author-infos > span  {
    color:  #bfbfbf;
}
.dark .comment-info  {
    background:  none repeat scroll 0 0 #2f2f2f;
}
.dark .comment-info > span  {
    color:  #dfdfdf;
}
.dark .leave-comment form input[type="text"],  .dark  .leave-comment form textarea {
    background:  none repeat scroll 0 0 #2a2a2a;
    color: #fff;
}
.error-sec  {
        float:  left;
        margin-top:  50px;
        text-align:  center;
        width:  100%;
}
.error-sec > h3  {
    float:  left;
    font-family:  Lato;
    font-size:  140px;
    font-weight:  900;
    line-height:  94px;
    margin:  0 0 30px;
    width:  100%;
}
.error-sec h5  {
    color:  #555555;
    float:  left;
    font-family:  Lato;
    font-size:  16px;
    letter-spacing:  0.3px;
    margin-bottom:  50px;
    width:  100%;
}
.error-sec input  {
    border:  1px solid #e8ecec;
    border-radius:  3px;
    color:  #666666;
    display:  table;
    float:  none;
    font-family:  Lato;
    font-size:  13px;
    height:  46px;
    letter-spacing:  0.3px;
    margin:  0 auto;
    max-width:  100%;
    min-width:  400px;
    padding:  0 20px;
}
.error-sec ul  {
    float:  left;
    margin:  50px 0 0;
    padding:  0;
    text-align:  center;
    width:  100%;
}
.error-sec ul > li  {
    display:  inline-flex;
    float:  none;
    margin:  0 3px;
    position:  relative;
}
.error-sec ul > li:last-child::before  {
    opacity:  0;
}
.error-sec ul > li::before  {
    border-radius:  50%;
    color:  #fff;
    content:  "OR";
    font-family:  Lato;
    font-size:  11px;
    height:  25px;
    line-height:  23px;
    position:  absolute;
    right:  -19px;
    top:  6px;
    width:  25px;
    z-index:  9;
}
.error-sec ul > li a  {
    border:  1px solid #dadada;
    border-radius:  3px;
    color:  #818181;
    float:  left;
    font-family:  Lato;
    font-size:  11px;
    letter-spacing:  0.3px;
    line-height:  18px;
    padding:  9px 20px;
    text-transform:  uppercase;
    transition:  all 0.4s ease 0s;
}
.error-sec p  {
    margin-top:  36px;
}
.vc_col-xs-1,  .vc_col-sm-1,  .vc_col-md-1,  .vc_col-lg-1,  .vc_col-xs-2,  .vc_col-sm-2,  .vc_col-md-2,  .vc_col-lg-2,  .vc_col-xs-3,  .vc_col-sm-3,  .vc_col-md-3,  .vc_col-lg-3,  .vc_col-xs-4,  .vc_col-sm-4,  .vc_col-md-4,  .vc_col-lg-4,  .vc_col-xs-5,  .vc_col-sm-5,  .vc_col-md-5,  .vc_col-lg-5,  .vc_col-xs-6,  .vc_col-sm-6,  .vc_col-md-6,  .vc_col-lg-6,  .vc_col-xs-7,  .vc_col-sm-7,  .vc_col-md-7,  .vc_col-lg-7,  .vc_col-xs-8,  .vc_col-sm-8,  .vc_col-md-8,  .vc_col-lg-8,  .vc_col-xs-9,  .vc_col-sm-9,  .vc_col-md-9,  .vc_col-lg-9,  .vc_col-xs-10,  .vc_col-sm-10,  .vc_col-md-10,  .vc_col-lg-10,  .vc_col-xs-11,  .vc_col-sm-11,  .vc_col-md-11,  .vc_col-lg-11,  .vc_col-xs-12,  .vc_col-sm-12,  .vc_col-md-12,  .vc_col-lg-12  {
    padding-left:  0px !important;
    padding-right:  0px !important;
}
.vc_row  {
    margin-left:  0px !important;
    margin-right:  0px !important;
}
.widget  {
        float:  left;
        margin-top:  50px;
        width:  100%;
}
/* Widget Tag Cloud */.tagcloud  {
        float:  left;
        margin-top:  -10px;
        width:  100%;
}
.tagcloud a:hover {
    	color: #fff;
}
.tagcloud a  {
        border:  1px solid #e8ecec;
        color:  #6d6d6d;
        float:  left;
        font-family:  Roboto;
        font-size:  13px !important;
        	-webkit-border-radius:  3px;
        -moz-border-radius:  3px;
        -ms-border-radius:  3px;
        -o-border-radius:  3px;
        border-radius:  3px;
    	    -webkit-transition:  all 0.4s ease 0s;
        -moz-transition:  all 0.4s ease 0s;
        -ms-transition:  all 0.4s ease 0s;
        -o-transition:  all 0.4s ease 0s;
        transition:  all 0.4s ease 0s;
    	    padding:  6px 9px;
        margin-top:  10px;
        margin-right:  10px;
}
.tagcloud a:hover {
    	color: #fff;
}
/* Widgets Archive and Categories */.widget_archive > ul,  .widget_categories > ul {
        float:  left;
        list-style:  none outside none;
        margin:  0;
        padding:  0;
        width:  100%;
}
.widget_archive > ul > li,  .widget_categories > ul > li  {
        border-bottom:  1px dashed #e8ecec;
        color:  #999999;
        float:  left;
        font-family:  roboto;
        font-size:  12px;
        letter-spacing:  0.3px;
        padding:  7px 0;
        position:  relative;
        text-align:  right;
        width:  100%;
}
.widget_archive > ul > li:first-child ,  .widget_categories > ul > li:first-child {
        padding-top:  0;
}
.widget_archive > ul > li:last-child,  .widget_categories > ul > li:last-child  {
        border:  medium none;
        padding-bottom:  0;
}
.widget_archive  ul  li  a,  .widget_categories  ul  li  a  {
        color:  #565656;
        float:  left;
        font-family:  roboto;
        font-size:  13px;
        letter-spacing:  0.3px;
        padding-left:  30px;
        position:  relative;
        text-align:  left;
        	-webkit-transition:  all 0.4s ease 0s;
        -moz-transition:  all 0.4s ease 0s;
        -ms-transition:  all 0.4s ease 0s;
        -o-transition:  all 0.4s ease 0s;
        transition:  all 0.4s ease 0s;
    	    width:  85%;
}
.widget_archive > ul > li > a::before,  .widget_categories > ul > li > a::before  {
        color:  #565656;
        content:  "";
        font-family:  themify;
        font-size:  8px;
        left:  0;
        position:  absolute;
        top:  6px;
        transition:  all 0.4s ease 0s;
}
.widget_archive > ul > li > a:hover:before,  .widget_categories > ul > li > a:hover:before  {
        left:  10px;
}
/* Widget Archive Select */.widget_archive > select,  .widget_categories > select,  .widget_product_categories > select  {
        border:  1px solid #e8ecec;
        	-webkit-border-radius:  3px;
        -moz-border-radius:  3px;
        -ms-border-radius:  3px;
        -o-border-radius:  3px;
        border-radius:  3px;
    	    color:  #777777;
        float:  left;
        font-family:  roboto;
        font-size:  13px;
        height:  40px;
        letter-spacing:  0.3px;
        padding-left:  10px;
        width:  100%;
}
/* Widget Calendar */#calendar_wrap  {
        float:  left;
        width:  100%;
}
#calendar_wrap > table  {
        float:  left;
        width:  100%;
}
#calendar_wrap > table > caption  {
        background:  none repeat scroll 0 0 #fafafa;
        font-family:  roboto;
        font-size:  15px;
        font-weight:  600;
        padding:  6px 18px;
}
#calendar_wrap > table > thead  {
       width:  100%;
}
#calendar_wrap > table > thead > tr > th  {
    	background:  none repeat scroll 0 0 #f3f3f3;
        border-right:  1px solid #e8e8e8;
        font-family:  roboto;
        font-size:  13px;
        font-weight:  normal;
        padding:  5px 0;
        text-align:  center;
}
#calendar_wrap > table > tbody > tr > td.pad  {
    	background:  none repeat scroll 0 0 #fdfdfd;
}
#calendar_wrap > table > tbody > tr > td  {
       background:  none repeat scroll 0 0 #fafafa;
        border:  1px solid #e8ecec;
        color:  #888;
        font-family:  roboto;
        font-size:  12px;
        padding:  4px 0;
        text-align:  center;
}
#calendar_wrap > table > tbody > tr > td > a  {
        	-webkit-border-radius:  10px;
        -moz-border-radius:  10px;
        -ms-border-radius:  10px;
        -o-border-radius:  10px;
        border-radius:  10px;
    	    color:  #ffffff;
        float:  left;
        width:  100%;
}
#calendar_wrap > table > tfoot > tr > td  {
       background:  none repeat scroll 0 0 #fafafa;
        border:  1px solid #e8ecec;
        font-family:  roboto;
        font-size:  13px;
        text-align:  center;
}
#calendar_wrap > table > tfoot > tr > td > a {
    	color: #555555;
}
/* Widget main Menu */.widget_nav_menu .menu-main-menu-container > ul,  .widget_pages > ul {
        float:  left;
        list-style:  none outside none;
        margin:  0;
        padding:  0;
        width:  100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li,  .widget_pages > ul > li  {
        float:  left;
        width:  100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li ul li,  .widget_pages > ul > li ul li  {
        float:  left;
        list-style:  none outside none;
        width:  100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li ul,  .widget_pages > ul > li ul  {
        float:  left;
        margin:  0;
        width:  100%;
}
.widget_nav_menu .menu-main-menu-container ul li a,  .widget_pages > ul li a  {
        border-bottom:  1px dashed #e8ecec;
        color:  #565656;
        float:  left;
        font-family:  roboto;
        font-size:  13px;
        letter-spacing:  0.3px;
        padding:  8px 0;
        position:  relative;
        text-align:  left;
        	-webkit-transition:  all 0.4s ease 0s;
        -moz-transition:  all 0.4s ease 0s;
        -ms-transition:  all 0.4s ease 0s;
        -o-transition:  all 0.4s ease 0s;
        transition:  all 0.4s ease 0s;
    	    width:  100%;
}
.widget_nav_menu .menu-main-menu-container ul li ul li a:before,  .widget_pages > ul li ul li a:before  {
        color:  #999;
        content:  "";
        font-family:  fontawesome;
        font-size:  12px;
        left:  -15px;
        margin-top:  -9px;
        position:  absolute;
        top:  50%;
}
/* Widget Metas */.widget_meta > ul  {
        float:  left;
        list-style:  none outside none;
        margin:  -10px 0 0;
        padding:  0;
        width:  100%;
}
.widget_meta > ul > li  {
        float:  left;
        width:  100%;
}
.widget_meta > ul > li > a  {
        color:  #565656;
        float:  left;
        font-family:  roboto;
        font-size:  13px;
        letter-spacing:  0.3px;
        margin-top:  10px;
        width:  100%;
}
/* Widget Recent Comment */.widget_recent_comments > ul  {
        float:  left;
        list-style:  none outside none;
        margin:  0;
        padding:  0;
        width:  100%;
}
.widget_recent_comments > ul > li  {
        border:  1px solid #e8ecec;
        	-webkit-box-shadow:  0 0 16px rgba(0,  0,  0,  0.01) inset;
        -moz-box-shadow:  0 0 16px rgba(0,  0,  0,  0.01) inset;
        -ms-box-shadow:  0 0 16px rgba(0,  0,  0,  0.01) inset;
        -o-box-shadow:  0 0 16px rgba(0,  0,  0,  0.01) inset;
        box-shadow:  0 0 16px rgba(0,  0,  0,  0.01) inset;
    	    float:  left;
        margin-top:  -1px;
        padding:  10px;
        width:  100%;
}
.widget_recent_comments > ul > li > a  {
        color:  #666666;
        float:  left;
        font-family:  roboto;
        font-size:  13px;
        letter-spacing:  0.3px;
        line-height:  21px;
        width:  100%;
    	-webkit-transition:  all 0.4s ease 0s;
        -moz-transition:  all 0.4s ease 0s;
        -ms-transition:  all 0.4s ease 0s;
        -o-transition:  all 0.4s ease 0s;
        transition:  all 0.4s ease 0s;
    	}
.widget_recent_comments > ul > li  {
        border:  1px solid #e8ecec;
        	-webkit-box-shadow:  0 0 16px rgba(0,  0,  0,  0.01) inset;
        -moz-box-shadow:  0 0 16px rgba(0,  0,  0,  0.01) inset;
        -ms-box-shadow:  0 0 16px rgba(0,  0,  0,  0.01) inset;
        -o-box-shadow:  0 0 16px rgba(0,  0,  0,  0.01) inset;
        box-shadow:  0 0 16px rgba(0,  0,  0,  0.01) inset;
    	    color:  #999999;
        float:  left;
        font-family:  roboto;
        font-size:  12px;
        letter-spacing:  0.3px;
        margin-top:  -1px;
        padding:  10px;
        text-align:  left;
        width:  100%;
}
/* Widget Recent Entries */.widget_recent_entries ul  {
        float:  left;
        list-style:  none outside none;
        margin:  0;
        padding:  0;
        width:  100%;
    	margin-top: -10px;
}
.widget_recent_entries ul li  {
        border-left:  3px solid #e8ecec;
        float:  left;
        margin-top:  10px;
        padding:  0 0 0 20px;
        width:  100%;
    	transition: all 0.4s ease 0s;
}
.widget_recent_entries ul li > a  {
        color:  #565656;
        float:  left;
        font-family:  roboto;
        font-size:  13px;
        letter-spacing:  0.3px;
        line-height:  19px;
        margin-bottom:  8px;
        width:  100%;
    		-webkit-transition: All 0.4s ease 0s;
    	-moz-transition: All 0.4s ease 0s;
    	-ms-transition: All 0.4s ease 0s;
    	-o-transition: All 0.4s ease 0s;
    	transition: All 0.4s ease 0s;
}
.widget_recent_entries ul li > span  {
        color:  #888888;
        float:  left;
        font-family:  roboto;
        font-size:  10px;
        letter-spacing:  0.3px;
        width:  100%;
}
/* Widget Tag Cloud */.widget_tag_cloud a  {
        color:  #565656;
        font-family:  lato;
        letter-spacing:  0.3px;
    	    -webkit-transition:  all 0.4s ease 0s;
        -moz-transition:  all 0.4s ease 0s;
        -ms-transition:  all 0.4s ease 0s;
        -o-transition:  all 0.4s ease 0s;
        transition:  all 0.4s ease 0s;
}
/* Widget Text */.widget_text p  {
        color:  #565656;
        float:  left;
        font-family:  roboto;
        font-size:  13px;
        letter-spacing:  0.3px;
        line-height:  22px;
        margin:  0;
        width:  100%;
}
.widget_text p img,  .widget_text a img  {
        -webkit-border-radius:  3px;
        -moz-border-radius:  3px;
        -ms-border-radius:  3px;
        -o-border-radius:  3px;
        border-radius:  3px;
    	    float:  left;
        margin-top:  15px;
        width:  100%;
}
.widget_text p img.wp-smiley  {
        float:  none;
        width:  auto;
}
.textwidget form  {
        float:  left;
        width:  100%;
}
.textwidget form select  {
        float:  left;
        margin-top:  10px;
        width:  100%;
}
.single-post  {
        float:  left;
        width:  100%;
}
.widget-title  {
        color:  #333333;
        float:  left;
        font-family:  intro;
        font-size:  20px;
        margin:  0 0 25px;
        padding-bottom:  14px;
        position:  relative;
        text-transform:  uppercase;
        width:  100%;
}
.widget-title a {
    	 color:  #333333;
}
.widget-title::before  {
        background:  none repeat scroll 0 0 #e4e4e4;
        bottom:  0;
        content:  "";
        height:  3px;
        left:  0;
        position:  absolute;
        width:  50px;
}
.searchform  {
        background:  none repeat scroll 0 0 #fafafa;
        float:  left;
        padding:  10px;
        width:  100%;
}
.searchform > input  {
        background:  none repeat scroll 0 0 #ffffff;
        border:  medium none;
        color:  #444444;
        float:  left;
        font-family:  Roboto;
        font-size:  12px;
        letter-spacing:  0.3px;
        padding:  10px 20px;
        width:  100%;
}
.tagcloud a:hover  {
        color:  #fff;
}
.recentcomments a  {
        color:  #868686;
}
cite.fn a, cite.fn {
    float: left;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 12px;
    margin-right: 10px;
	margin-top: 5px;
}
cite.fn a{
	margin-top: 0px;
}
.says  {
        color:  #666666;
        font-family:  Lato;
        font-size:  13px;
        margin:  0 0 0 8px;
}
.comment-meta.commentmetadata  {
        float:  right;
        margin:  -27px 0 10px;
}
.comment-meta.commentmetadata a  {
        color:  #777777;
        font-family:  Lato;
        letter-spacing:  0.3px;
}
.widget_rss > ul  {
        float:  left;
        list-style:  outside none none;
        margin:  0;
        padding:  0;
        width:  100%;
}
.widget_rss > ul li {
        border:  1px solid #e8ecec;
        box-shadow:  0 0 16px rgba(0,  0,  0,  0.01) inset;
        color:  #999999;
        float:  left;
        font-family:  roboto;
        font-size:  12px;
        letter-spacing:  0.3px;
        margin-top:  -1px;
        padding:  10px;
        text-align:  left;
        width:  100%;
}
.widget_rss > ul li > a  {
        color:  #666666;
        float:  left;
        font-family:  roboto;
        font-size:  13px;
        letter-spacing:  0.3px;
        line-height:  21px;
        transition:  all 0.4s ease 0s;
        width:  100%;
}
.widget_nav_menu .menu  {
        float:  left;
        list-style:  outside none none;
        margin:  0;
        opacity:  1;
        padding:  0;
        width:  100%;
}
.widget_nav_menu .menu > li a  {
        color:  #565656;
        float:  left;
        font-family:  roboto;
        font-size:  13px;
        padding:  13px 0;
        width:  100%;
}
.widget_nav_menu .menu > li ul  {
        list-style:  outside none none;
        padding-left:  20px;
}
.widget_nav_menu .menu > li  {
        float:  left;
        width:  100%;
}
.comment-reply-title  {
        color:  #232323;
        float:  left;
        font-family:  Intro;
        font-size:  15px;
        width:  100%;
}
.pagination  {
        float:  left;
        margin-bottom:  0;
        margin-top:  50px;
        text-align:  center;
        width:  100%;
}
.pagination > li  {
        display:  inline-flex;
        margin:  0 -1px;
}
.pagination > li a,  .pagination > li span  {
        color:  #444444;
        font-family:  Lato;
        font-size:  12px;
        font-weight:  600;
        letter-spacing:  0.3px;
        text-transform:  uppercase;
}
.theme-layout .vc_carousel .vc_carousel-control  {
        background:  #555555 none repeat scroll 0 0;
        border-radius:  3px;
        color:  #ffffff;
        height:  50px;
        line-height:  50px;
        text-align:  center;
        text-shadow:  0 0;
        width:  50px;
}
.theme-layout .vc_carousel .vc_carousel-control > span  {
        bottom:  auto;
        float:  left;
        height:  100%;
        left:  auto;
        line-height:  50px;
        margin:  0;
        position:  relative;
        text-align:  center;
        width:  100%;
}
.theme-layout .wpb_toggle_content  {
        background:  #ffffff none repeat scroll 0 0;
        float:  left;
        padding:  20px 30px;
        width:  100%;
}
.page .theme-layout .wpb_accordion .ui-accordion-header span  {
        float:  right;
        margin:  10px 13px;
}
.theme-layout  .wpb_toggle  {
        background-color:  #ffffff;
        background-position:  24px 17px;
        border:  1px solid #e8ecec;
        float:  left;
        font-family:  Lato;
        font-size:  15px;
        padding:  16px 40px 16px 63px;
        width:  100%;
}
.page .theme-layout .wpb_accordion .ui-accordion-header a  {
        color:  #333333;
        float:  left;
        font-size:  13px;
        letter-spacing:  0.3px;
        padding:  0;
}
.page .theme-layout .wpb_accordion .ui-accordion-header  {
        float:  left;
        padding-left:  30px;
}
.theme-layout  .wpb_alert > div  {
        float:  left;
        width:  100%;
}
.theme-layout .wpb_toggle,  .page .theme-layout .wpb_accordion .ui-accordion-header  {
        background-color:  #ffffff;
        border:  1px solid #e8ecec;
        float:  left;
        font-family:  Lato;
        padding:  16px 40px 16px 80px;
        width:  100%;
}
.theme-layout .wpb_tour_tabs_wrapper > ul > li  {
        clear:  none;
        float:  left;
        width:  auto;
}
.theme-layout .wpb_tour_next_prev_nav span a  {
        color:  #333333;
        font-family:  Lato;
        font-size:  15px;
        letter-spacing:  0.3px;
}
.theme-layout .wpb_tour_next_prev_nav  {
        float:  left;
        margin:  30px 0 0;
        padding:  0;
        width:  100%;
}
.page .theme-layout .wpb_tour_tabs_wrapper > ul > li.ui-tabs-active a  {
        color:  #ffffff;
}
.page .theme-layout .wpb_tour_tabs_wrapper > .ui-tabs-panel  {
        background:  #ffffff none repeat scroll 0 0 !important;
        float:  left;
        margin-top:  20px;
        padding:  30px;
        width:  100%;
}
.vc_progress_bar  {
        font-family:  Lato;
        font-size:  15px;
        letter-spacing:  0.3px;
}
.page .theme-layout .wpb_tour_tabs_wrapper > ul > li a  {
        background:  #ffffff none repeat scroll 0 0;
        color:  #444444;
        float:  left;
        font-family:  Lato;
        font-size:  14px;
        letter-spacing:  0.3px;
        padding:  15px 30px;
}
.theme-layout .wpb_tour_tabs_wrapper > ul  {
        float:  left;
        width:  100%;
}
.theme-layout .vc_separator h4  {
        color:  #555555;
        font-size:  16px;
        letter-spacing:  0.3px;
}
.theme-layout  .wpb_alert  {
        float:  left;
        width:  100%;
}
.theme-layout .vc_carousel .vc_carousel-control > span::before  {
        bottom:  auto;
        top:  -27px;
}
.theme-layout .wpb_tour_tabs_wrapper  {
        float:  left;
        width:  100%;
}
/* =WordPress Core-------------------------------------------------------------- */.alignnone  {
        margin:  5px 20px 20px 0;
}
.aligncenter, div.aligncenter  {
        display:  block;
        margin:  5px auto 5px auto;
}
.alignright  {
        float: right;
        margin:  5px 0 20px 20px;
}
.alignleft  {
        float:  left;
        margin:  5px 20px 20px 0;
}
a img.alignright  {
        float:  right;
        margin:  5px 0 20px 20px;
}
a img.alignnone  {
        margin:  5px 20px 20px 0;
}
a img.alignleft  {
        float:  left;
        margin:  5px 20px 20px 0;
}
a img.aligncenter  {
        display:  block;
        margin-left:  auto;
        margin-right:  auto;
}
.wp-caption  {
        background:  #fff;
        max-width:  96%;
     / Image does not overflow the content area /    padding:  5px 3px 10px;
        text-align:  center;
}
.wp-caption.alignnone  {
        margin:  5px 20px 20px 0;
}
.wp-caption.alignleft  {
        margin:  5px 20px 20px 0;
}
.wp-caption.alignright  {
        margin:  5px 0 20px 20px;
}
.wp-caption img  {
        border:  0 none;
        height:  auto;
        margin:  0;
        max-width:  98.5%;
        padding:  0;
        width:  auto;
}
.wp-caption p.wp-caption-text  {
        font-size:  11px;
        line-height:  17px;
        margin:  0;
        padding:  0 4px 5px;
}
/ Text meant only for screen readers. /.screen-reader-text  {
     clip:  rect(1px,  1px,  1px,  1px);
     position:  absolute !important;
     height:  1px;
     width:  1px;
     overflow:  hidden;
}
.single-post h1,  .single-post h2,  .single-post h3,  .single-post h4,  .single-post h5,  .single-post h6  {
        float:  left;
        font-family:  intro;
        text-align:  left;
        width:  100%;
}
.single-post .blog > p  {
        text-align:  left;
}
.single-post img[title="Image Alignment 1200x400"]  {
        float:  left;
        max-width:  100%;
        width:  100%;
}
.single-post .wp-caption.alignnone  {
        float:  left;
        margin:  0;
        max-width:  100%;
}
.comment-sec ul li.comment  {
        min-height:  88px;
}
blockquote cite  {
        float:  left;
        width:  100%;
}
table  {
        border:  1px solid #f0f0f0;
        color:  #888888;
        float:  left;
        line-height:  33px;
        text-align:  center;
        width:  100%;
}
thead  {
        color:  #333;
        text-align:  center;
}
table th  {
        border:  1px solid #f0f0f0;
        text-align:  center;
}
td  {
        border:  1px solid #f0f0f0;
        font-size:  12px;
        line-height:  30px;
}
dt, dd  {
        color:  #777;
        font-family:  roboto;
        font-size:  13px;
        line-height:  25px !important;
    	letter-spacing: 0.30px;
}
pre  {
        float:  left;
        text-align:  left;
        width:  100%;
}
.alignleft  {
        float:  left;
        margin-right:  20px;
}
.alignright  {
        float:  right;
        margin-left:  20px;
}
.aligncenter  {
        margin:  0 auto;
}
.page-numbers  {
        float:  left;
        width:  100%;
}
.twitter-tweet.twitter-tweet-rendered  {
        float:  left;
        width:  100% !important;
}
.single-post > ul  {
        float:  left;
        text-align:  left;
        width:  100%;
}
.single-post > ul li  {
        font-family:  roboto;
}
.single-post > ul ul  {
        padding-bottom:  5px;
        padding-left:  20px;
        padding-top:  5px;
}
.single-post > ol  {
        font-family:  roboto;
        padding:  0 0 0 19px;
        text-align:  left;
        width:  100%;
}
.single-post > ol ol  {
        padding-bottom:  5px;
        padding-left:  20px;
        padding-top:  5px;
}
/* Theme Test Unit */.wp-caption {
}
 .wp-caption-text {
}
 .gallery-caption {
}
.bypostauthor {
}
.alignright {
}
.alignleft {
}
.aligncenter {
}
.post.sticky > div > div  {
        float:  left;
        width:  100%;
}
.screen-reader-text:focus  {
     background-color:  #f1f1f1;
     border-radius:  3px;
     box-shadow:  0 0 2px 2px rgba(0,  0,  0,  0.6);
     clip:  auto !important;
     color:  #21759b;
     display:  block;
     font-size:  14px;
     font-size:  0.875rem;
     font-weight:  bold;
     height:  auto;
     left:  5px;
     line-height:  normal;
     padding:  15px 23px 14px;
     text-decoration:  none;
     top:  5px;
     width:  auto;
     z-index:  100000;
}
table th a  {
        color:  #444444;
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok  {
        background:  #ffffff none repeat scroll 0 0 !important;
        border-color:  #e8ecec;
        color:  #333333;
        float:  left;
        margin:  0;
        width:  100%;
}
.trial-form div.wpcf7  {
        float:  left;
        padding:  50px 40px 20px;
        width:  100%;
}
.trial-form > p  {
        margin-bottom:  -10px;
        margin-top:  60px;
        text-align:  center;
}
.inner-head > h2  {
        text-align:  center;
}
.not-found-message  {
        border-bottom:  1px solid #e8ecec;
        margin-top:  30px;
        padding-bottom:  20px;
}
.page-template-default p  {
        margin-bottom:  20px;
}
.single-post .blog > p  {
        margin-bottom:  20px;
}
.single-post .blog-post-sec  {
        padding:  0;
}
.isotope-item {
          z-index:  2;
}
.isotope-hidden.isotope-item  {
      pointer-events:  none;
      z-index:  1;
}
.isotope, .isotope .isotope-item  {
      -webkit-transition-duration:  0.8s;
         -moz-transition-duration:  0.8s;
          -ms-transition-duration:  0.8s;
           -o-transition-duration:  0.8s;
              transition-duration:  0.8s;
}
.isotope  {
      -webkit-transition-property:  height,  width;
         -moz-transition-property:  height,  width;
          -ms-transition-property:  height,  width;
           -o-transition-property:  height,  width;
              transition-property:  height,  width;
}
.isotope .isotope-item  {
      -webkit-transition-property:  -webkit-transform,  opacity;
         -moz-transition-property:     -moz-transform,  opacity;
          -ms-transition-property:      -ms-transform,  opacity;
           -o-transition-property:       -o-transform,  opacity;
              transition-property:          transform,  opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition  {
      -webkit-transition-duration:  0s;
         -moz-transition-duration:  0s;
          -ms-transition-duration:  0s;
           -o-transition-duration:  0s;
              transition-duration:  0s;
}
.post-cat  {
        float:  left;
        margin-top:  10px;
        text-align:  center;
        width:  100%;
}
.post-cat > a  {
        background:  #fafafa none repeat scroll 0 0;
        color:  #333333;
        display:  inline-block;
        font-family:  Lato;
        font-size:  10px;
        margin:  5px 5px 0;
        padding:  0 13px;
        text-transform:  uppercase;
}
.widget_archive ul li ul,  .widget_categories ul li ul  {
        float:  left;
        list-style:  outside none none;
        padding-left:  30px;
        width:  100%;
}
.widget_archive ul li ul li,  .widget_categories ul li ul li  {
        margin:  12px 0;
}
.masonry  {
        float:  left;
        position:  relative;
        width:  100%;
}
.single-post .post-cat  {
        float:  left;
        margin-bottom:  0;
        margin-top:  30px;
        width:  100%;
}
.single-post .post-cat > a  {
        float:  left;
        margin-left:  0;
}
.comment-navigation  {
        float:  left;
        margin:  0;
        width:  100%;
}
.navigation.comment-navigation  {
        float:  left;
        text-align:  center;
        width:  100%;
}
.navigation.comment-navigation > a,  .navigation.comment-navigation > span  {
        background:  #fafafa none repeat scroll 0 0;
        color:  #333333;
        display:  inline-block;
        float:  none;
        margin:  0 5px;
        padding:  0 12px;
        width:  auto !important;
}
.single-post .blog-post-sec ul,  .single-post .blog-post-sec ol,  .single-post .blog-post-sec dl  {
        float:  left;
        width:  100%;
}
.single-post .blog-post-sec ul li,  .single-post .blog-post-sec ol li,  .single-post .blog-post-sec dl li {
    	float: left;
    	width: 100%;
}

nav {
    transition: all 0.4s ease 0s;
}

header.sticky-header nav {
    opacity: 1;
}

.main-header {
    background: #bababa none repeat scroll 0 0;
}
.blog-post-sec.services::before, .blog-post-sec.services::after {
    display: none;
}
.single-post .blog-post-sec .blog > p {
    display: inline-block;
    float: none;
}
.page-template-front p,
.page-template-default p {
    display: inline-block;
    float: none;
    margin-bottom: 20px;
    width: auto;
}
.comment-sec .comment-notes {
    float: left;
    width: 100%;
}
.comment-sec p {
    float: left;
    width: 100%;
}
.wpcf7 form > p {
    width: 100%;
}