/*
Theme Name: Kvcodes 2016
Theme URI: http://www.kvcodes.com
Author: kvvaradha
Version: 1.0.0
*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure{margin:0;padding:0;}
img, fieldset{border:0;}
figure{line-height:0;}
big{font-size:inherit;}
img{max-width:100%;height:auto;-moz-box-sizing:border-box;box-sizing:border-box;}
@media \0screen{img{width:auto;}
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
audio{max-width:100%;}
iframe{max-width:100%;margin:0 0 30px;}
code,
pre code{background:#fffac2;color:#333;padding:3px 10px;font:.85em/1.7em Monaco, 'Courier New', monospace;}
pre code{overflow-x:auto;padding:10px 15px;margin:30px 0;clear:both;display:block;}
body{font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;color:#666;word-wrap:break-word;font-size:16px;line-height:28px;-webkit-transition:margin-top 0.5s;-moz-transition:margin-top 0.5s;-o-transition:margin-top 0.5s;transition:margin-top 0.5s;}
#icon-left, #icon-right{display:none;}
.footer-widget-container ul{margin:0;}
.footer-widget-container ul li{width:45%;margin-left:2%;float:right;}
.dark_grey li .widget_text{float:right;}
.dark_grey li .widget_text h3{margin-left:6%;}
.widget-top h3{padding-left:10px;}
#sidebar div.widget{margin-bottom:5px;}
#sidebar .widget_tag_cloud{padding:5px;}
#cbp-spmenu-s2 #sidebar div.widget{border:none;}
#crumbs{line-height:50px;}
h1.post-title{margin-left:0;padding-left:0;font-family:'PT Sans';}
#main-content .entry{padding-right:1%;text-align:justify;}
.desktop-sidebar{display:block;}
.post-thumbnail{width:auto;float:left;padding-right:8px;}
.related-item .post-thumbnail{float:none;}
#headerwrap .pagewidth, #footerwrap .pagewidth{background-color:#343D46!important;border:none;box-shadow:none;margin-bottom:-1px !important;margin-top:0 !important;}
#footerwrap .pagewidth{border-top-left-radius:6px;border-top-right-radius:6px;}
.dark_grey .pagewidth{background-color:#414a52;}
.dark_grey a, #header a{color:#C5C3C3;}
.dark_grey a:hover, #header a:hover{color:#fff;}
.exceprt_article > .post-thumbnail .entry{padding-left:5px;}
a{color:#4dbdeb;;text-decoration:none;}
a:hover{color:#000;}
figure a{border-bottom:none !important;}
p{margin:.2em 0 0.2em;padding:0;}
small,
.small{font-size:87%;}
strong{color:#000;}
blockquote{font:italic 110%/130% "Times New Roman", Times, serif;padding:8px 30px 15px;}
ins{text-decoration:none;}
ul, ol{margin:0 0 2.5em 24px;padding:0;}
li{margin:0 0 .5em 0;padding:1em 0 0 0;}
ul.border,
ul.check,
ul.cross{margin-left:0;}
.border li,
.check li,
.cross li{border-top:1px #f2f2f2 solid;padding:.9em 0 .9em 2em;list-style:none;margin:0;text-indent:-2em;line-height:1.8em;-moz-box-sizing:border-box;box-sizing:border-box;}
.check li:first-child,
.cross li:first-child{border-top:none;}
.check li:before,
.cross li:before{font-size:.875em;color:#7f7f7f;margin-right:1em;}
.check li:before{content:"\e805";}
.cross li:before{content:"\e800";font-size:1em;}
ul.rule,
ol.rule{padding:20px 0 40px;margin:0;}
.rule li{list-style:none;padding:.6em 0;margin:0;border-bottom:1px #eee solid;}
h1, h2, h3, h4, h5, h6{line-height:1.4em;margin:15px 0 15px;color:#000;}
h1{font-size:3.2em;margin:0 0 .5em;line-height:1.2em;letter-spacing:-1px;}
h2{font-size:1.35em;line-height:1.6em;color:inherit;margin:0 0 0.6em;}
h3{font-size:1.9em;font-weight:300;margin:0.4em 0 0.3em;}
h4{font-family:'Play', sans-serif;text-decoration:none;font-size:16px;letter-spacing:1px;}
.dark_grey h3{color:#fff !important;}
h5{font-size:1.2em;}
h6{font-size:1em;}
input, textarea, select, input[type=search], button{font-size:100%;font-family:inherit;outline:none;}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[url], select{background:rgba(245, 245, 245, 0.48);color:#000;border:1px solid #DBE3E3;padding:12px 15px;}
input[type=text], input[type=search], input[type=email], input[url], select, textarea{width:60%;max-width:90%;}
select{width:62.5%;}
label{margin-left:5px;}
div.form_sumitted{padding:1%;}
div.success{background-color:#BBF6E2;border:1px solid #01BE47;margin-top:10px;padding:8px;}
.error{background-color:#FAFFBD;border:1px solid #DAAAAA;color:#D8000C;margin-top:20px; padding: 8px; }
.error li { padding:0;}.error li strong {color: #F44336;}
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[url]:focus, select:focus{outline:none;color:#333;}
input[type=reset], input[type=submit], button{color:#fff;border:none;cursor:pointer;-webkit-appearance:none;}
select{cursor:pointer;}
select::-ms-expand{display:none;}
.selectwrapper{position:relative;display:block !important;padding:0 !important;margin:0;float:none !important;background:transparent;}
.selectwrapper:before{font-family:fontello;position:absolute;top:50%;right:15px;margin-top:-10px;color:#aaa;content:'\e804';font-size:1.5em;line-height:1em;z-index:1;}
.selectwrapper:after{position:absolute;top:0;left:0;height:100%;background-color:#eaf3f7 !important;border-radius:2px;z-index:0;width:100%;content:'';z-index:0;}
.selectwrapper:hover:before,
.selectwrapper.clicked:before{color:#000;}
.pagewidth{width:1700px;max-width:100%;margin:0 auto;position:relative;}
#no_mobile{display:none;}
#content,
#sidebar{padding:0 0 2%;}
.fullwidth #content{width:auto;float:none;}
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1,
.grid4 > li,
.grid4 .post,
.grid3 > li,
.grid2 > li,
.grid3 .post,
.grid2 .post{margin-left:4.2%;float:left;-moz-box-sizing:border-box;box-sizing:border-box;}
.grid4 > li,
.col4-1,
.grid4 .post{width:21.84%;}
.col4-2,
.col2-1,
.grid2 > li,
.grid2 .post{width:47.89%;}
.col4-3{width:65.2%;}
.grid3 > li,
.col3-1,
.grid3 .post{width:30.52%;}
.col3-2{width:65.2%;}
.col4-3{width:73.9%;}
.col.first,
.col4-1.first,
.col4-2.first,
.col4-3.first,
.col3-1.first,
.col3-2.first,
.col2-1.first,
.grid4 > li:nth-of-type(4n+1),
.grid3 > li:nth-of-type(3n+1),
.grid2 > li:nth-of-type(2n+1),
.grid4 .post:nth-of-type(4n+1),
.grid3 .post:nth-of-type(3n+1),
.grid2 .post:nth-of-type(2n+1){margin-left:0 !important;clear:left;}
ul.grid4,
ul.grid3,
ul.grid2,
ol.grid4,
ol.grid3,
ol.grid2{list-style:none;margin:0;}
#headerwrap{position:fixed;z-index:1001;top:0;left:0;width:100%;background:#343D46!important;box-shadow:0 0 5px #CACACA;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
#header{position:relative;height:80px;padding-top:35px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
@-webkit-keyframes animate_headerwrap{0%{top:-115px;opacity:0;}
50%{top:0;opacity:1;}
}
@keyframes animate_headerwrap{0%{top:-115px;opacity:0;}
50%{top:0;opacity:1;}
}
#headerwrap{-webkit-animation:animate_headerwrap .5s;-moz-animation:animate_headerwrap .5s;animation:animate_headerwrap .5s;border-bottom:1px #efefef solid;border-color:rgba(0,0,0,.1);}
@-webkit-keyframes animate_headerwrap_promo_bar{0%{top:-115px;opacity:0;}
50%{top:0;opacity:1;}
}
@keyframes animate_headerwrap_promo_bar{0%{top:-115px;opacity:0;}
50%{top:60px;opacity:1;}
}
.promo-bar-on #headerwrap{-webkit-animation:animate_headerwrap_promo_bar .5s;-moz-animation:animate_headerwrap_promo_bar .5s;animation:animate_headerwrap_promo_bar .5s;}
#pagewrap{padding-top:115px;}
#headerwrap.fixed-header{opacity:0.85; position:fixed;background:rgba(255,255,255,.95);border-bottom:1px #efefef solid;border-color:rgba(0,0,0,.1);}
.fixed-header #header{padding-top:20px;height:50px;margin-left:0;}
.fixed-header #pluginpress-logo img{width:130px;height:37px;}
.fixed-header #main-nav{top:-8px;}
.admin-bar .fixed-header{top:26px;}
.fixed-header-on .promo-bar{top:-60px;}
#pluginpress-logo img{width:209px;height:57px;margin-top:-5px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
#main-nav{position:absolute;right:0;top:10px;margin:0;font-weight:100;width:auto;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
#main-nav li{margin:0 .7em;list-style:none;display:inline-block;position:relative;padding:20px 0;*display:inline;*zoom:1;}
#main-nav a{color:#C5C3C3;display:block;font-size:1.125em;padding:8px 0;}
#main-nav a:hover{color:#fff;}
#main-nav > .current_page_item a,
#main-nav > .current-menu-item a{border-bottom:1px solid #545E66;color:#4dbdeb;}
#main-nav > li:last-child > a{border-radius:5px;padding:.5em 1em;}
#main-nav > li:last-child:hover > a{border-color:#fff;}
#main-nav ul a,
#main-nav .current_page_item ul a,
#main-nav ul .current_page_item a,
#main-nav .current-menu-item ul a,
#main-nav ul .current-menu-item a{padding:10px 0;margin:0;display:block;width:140px;background:none;font-size:.95em;}
#main-nav .current-menu-item ul a{border-bottom:none;}
#main-nav ul{margin:0 0 0 -86px;padding:5px 15px;min-width:150px;list-style:none;position:absolute;background:#343D46;border:1px solid #545E66;z-index:100;visibility:hidden;margin-top:20px;left:50%;top:75px;text-align:center;border-radius:2px;}
#main-nav ul:after, #main-nav ul:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;bottom:100%;position:absolute;pointer-events:none;}
#main-nav ul:after{border-bottom-color:#fff;border-width:10px;left:50%;margin-left:-10px;}
#main-nav ul:before{border-bottom-color:#ddd;border-width:12px;left:50%;margin-left:-12px;}
#main-nav ul li{background:none;margin:0;float:none;border-top:1px solid #545E66;padding:0;}
#main-nav ul li:first-child{border:none;}
#main-nav ul a,
#main-nav ul a:hover{border:none;}
#main-nav li:hover > ul{visibility:visible;margin-top:0;}
.kv_gplus_page div{float:right !important;}
#menu-icon,
#menu-icon-close{display:none;}
#menu-icon:after{content:'\e806';}
#searchform{position:relative;margin-top:10px;}
#searchform:before{content:"\f002";position:absolute;top:14px;left:0;font-size:1.5em;color:#ccc;}
#searchform #s{color:#cbcbcb;background:#fff;border:none;border-bottom:#ddd 1px solid;border-radius:0;font-size:1.25em;font-weight:100;padding:0 15px 0 40px;width:75%;height:50px;}
#searchform #s:focus{color:#000;border-color:#000;}
.image-circle img{border-radius:100%;}
.image-rounded img{border-radius:10px;}
.image-left,
.image-right{margin:2% auto 8% !important;display:inline-block !important;}
.image-left figure{float:left;margin-right:7%;}
.image-right figure{float:right;margin-left:7%;}
.image-left .image-content,
.image-right .image-content{font-size:1.15em;font-weight:100;line-height:1.7em;overflow:hidden;}
.image-left .image-content{text-align:left;}
.image-right .image-content{text-align:right;}
.section .image-left h2,
.section .image-right h2{padding:0;}
.image-left h3,
.image-right h3{font-family:'Montserrat', sans-serif;font-size:1.875em;letter-spacing:1px;margin:1.3em 0 .6em;}
.theme-frame{border-radius:2px 2px 0 0;border-width:1px 1px 0 1px;border-color:#aaa;border-style:solid;display:block;background:#ececec;text-align:left;display:block;padding:1px 0 2px;}
.theme-frame .dot{width:4px;height:4px;margin-left:3px;background:#aaa;border-radius:100%;display:inline-block;}
#page-single-theme .theme-frame{padding:5px 0;}
#page-single-theme .theme-frame .dot{width:7px;height:7px;margin-left:8px;}
#page-single-theme .tag-button{font-size:.35em;}
.feature-icon{color:#000;font-size:7em;line-height:1em;display:inline-block;}
.lightbox{position:relative;display:inline-block;}
.lightbox .zoom{display:none;}
.lightbox:hover .zoom{display:block;background:#fff;position:absolute;left:50%;top:50%;width:34px;height:38px;border-radius:100%;padding:16px 18px 17px;margin:-37px 0 0 -32px;font-size:2.3em;line-height:1em;color:#7f7f7f;}
.lightbox .zoom:after{content:"\f002";line-height:1;}
.purple{background:#654e9c;color:#c1b8d7;}
.purple.button:hover,
.purple.banner:hover{background:rgba(101,78,156,.6);}
.purple h1{color:#fff;}
.blue{background:rgba(19, 192, 225, 0.25);color:#bae7f3 !important;}
.blue.button:hover,
.blue.banner:hover{background:rgba(19,192,225,.6);}
.light-blue{background:#adebfc;color:#5d818b;}
.light-blue.button:hover,
.light-blue.banner:hover{background:rgba(173,235,252,.6);}
.light-blue h2,
.light-blue a:hover{color:inherit;}
.light-blue a{color:#000;}
.sky-blue{background:#74d7fc;color:#326477 !important;}
.sky-blue.button:hover,
.sky-blue.banner:hover{background:rgba(116,215,252,.6);}
.teal{background:#bbebed;color:#668182;}
.teal.button:hover,
.teal.banner:hover{background:rgba(187,235,237,.6);}
.teal h2,
.teal a:hover{color:inherit;}
.teal a{color:#3e5051;}
.white{background:#fff;}
.white.button:hover,
.white.banner:hover{background:rgba(255,255,255,.6);}
.white h2,
.white a:hover{color:inherit;}
.white a{color:#000;}
.yellow{background:#fdd761;color:#715f29;}
.yellow.button:hover,
.yellow.banner:hover{background:rgba(253,215,97,.6);}
.yellow h2,
.yellow a:hover{color:inherit;}
.yellow a{color:#000;}
.green{background:#01bd5d;color:#c6f3d6 !important;}
.green.button:hover,
.green.banner:hover{background:rgba(1,189,93,.6);}
.apple-green{background:#73b70b;color:#c4dfaa;}
.apple-green.button:hover,
.apple-green.banner:hover{background:rgba(115,183,11,.6);}
.apple-green h1,
.apple-green a{color:#fff;}
.apple-green h2,
.apple-green a:hover{color:#c4dfaa;}
.light-green{background:#c4df9b;color:#677651;}
.light-green.button:hover,
.light-green.banner:hover{background:rgba(196,223,115,.6);}
.light-green h2,
.light-green a:hover{color:inherit;}
.light-green a{color:#000;}
.aqua-green{background:#74e7cf;color:#3a796c;}
.aqua-green.button:hover,
.aqua-green.banner:hover{background:rgba(116,231,207,.6);}
.aqua-green a{color:#000;}
.aqua-green li{border-top:#68cfba 1px solid;}
.aqua-green li:first-child{border-top:none;}
.kiwi-green{background:#acd373;color:#6c8647;}
.kiwi-green.button:hover,
.kiwi-green.banner:hover{background:rgba(172,211,115,.6);}
.turquoise{background:#12cbd6;color:#056f75;}
.turquoise.button:hover,
.turquoise.banner:hover{background:rgba(18,203,214,.6);}
.turquoise h1,
.turquoise a{color:#fff;}
.turquoise h2,
.turquoise a:hover{color:inherit;}
.pink{background:#fa5ba5;color:#fdc6dc !important;}
.pink.button:hover,
.pink.banner:hover{background:rgba(250,91,165,.6);}
.pink h1,
.pink a{color:#fff;}
.pink h2,
.pink a:hover{color:inherit;}
.salmon-pink{background:#fa797d;color:#fddcdd;}
.salmon-pink{background:rgba(250,121,125,.6);}
.salmon-pink h1,
.salmon-pink a{color:#fff;}
.salmon-pink h2,
.salmon-pink a:hover{color:inherit;}
.orange{background:#f06544;color:#fff;}
.orange.button:hover,
.orange.banner:hover{background:rgba(240,101,68,.6);}
.orange h1,
.orange a{color:#fff;}
.orange h2,
.orange a:hover{color:inherit;}
.red{background:#ff5353;color:#fff;}
.red.button:hover,
.red.banner:hover{background:rgba(255,83,83,.6);}
.black{background:#000;color:#999;}
.black.button:hover,
.black.banner:hover{background:rgba(0,0,0,.6);}
.black h1,
.black a{color:#fff;}
.black h2,
.black a:hover{color:inherit;}
.dark_grey{background-color:#414a52;}
.lite_grey, .lite_grey .pagewidth{background-color:#C7C7C7;}
table#create_plugin{border-collapse:separate;border-spacing:0 15px;}
input[type="submit"], input[type="reset"], input[type="button"], .button{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;-moz-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;background-image:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15));background-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15));background-image:-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15));background-image:linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15));background-color:#37c0fb;box-shadow:0 2px 0 #3a5e6d;border-radius:2px;border:0;color:#fff;cursor:pointer;display:inline-block;padding:0 2.5em;line-height:3em;font-size:16px;min-width:9em;text-align:center;text-decoration:none;font-weight:700;letter-spacing:-0.025em;}
.btn,
.button{display:inline-block;padding:0 0.8em;text-transform:Capitalize;text-decoration:none;font-family:inherit;letter-spacing:2px;margin:0 5px 5px;font-weight:bold;background:#33b3ea;color:#fff !important;}
.btn.large,
.button.large{font-size:1.5em;}
.btn.small,
.button.small{font-size:.75em;padding:.2em .8em;letter-spacing:0;font-weight:normal;}
.banner{border-radius:2px;display:block;padding:20px 25px;text-decoration:none;}
.banner h3{font:normal 1.1em/1.5em 'Montserrat', sans-serif;text-transform:none;margin:0 0 5px;color:#fff;}
.banner p{font-size:.875em;margin-bottom:0;}
.banner.social{padding:17px 25px;}
.banner.social h3{margin-bottom:0;text-transform:uppercase;}
.social p{overflow:hidden;}
.social h3:before{font-size:3em;float:left;}
.banner.rss,
.banner.rss:hover{background:#fba924;color:#fff;}
.rss h3:before{content:"\f09e";margin:12px 20px 0 0;}
.banner.facebook,
.banner.facebook:hover{background:#6689d3;color:#fff;}
.facebook h3:before{content:"\f09a";margin:12px 26px 0 10px;}
.banner.twitter,
.banner.twitter:hover{background:#00b9ff;color:#fff;}
.twitter h3:before{content:"\f099";margin:12px 12px 0 0;}
.banner-line{display:block;border-radius:0;text-align:center;padding:32px;text-decoration:none;text-transform:none;font-family:'Open Sans', sans-serif;font-size:1em;letter-spacing:normal;margin:0;color:#999;}
.banner-line strong{font-size:1.5em;margin:0 0 5px;color:#000;text-transform:uppercase;font-family:'Montserrat', sans-serif;letter-spacing:1px;font-weight:normal;display:block;}
.banner-line.apple-green{border:4px solid #c4dfaa;background:#fff;}
.banner-line.apple-green:hover{border:4px solid #73b70b;background:#73b70b;color:#fff;}
.banner-line.apple-green:hover strong{color:#fff;}
.box-content,
.box-link{border-radius:2px;padding:25px;display:block;margin-bottom:30px;}
.box-content a,
.box-link{text-decoration:none;}
.box-content h3,
.box-link h3{font-weight:normal;font-family:'Montserrat', sans-serif;font-size:1.125em;margin-top:0;letter-spacing:1px;}
.box-content p,
.box-link p{font-size:.938em;margin-bottom:0;}
.box-content ul{margin:15px 0 -10px;}
.box-content li{list-style:none;padding:10px 0;margin:0;}
.note{padding:20px 50px 5px 30px;margin:30px 0 40px;border-radius:2px;background:#ffe487;color:#786d45;position:relative;}
.note a{color:#a62429;border-bottom:solid 1px rgba(0,0,0,.1);}
.note a:hover{color:#000;}
.note h3{font-size:1em;font-family:'Montserrat', sans-serif;margin-top:0;}
.note p{margin:0 0 15px;}
.note .close{position:absolute;top:15px;right:20px;font-weight:100;cursor:pointer;}
.note .close:after{content:"\e803";}
.theme-tag{position:absolute;color:#fff;font:.75em/100% 'Montserrat', sans-serif;text-transform:uppercase;margin:0;top:7%;left:-3px;padding:5px 4px 5px 10px;}
.theme-tag:after{left:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-width:11px;top:50%;margin-top:-11px;}
.home .theme-tag{display:none;}
.theme-tag.featured{background:#ff5353;}
.theme-tag.featured:after{border-color:rgba(245, 53, 3, 0);border-left-color:#ff5353;}
.theme-tag.free{background:#1dc871;}
.theme-tag.free:after{border-color:rgba(29, 200, 113, 0);border-left-color:#1dc871;}
.bonus{background:#fff0c4;border-radius:2px;margin:4.5% 0 7%;}
.bonus p{font-size:1.125em;color:#8d846b;margin:0;padding:4px 20px;}
.bonus .bonus-label{position:relative;background:#ff5353;color:#fff;font-family:'Montserrat', sans-serif;text-transform:uppercase;display:inline-block;border-radius:2px 0 0 2px;font-weight:bold;font-size:1.125em;margin:0 25px 0 0;padding:7px 20px;float:left;}
.bonus .bonus-label:after{left:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 83, 83, 0);border-left-color:#ff5353;border-width:8px;top:50%;margin-top:-8px;}
.section{text-align:center;position:relative;width:100%;}
.section .pagewidth{padding:6% 0 5%;}
.section h2{color:inherit;padding:0 5%;}
.section a{border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.section.cutoff .pagewidth{padding-bottom:0;}
.watch-video{font-family:'Montserrat', sans-serif;font-size:1.375em;margin:40px 0 30px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;}
.watch-video:before,
.watch-video:after{text-transform:none;position:relative;top:13px;}
.watch-video:before{content:"\e801";margin-right:15px;}
.watch-video:after{content:"\e802";margin-left:15px;}
.watch-video a{color:#00c0f3;padding-bottom:3px;border-bottom:1px solid #00c0f3;}
.watch-video a:hover{color:#fff;border-color:#fff;}
.animation{background:#000;border-radius:20px 20px 0 0;padding:4% 5% 1%;display:inline-block;width:84%;}
.animation iframe{margin:0;}
.builder-intro{position:relative;}
.builder-intro img{vertical-align:bottom;}
.builder-intro-play{width:210px;height:40px;padding-top:130px;margin:-85px 0 0 -105px;position:absolute;left:50%;top:50%;background:#ec008c;border-radius:3px;font:1em/1em 'Montserrat';letter-spacing:1px;text-transform:uppercase;}
.builder-intro-play:hover{background:#000;}
.builder-intro-play:before{font-family:FontAwesome;content:"\f04b";text-transform:none;position:absolute;top:70px;left:86px;text-align:center;font-size:70px;z-index:100;color:#fff;}
.tag-cloud{line-height:1.7em;font-size:1.2em;text-align:center;}
.tag-cloud a{color:#ccc;margin:0 2px;}
.tag-cloud a:hover{color:#000;}
#page-docs-list .col{margin-left:4.2%;float:left;width:34.3%;}
#page-docs-list .col:last-child{width:22%;}
#page-docs-list h2{border-bottom:1px #eee solid;font-family:'Montserrat', sans-serif;font-size:1.1em;text-transform:uppercase;color:#000;padding-bottom:20px;margin:20px 0 0;}
#page-docs-list ul{margin:0 0 40px;}
#page-docs-list li{list-style:none;padding:.5em 0;margin:0;border-bottom:1px #eee solid;}
.docs .post-title{font-size:2em;margin-bottom:20px;}
#page-single-doc h3{border-top:solid 5px #eee;padding-top:20px;font-size:2.2em;}
#page-single-doc h4{margin:10px 0 20px;font-size:1.25em;}
.toc{border-radius:2px;background:#a5e1fe;margin:0;padding:10px 0;}
.toc li{font-size:.9em;margin:15px 25px;list-style:none;}
.toc a{color:#000;}
.toc a:hover{color:#999;}
@media screen and (max-height:960px){.toc{max-height:700px;overflow:auto;}
}
@media screen and (max-height:860px){.toc{max-height:660px;overflow:auto;}
}
@media screen and (max-height:760px){.toc{max-height:560px;overflow:auto;}
}
@media screen and (max-height:660px){.toc{max-height:460px;overflow:auto;}
}
@media screen and (max-height:560px){.toc{max-height:360px;overflow:auto;}
}
.breadcrumb{font-family:'Montserrat', sans-serif;font-size:.938em;text-transform:uppercase;color:#ebebeb;margin-bottom:5px;}
.breadcrumb a{color:#00aeef;}
.breadcrumb a:hover{color:#ebebeb;}
.widgets{margin-bottom:7% !important;padding-top:9%;}
.post-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:2.2em;}
.post-video iframe,
.post-video object,
.post-video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.post-video.padded{max-width:80%;margin-left:auto;margin-right:auto;}
.comment-wrap{border:1px solid #DBE3E3;margin-bottom:20px;margin:25px 0px;padding:15px;}
.comment-title, #reply-title{font-size:1.35em;padding-bottom:25px;font-family:'Montserrat', sans-serif;font-weight:bold;letter-spacing:2px;border-bottom:solid 1px #eee;margin-bottom:35px;}
.commentlist{margin:0 0 30px;padding:5px 0 0;}
.commentlist li{margin:0 0 25px;list-style:none;position:relative;}
.commentlist .comment-author{margin:2px 0 10px;padding:0;}
.commentlist .avatar{position:absolute;}
.commentlist cite{font-size:1.625em;color:#000;font-weight:100;font-style:normal;line-height:1.3em;}
.commentlist .bypostauthor > .comment-author cite{padding-left:18px;}
.commentlist .comment-time{font-size:.938em;color:#ccc;font-family:'Montserrat', sans-serif;text-transform:uppercase;}
.commentlist .commententry{min-height:40px;padding-bottom:5px;word-wrap:break-word;}
.commentlist ul, .commentlist ol{margin:30px 0 0 7%;padding:0;}
.commentlist .reply{right:3px;float:right;margin-top:-18px;}
.commentlist .comment-reply-link{font:normal .85em/1em 'Montserrat', sans-serif;color:#00bff3;border:solid 1px #00bff3;background:#fff;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:2px;padding:.4em 1em;}
.commentlist .comment-reply-link:hover{color:#fff;background:#00b9ff;}
#respond{margin:0;padding:10px 0 0;position:relative;clear:both;}
#respond #cancel-comment-reply-link{position:absolute;top:30px;right:0;font-size:85%;line-height:100%;text-decoration:none;padding:5px 10px;display:block;color:#fff;background:#f06544;border-radius:2px;}
#respond #cancel-comment-reply-link:hover{opacity:.6;}
#commentform{margin:15px 10px 0;}
#contactform{margin:8% 0;}
#commentform p,
#contactform p{margin-bottom:2em;}
#commentform input[type=text],
#contactform input[type=text]{max-width:450px;width:80%;margin-right:25px;}
#commentform label,
#contactform label{font-weight:bold;text-transform:uppercase;letter-spacing:1px;}
#commentform label small,
#contactform label small{font-weight:100;text-transform:none;letter-spacing:normal;}
#commentform textarea,
#contactform textarea{height:270px;}
#sidebar .blog-category ul{margin:0;list-style:none;}
#sidebar .blog-category li{position:relative;margin-bottom:1px;}
#sidebar .blog-category a{color:#ababab;display:block;position:relative;font-size:.938em;padding:10px 20px;}
#sidebar .blog-category .current-cat a,
#sidebar .blog-category a:hover{color:#fff;}
#sidebar .blog-category span{width:1px;height:100%;display:block;position:absolute;top:0;left:0;}
#sidebar .blog-category .current-cat span,
#sidebar .blog-category li:hover span{width:100%;max-width:100%;-webkit-transition:width .7s;-moz-transition:width .7s;transition:width .7s;}
#sidebar{font-size:.9em;}
#footerwrap{padding-bottom:0px;width:100%;position:relative;bottom:0;left:0;background-color:#414a52;}
#footerwrap .pagewidth{background-color:rgba(221, 221, 221, 0.12);}
#footer{font-weight:100;word-wrap:normal;color:#000;}
.copy_rights_text a{color:#0BC39E !important;}
#footer ul{margin:0 0 0;float:left;}
#footer ul li{display:inline;margin:0 0 .1em 1em;line-height:65px;font-weight:400;}
#footer .footer-logo img{width:197px;}
#footer .footer-logo a{display:block;overflow:hidden;margin-bottom:10px;}
#footer .footer-logo-wrapper{margin:0 auto;text-align:center;line-height:1.8em;}
#footer .footer-logo-wrapper p{font-size:.8em;line-height:1.8em;}
#footer .footer-logo-wrapper > div{margin:2px 0;}
#footer .footer-menu-wrapper{text-align:center;margin:0 auto;width:400px;max-width:100%;}
#footer .footer-menu-wrapper > div{float:left;overflow:hidden;width:33.3%;font-weight:100;}
#footer .footer-logo-wrapper .footer-logo a{color:#fff;}
#footer .footer-menu-wrapper .menu-title{font:400 1em/1.4em 'Montserrat', sans-serif;text-transform:uppercase;letter-spacing:2px;color:#fff;text-align:center;margin:0 0 10px 0;}
.back-top{text-align:center;text-transform:uppercase;position:fixed;margin:0 auto;margin-bottom:26px;width:60px;float:right;right:30px;bottom:0;letter-spacing:1px;font-size:.9em;}
.back-top a{display:block;width:60px;height:80px;}
.back-top a:before{font-size:4em;}
.back-top .arrow-up{display:inline-block;}
.back-top .arrow-up a{position:absolute;z-index:999;bottom:-10px;width:50px;height:50px;background:rgb(52, 182, 238);color:#fff;}
.back-top .arrow-up span{font-weight:100;color:rgba(255,255,255,0);}
.back-top:hover .arrow-up a{bottom:20px;}
.back-top:hover .arrow-up span{cursor:default;color:#fff;color:rgba(255,255,255,1);}
.back-top .arrow-up a i:before{padding-top:13px;}
img.alignleft, img.aligncenter, img.alignright, img.alignnone{margin-bottom:15px;}
.alignleft{float:left;margin-right:30px;}
.alignright{float:right;margin-left:30px;}
.aligncenter{text-align:center;display:block;margin-left:auto;margin-right:auto;}
.wp-caption{text-align:center;margin-bottom:15px;max-width:100%;}
.wp-caption-text{font-style:italic;font-size:95%;line-height:120%;margin:6px 0;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
#header:after,
#content:after,
#sidebar:after,
#footer:after,
.pagewidth:after,
.grid4:after,
.grid3:after,
.grid2:after,
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
#header,
#content,
#sidebar,
#footer,
.pagewidth,
.clearfix{display:inline-block;}
#header,
#content,
#sidebar,
#footer,
.pagewidth,
.clearfix{display:block;zoom:1;}
#body, .animation-on .parallax-header{-webkit-backface-visibility:hidden;}
.animation-on .parallax-header{position:fixed;width:100%;top:100px;}
#body a,
#header,
input[type=reset],
input[type=submit],
.btn,
.button,
.box,
.box-content,
.box .share,
.box .count,
.back-top .arrow-up a,
.back-top .arrow-up span{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#main-nav li ul,
#main-nav > li:last-child:hover a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.animation-on .fly-in li, .animation-on .fade-in li, .animation-on .slide-up li{opacity:0;}
.animated li,
.col2-1.animated,
.col3-2.animated,
.col3-1.animated,
.col4-3.animated,
.col4-2.animated,
.col4-1.animated,
.col-full.animated{-webkit-backface-visibility:hidden;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.grid4.fly-in.animated li:nth-of-type(4n+1),
.grid3.fly-in.animated li:nth-of-type(3n+1),
.grid2.fly-in.animated li:nth-of-type(2n+1),
.grid2-thumb.fly-in.animated li:nth-of-type(2n+1),
.list-post.fly-in.animated li:nth-of-type(2n+1),
.col2-1.first.fly-in.animated,
.col3-2.first.fly-in.animated,
.col3-1.first.fly-in.animated,
.col4-3.first.fly-in.animated,
.col4-2.first.fly-in.animated,
.col4-1.first.fly-in.animated,
.col-full.animate-first.fly-in.animated{-webkit-animation-name:flyInLeft;animation-name:flyInLeft;}
.grid4.fly-in.animated li:nth-of-type(4n+4),
.grid3.fly-in.animated li:nth-of-type(3n+3),
.grid2.fly-in.animated li:nth-of-type(2n+2),
.grid2-thumb.fly-in.animated li:nth-of-type(2n+2),
.list-post.fly-in.animated li:nth-of-type(2n+2),
.col2-1.last.fly-in.animated,
.col3-2.last.fly-in.animated,
.col3-1.last.fly-in.animated,
.col4-3.last.fly-in.animated,
.col4-2.last.fly-in.animated,
.col4-1.last.fly-in.animated,
.col-full.animate-last.fly-in.animated{-webkit-animation-name:flyInRight;animation-name:flyInRight;}
.grid4.fly-in.animated li:nth-of-type(4n+2),
.col4-1.second.fly-in.animated{-webkit-animation-name:flyInLeftSecond;animation-name:flyInLeftSecond;}
.grid4.fly-in.animated li:nth-of-type(4n+3),
.col4-1.third.fly-in.animated{-webkit-animation-name:flyInRightSecond;animation-name:flyInRightSecond;}
.grid3.fly-in.animated li:nth-of-type(3n+2),
.col3-1.second.fly-in.animated{-webkit-animation-name:flyInBottom;animation-name:flyInBottom;}
.fade-in.animated li.animate-up{-webkit-transition:opacity 0.5s ease-in;-moz-transition:opacity 0.5s ease-in;-o-transition:opacity 0.5s ease-in;opacity:1;}
.animation-on .slide-up li{-webkit-transform:translateY(88px);-moz-transform:translateY(88px);-o-transform:translateY(88px);-ms-transform:translateY(88px);transform:translateY(88px);}
.slide-up.animated li.animate-up{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition:-webkit-transform 350ms cubic-bezier(0.34, 1.61, 0.7, 1);-moz-transition:-moz-transform 350ms cubic-bezier(0.34, 1.61, 0.7, 1);-o-transition:-o-transform 350ms cubic-bezier(0.34, 1.61, 0.7, 1);-ms-transition:-ms-transform 350ms cubic-bezier(0.34, 1.61, 0.7, 1);transition:transform 350ms cubic-bezier(0.34, 1.61, 0.7, 1);opacity:1;}
@-webkit-keyframes flyInLeft{0%{opacity:0;-webkit-transform:translate(-400px, 200px);-ms-transform:translate(-400px, 200px);transform:translate(-400px, 200px);}
100%{opacity:1;-webkit-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);}
}
@keyframes flyInLeft{0%{opacity:0;-webkit-transform:translate(-400px, 200px);-ms-transform:translate(-400px, 200px);transform:translate(-400px, 200px);}
100%{opacity:1;-webkit-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);}
}
@-webkit-keyframes flyInRight{0%{opacity:0;-webkit-transform:translate(400px, 200px);-ms-transform:translate(400px, 200px);transform:translate(400px, 200px);}
100%{opacity:1;-webkit-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);}
}
@keyframes flyInRight{0%{opacity:0;-webkit-transform:translate(400px, 200px);-ms-transform:translate(400px, 200px);transform:translate(400px, 200px);}
100%{opacity:1;-webkit-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);}
}
@-webkit-keyframes flyInLeftSecond{0%{opacity:0;-webkit-transform:translate(-200px, 200px);-ms-transform:translate(-200px, 200px);transform:translate(-200px, 200px);}
100%{opacity:1;-webkit-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);}
}
@keyframes flyInLeftSecond{0%{opacity:0;-webkit-transform:translate(-200px, 200px);-ms-transform:translate(-200px, 200px);transform:translate(-200px, 200px);}
100%{opacity:1;-webkit-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);}
}
@-webkit-keyframes flyInRightSecond{0%{opacity:0;-webkit-transform:translate(200px, 200px);-ms-transform:translate(200px, 200px);transform:translate(200px, 200px);}
100%{opacity:1;-webkit-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);}
}
@keyframes flyInRightSecond{0%{opacity:0;-webkit-transform:translate(200px, 200px);-ms-transform:translate(200px, 200px);transform:translate(200px, 200px);}
100%{opacity:1;-webkit-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);}
}
@-webkit-keyframes flyInBottom{0%{opacity:0;-webkit-transform:translate(0px, 200px);-ms-transform:translate(0px, 200px);transform:translate(0px, 200px);}
100%{opacity:1;-webkit-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);}
}
@keyframes flyInBottom{0%{opacity:0;-webkit-transform:translate(0px, 200px);-ms-transform:translate(0px, 200px);transform:translate(0px, 200px);}
100%{opacity:1;-webkit-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);}
}