/*
Theme Name: SPARK
Theme URI: https://d5creation.com/theme/spark

Author: D5 Creation
Author URI: https://d5creation.com

Description: SPARK is a CSS3 Powered and WordPress Latest Version Ready Theme for Small Business Companies to Corporate Business. Modern Design and other options will give the WordPress Driven Site an attractive look.  SPARK is Responsive, Super Elegant and Professional Theme which will be adjusted automatically with all smart devices.  Right and Footer Sidebar will be usable for showing the widgets. Full Wide Template can be used for showing showcase or other pages. You can Visit the SPARK Demo Here: http://demo.d5creation.com/themes/?theme=SPARK  and Theme Page Here: https://d5creation.com/theme/spark 

Version: 2.9

Tags: two-columns, right-sidebar, left-sidebar, footer-widgets, rtl-language-support, featured-images, custom-header, custom-background, custom-menu, threaded-comments, sticky-post, full-width-template, theme-options, translation-ready, blog, portfolio, education

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

SPARK WordPress Theme, Copyright 2014-2020: D5 Creation (www.d5creation.com)
SPARK is distributed under the terms of the GNU GPL

Text Domain: spark

Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 6.7

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0}

body{line-height:1;}
ol,
ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left}
blockquote:before,
blockquote:after,
q:before,
q:after{content:"";}
blockquote,
q{quotes:"" "";}
a img{border:0;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block}

.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;}
.aligncenter{display:block;margin:5px auto 5px auto;}
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;border:1px solid #f0f0f0;max-width:96%;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;}
body{color:#6a6969;font-family:'Anaheim', FontAwesome, sans-serif;font-size:14px;line-height:1.15;min-width:1070px;word-wrap:break-word;}
ul, li, img, a, p, ol, textarea, input, button {transition:all .5s; }
img{max-width:100%;border:0 none;}

#container{width:1050px;margin:40px auto; position: relative;}

#header{ height:auto; background: #3c4143; }
#header-content { display: flex; justify-content: space-between; align-items: flex-end; position: relative; flex-wrap: wrap; transition: all .3s; height: 100%; min-height: 90px; }
.logotitle { width: auto; position: relative; max-width: 25%; padding: 5px 0; display: inline-flex; align-items: center; align-self: center; }
img.site-logo, .site-title { max-height:90%; margin: 0; height: auto; width: auto; transition: all .5s; font-weight: 700; color: #0db0d8; font-size: 39px; }
.site-title-hidden{display:none;}

#content{ float:left; width:calc(100% - 355px); position: relative; }
#content-full{width:100%;}
.content-ver-sep{background:none repeat scroll 0 0 #CCCCCC;border-bottom:1px solid #FFFFFF;clear:both;height:2px;}
.lsep{background:url("images/lsep.png") no-repeat scroll center top transparent;clear:both;height:5px;margin:10px auto; width: 100%; }
#footer{ background:#1795f8; clear:both; }
#footer-content{ margin:0 auto; padding: 30px 0 0;}
#creditline{color:#ffffff; font-size:14px; text-align:center; background: #111111; padding: 13px 0; }
#creditline a{font-weight:bold;}

/* ================ Main Menu Elements ============== */
#mmainmenu { max-width:74%; display: flex; align-items: center; flex-wrap: wrap; flex-direction: column; z-index: 999; }
#main-menu-con { color:#eeeeee; float:right; line-height:1;  align-self: flex-end; top: auto; margin-bottom: 1px; }
#main-menu-con ul{ list-style:none outside none; margin: 0; padding: 0; transition: none !important; }
#main-menu-con li{float:left;position:relative;margin:0 5px; transition: none !important;}
#main-menu-con a { color: #2cb8f3; display: block; font-size: 15px; min-width: 40px; padding: 23px 10px; position: relative; text-align: center; border-bottom: 5px solid transparent; font-family: "Advent Pro",cursive,sans-serif; letter-spacing: 1px; }
#main-menu-con a:hover, #main-menu-con a:focus,
#main-menu-con .current-menu-item > a,
#main-menu-con .current-menu-ancestor > a,
#main-menu-con .current_page_item > a,
#main-menu-con .current_page_ancestor > a{ border-bottom:5px solid #45a9f6;}
#main-menu-con li ul{float:left;position:relative;margin:0;}
#main-menu-con ul ul,
.sub-menu, .sub-menu ul ul { display:none; float:left; left:0; position:absolute; border-bottom:7px solid #087aaa; border-top:3px solid #087aaa; border-radius:0 0 5px 5px; background:#f2f2f2; background:rgba(242, 242, 242, 0.95); z-index:10000;}
#main-menu-con ul li ul li {margin:0;}
#main-menu-con ul ul ul{ left:100%; top:0; z-index:999; }
#main-menu-con ul ul a { border-bottom:1px solid #bfbfbf; border-top:1px solid #ffffff; color:#242424; padding:11px 15px !important; width:230px; text-align:left; text-transform:none; }
#main-menu-con ul ul  li:first-child > a { border-top: none; } 
#main-menu-con ul ul  li:last-child > a { border-bottom: none; } 
#main-menu-con ul ul a:hover, #main-menu-con ul ul a:focus,
#main-menu-con ul ul .current-menu-item > a,
#main-menu-con ul ul .current-menu-ancestor > a,
#main-menu-con ul ul .current_page_item > a,
#main-menu-con ul ul .current_page_ancestor > a{ background:#087aaa;color:#ffffff; border-bottom:1px solid #bfbfbf; }
#main-menu-con ul li:hover > ul{ }

#main-menu-con .menu-item-has-children a, #main-menu-con .page_item_has_children a { padding-right: 15px;  }
#main-menu-con li.menu-item-has-children > a:after, #main-menu-con li.page_item_has_children > a:after { content: '\f0d7'; right:0; position: absolute; top: 50%; transform: translateY(-50%);}
#main-menu-con .menu-item-has-children ul li.menu-item-has-children > a:after, #main-menu-con .page_item_has_children ul li.menu-item-has-children > a:after { content: '\f054'; right: 1px; opacity: .5; }

@media screen and (min-width: 801px) {
#main-menu-con .sub-menu li.smedge.menu-item-has-children > a::after, #main-menu-con .sub-menu li.smedge.page_item_has_children > a::after { content: '\f053'; left: 1px; right: auto; }
#main-menu-con li.smedge > ul { left:auto; right:0; }
#main-menu-con li li.smedge > ul  { left:auto; right:100%; }
}
	
#mobile-menu { color: #ffffff; background: rgba(0,0,0,.85); padding: 10px; margin-bottom: 5px; font-size: 20px; display: none; cursor:pointer; width: 100%; text-align: center; justify-content: space-between; align-items: center; }
#mobile-menu::before { content:'\f0c9'; font-size: 20px; padding-right: 10px; }
#mobile-menu::after { content: '\f0d7'; padding-left: 10px; }
#mobile-menu.yesclick::after { content:'\f0d8'; }

/* ================ Box Sizes ============== */
.box100 { display: block; position: relative; width: 100%; margin: 0 auto; }
.box90 { display: block; position: relative; width: 1050px; margin: 0 auto; }
#container.box90, #d5woocontainer.box90{ max-width: 100%; }

/* ================ Search Box ============== */
#searchform, .woocommerce-product-search { height: 39px; overflow: hidden; width: 100%; max-width: 550px; display: inline-flex;}
#searchloginbox #searchform { width: auto; height: 29px; }
#searchsubmit, .woocommerce-product-search button[type="submit"] { background: #1593ec url("images/search.png") no-repeat scroll center center; background-size: auto 70%; border-radius: 0 3px 3px 0; box-shadow: none; font-size: 16px; font-weight: normal; margin: 0 0 0 -5px; padding: 4px 20px; text-indent: -90000px; vertical-align: top; height: 100%; min-height: 0px; width: 45px; top:0 !important;  }
input#s, .search-field { border-radius: 3px 0 0 3px; vertical-align: top; max-width: 100%; min-width: 100px; height: 100%; padding: 5px 10px; width: calc(100% - 40px); }
#searchsubmit:hover, .woocommerce-product-search button[type="submit"]:hover { background-color: #0678c8; }

#searchloginbox input#s { background: #f7f7f7; color: #aaaaaa; max-width: none; min-width: 100px; width: 110px; }
#searchloginbox input#s:focus { width: 170px; color: #555555; background: #ffffff; box-shadow: none; }

/* ================ Sidebar WidGets ============== */
.widget{display:block;word-wrap:break-word;}
#right-sidebar{ float:right; width:auto;}
#right-sidebar .widget{ background: #eeeeee; margin-bottom:20px; padding:15px; width: 330px; border-radius: 3px; overflow: hidden; }
#right-sidebar .widget-title { color: #ffffff; padding: 10px 15px; margin: -15px -15px 7px; text-align: center; background: #555555; }
#right-sidebar .widget,
#right-sidebar .widget li,
#right-sidebar .widget a,
#right-sidebar .widget a:hover{color:#333333;text-decoration:none;}
#right-sidebar .widget ul{ margin:0; }
#right-sidebar .widget li{ list-style: outside none square; margin-left: 15px; padding: 5px 0;}

#footer-sidebar { overflow: hidden; margin: 0 -15px; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; }
#footer-sidebar .footer-widgets { margin: 0 15px; min-width: 200px; min-height: 1px; width: calc( 25% - 30px); }
#footer-sidebar .widget{ margin:20px 0; width: 100%; }
#footer-sidebar .widget h3.widget-title {  color:#ffffff; margin-bottom:5px; text-transform:uppercase; }
#footer-sidebar .widget, #footer-sidebar .widget li, #footer-sidebar .widget a, #footer-sidebar .widget a:hover { color:#ffffff; text-decoration:none; }
#footer-sidebar .widget a:hover { text-decoration: underline; }

#footer-sidebar .widget ul, #footer-sidebar .widget ol { margin: 0 0 10px 10px; }

#right-sidebar .widget a:hover, #footer-sidebar .widget a:hover { text-decoration: underline; }
#right-sidebar form#searchform input[type="submit"],#footer-sidebar form#searchform input[type="submit"]{padding:8px 7px}
.textwedget{width:100%}


h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6{font-family:'Advent Pro', cursive, sans-serif;line-height:1.25;margin:0 0 10px;
/*
font-family: 'Merienda One', cursive, sans-serif;
font-family: 'Advent Pro', sans-serif;
*/
}
h1,h2,h3,h4,h5,h6{clear:both;}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:10px;}
ul, ol{margin:0 0 10px 25px;}
ul{list-style:square outside none;}
ol{list-style:decimal outside none;}
dl{margin:0 20px;}
dt{font-weight:bold;}
dd{margin-bottom:10px;}
strong{font-weight:bold;}
cite, em, i{font-style:italic;}
blockquote cite,
blockquote em,
blockquote i{font-style:normal;}
pre{background:#FFFFFF;border-radius:5px 5px 5px 5px;color:#222222;line-height:18px;margin-bottom:18px;overflow:auto;padding:1.5em;}
abbr,
acronym{border-bottom:1px dotted #666;cursor:help;}
sup,
sub{height:0;line-height:1;position:relative;vertical-align:baseline;font-size:70%;}
sup{bottom:1ex;}
sub{top:.5ex;}
address{background:#EEEEEE;border:2px solid #DDDDDD;border-radius:5px 5px 5px 5px;font-weight:bold;margin-bottom:15px;max-width:250px;padding:5px 10px;text-align:right;}
embed{max-width:100%;}
#container .gallery{margin:0 auto 1.625em;}
#container .gallery a img{border:none;}
#container .gallery .attachment-thumbnail{float:none;margin:5px auto;}
img#wpstats{display:block;margin:0 auto 1.625em;}
#container .gallery-columns-1 .gallery-item{width:80%;}
#container .gallery-columns-2 .gallery-item{width:40%;}
#container .gallery-columns-3 .gallery-item{width:27%;}
#container .gallery-columns-4 .gallery-item{width:19%;}
#container .gallery-columns-4 .gallery-item img{width:100%;height:auto;}
h1{font-size:30px;}
h2{font-size:23px;}
h3{font-size:20px;}
h4{font-size:17px;}
h5{font-size:15px;}
h6{font-size:13px;}
p{margin-bottom:15px;}
a{color:#2cb8f3;text-decoration:none;}
a:focus{ outline: 1px dotted;}
b, strong{font-weight:bold;}
displaynone{display:none;}
.clear{clear:both;}
table{background-color:#EEEEEE;border:1px solid #FFFFFF;border-radius:3px;padding:5px;min-width:200px;color:#333333;}
td{padding:5px 7px;vertical-align:top;}

th{font-weight:bold;line-height:1;padding:5px 7px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);background:#CCC;}
caption{color:#555555;}

.calendar_wrap {background:#ffffff;box-shadow:none;}
#wp-calendar{width:100%;border:none; box-shadow: none; background:#ffffff; padding:  0; margin: 0; }
#wp-calendar th { text-align: center; font-weight: 600; color: #ffffff; background: #777777; }
#wp-calendar td{color:#555555; border: 1px solid #f6f6f6; text-align: center; position: relative; transition:all .3s; }
#wp-calendar td:hover{background: #e6e6e6; }
#wp-calendar td#prev, #wp-calendar td#next, #wp-calendar td.pad {border:none; }
#wp-calendar caption{font-size:17px; font-weight: 700; text-align:center;}
#wp-calendar a { font-size: 15px; font-weight: 700; background: #ccc; display: block; line-height: 2.3; color: #555!important; margin: -5px -7px; }
#wp-calendar a:hover { background: #555555; color: #ffffff !important; }

/* ================ Text, Input, Button ============== */
textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], .titlewrap input, select{background:#F7F7F7;border-radius:3px;font-size:14px;padding:10px 7px;width:100%;border:1px solid #cccccc;}
input[type="password"]{width:200px;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, .titlewrap:focus input:focus, select:focus { background:#ffffff; border:1px solid #45a9f6; }

button, input[type="reset"], input[type="button"], input[type="submit"], .contactcontainer input[type="submit"] { background:linear-gradient(to bottom, #2891fa 5%, #076cd1 100%); border: none; border-radius:3px; display:inline-block; color:#ffffff; font-family:arial; font-size:17px; padding:11px 17px; text-decoration:none; cursor:pointer; }
button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, .contactcontainer input[type="submit"]:hover, .contactcontainer input[type="submit"]:focus { background:linear-gradient(to bottom, #076cd1 5%, #2891fa 100%); }
button:active, input[type="reset"]:active, input[type="button"]:active, input[type="submit"]:active, .contactcontainer input[type="submit"]:active {position:relative;top:1px;}
input#s{ }


.sticky::after { color: #91daf6; content: '\f005'; display: inline-block; font-size: 30px; right: 0; position: absolute; top: 0; z-index: 100; }
.gallery-caption{clear:both;width:95%;}
.bypostauthor{}
#container,
#content,
#content-full{font-size:14px;text-align:justify; position: relative; }
#content img,
#content-full img{height:auto;max-width:100%;vertical-align:middle;}
#content img.wp-smiley,
#content-full img.wp-smiley{border:none;box-shadow:none;}

#heading-con { background: #008ffe; padding: 30px 0 15px;  }
#heading{color:#FFFFFF;font-size:35px; text-align:center; font-family: 'Merienda One', cursive, sans-serif;}
.heading-desc{color:#FFFFFF;font-size:17px; text-align:center; }

#slide-con { background-image: linear-gradient(to bottom, #008ffe, #008ffe 77%, transparent 23%); background-repeat: no-repeat; position: relative; overflow: hidden; }
#slide-con::before { clip-path: polygon(50% 16%, 0% 100%, 100% 100%); content: ''; position: absolute; left: -1px; top: 0; width: calc( 100% + 2px ); height: calc( 77% + 1px ); background: #ffffff; }
.noslide { background:url("images/sliderbottom.png") no-repeat scroll center bottom transparent;padding: 20px 0 35px; background-size: 100% auto; }

.featured-boxs{ padding:10px 0 20px; position: relative; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; }
.featured-box { margin: 0 0 15px; width:calc( 25% - 30px); text-align:left;}
.featured-box p { margin: 7px 0; }
.featured-box h3{font-family:Verdana, Geneva, sans-serif;font-weight:100;font-size:15px;color:#555555;}
.featured-boxs h2{font-family:Verdana, Geneva, sans-serif;font-weight:100;font-size:19px;color:#555555;}
.featured-box-first{padding:30px 0;}
.featured-boxs img.box-image{border:3px solid #EEEEEE;width:auto;height:auto;}
.featured-boxs img.box-image:hover{box-shadow:0 0 11px 0px #555555;}
.featured-boxs img.box-icon{ width:50px; height:50px; margin-right: 10px; }
h3.featured-box2{ }

.icontitle { display: flex; align-items: center; justify-content: space-between; }


blockquote, q {background:#DDDDDD;background:none repeat scroll 0 0 rgba(255, 255, 255, 0.35);border-left:10px solid #ccc;margin:20px 10px;padding:10px;quotes:'<<' '>>';border-right:10px solid #ccc;}
blockquote:before, q:before {color:#ccc;content:'\201C';font-size:4em;line-height:.1em;margin-right:.20em;vertical-align:-.4em;}
blockquote:after, q:after {color:#ccc;content:'\201D';font-size:4em;line-height:.1em;margin-left:.20em;vertical-align:-.4em;}
blockquote p, q p {display:inline;}
#container .attachment-thumbnail, #container .attachment-spark-category-thumb {border:1px solid #FFFFFF;margin:0px 15px 10px 0;padding:3px;float:left;}
#container .gallery .attachment-thumbnail{float:none;margin:5px auto;}
h1.page-title,
h1.arc-post-title{font-size:35px;text-shadow:-1px -1px 3px #FFFFFF;text-align:left;color:#2cb8f3;}
h2.post-title,
h2.comments,
h3#reply-title,
h2.post-title-color{font-size:25px;margin-bottom:0;padding-bottom:10px;text-align:left;text-shadow:-1px -1px 3px #FFFFFF;}
.entrytext{padding:10px 0 0;}
h2.post-title a,
h2.post-title a:hover,
h2.comments a,
h2.post-title-color{color:#2cb8f3;}
h3.arc-src{color:#2cb8f3;font-size:20px;}
h3 span{color:#777777;}
.post,
.hentry,
.no-results{margin-bottom:40px; background: #f6f6f6; padding: 10px 20px 0; border-radius: 3px; overflow: hidden; border: 1px solid #eeeeee;}
.read-more { background:#2cb8f3; border-radius: 3px; color: #ffffff; display: table; margin-top: 10px; padding: 7px 15px; }
.read-more:hover { background:#111111;}
.read-more a{color:#555555;}
.postmetadata{font-family:Arial, Helvetica, FontAwesome, sans-serif;text-shadow:0 0 1px #FFFFFF;}
p.postmetadata{margin:0;}
.postmetadata a{color:#2cb8f3;}
.postmetadataw { font-size: 17px; letter-spacing: 1px; margin-bottom: 5px; }
.up-bottom-border{display:block;margin:0 -20px;padding:10px 20px;border-top:1px solid #DDDDDD; background: #EEEEEE;}
.page-link{font-weight:bold;}
.page-link a{background:#AAAAAA;padding:0 5px;color:#FFFFFF;}
.floatleft{float:left;width:45%;text-align:left;}
.floatright{float:right;width:45%;text-align:right;}
#page-nav .alignright{text-align:right;}
#page-nav .alignleft{text-align:left;}
#page-nav a{border-width:1px;font-size:17px;font-weight:bold;padding:10px;}
#commentsbox .commentlist{margin:0;}
#commentsbox .watermark{color:rgba(150, 150, 150, 0.7);font-size:17px;text-align:center;text-shadow:none;}
#commentsbox .comment-author cite,
#commentsbox .comment-author cite a{color:#333333;letter-spacing:3px;font-style:normal;font-weight:bold;}
#commentsbox img.avatar{left:0;position:absolute;ttop:7px;}
#commentsbox ul.children{padding:0;}
.comment-body{padding:0 0 10px;}
#commentsbox .commentlist li.comment{border-top:1px solid #EEEEEE;line-height:19px;margin:0 0 24px;padding:5px 0 0 50px;position:relative;}
#comments .comment-body p:last-child{margin-bottom:6px;}
#commentsbox .comment-meta,
#commentsbox .comment-meta a:link,
#commentsbox .comment-meta a:visited{color:#AAAAAA;font-size:12px;padding-bottom:10px;text-shadow:none;}
#commentsbox .commentlist .children li{border-top:2px solid #FFFFFF;list-style:none outside none;margin:0 0 0 -25px;}
#commentsbox .commentlist li:last-child{border-bottom:medium none;ist-style:none outside none;}
#comment-form{max-width:550px;}
#respond .required{color:#ff4b33;font-weight:bold;position:absolute;}
#commentsbox ol.commentlist, #commentsbox li.commentlist{padding:0;list-style:none;}
#comments-list #respond{margin:0 0 18px 0;}
#comments-list ul #respond{margin:0;}
#cancel-comment-reply-link{font-weight:normal;line-height:18px;}
#respond input{margin:0 0 9px;}
#respond textarea{width:98%;}
#respond .form-allowed-tags{font-size:13px;line-height:18px;}
#respond .form-allowed-tags code{font-size:11px;}
#respond .form-submit{margin:12px 0;}
#respond .form-submit input{width:auto;}
h2#client-text.post-title{color:#2cb8f3;opacity:0.7;padding:10px 0;text-align:center;}
 .boxtoptitle { font-size: 35px; font-weight: bold; color: #2cb8f3; }
 .boxtopdes { color: #2cb8f3; }
.socialcontainer { background: #033278; padding: 10px 0; }
.social { display: table; margin: 0 auto; }
.social a { background: rgba(0, 0, 0, 0.15); border-radius: 150px; float: left; height: 60px; line-height: 2; margin: 0 5px; text-align: center; width: 60px; transition:all .5s; }
.social a { background: rgba(0, 0, 0, 0.15);
background: linear-gradient(-45deg, #111111 50%, rgba(0, 0, 0, 0.15) 50%);
background-size: 100% 100%;
}

.social a:hover { transform: rotate(360deg); }
.social a::before { content: '\f005'; display: inline-block; font-size: 30px; vertical-align: top; -webkit-font-smoothing: antialiased; }

.social-link a[href*="facebook.com"]::before { content: '\f09a'; color:   #455afa; }
.social-link a[href*="twitter.com"]::before { content: '\f099'; color:   #33ccff; }
.social-link a[href*="wordpress.org"]::before, .social-link a[href*="wordpress.com"]::before {  content: '\f19a'; color:   #09b6db; }
.social-link a[href*="dribbble.com"]::before { content: '\f17d'; color:   #ea4c89; }
.social-link a[href*="github.com"]::before { content: '\f113'; color:   #555555; }
.social-link a[href*="plus.google.com"]::before { content: '\f0d5'; color:   #f32e0d; }
.social-link a[href*="tumblr.com"]::before { content: '\f173'; color:   #455afa; }
.social-link a[href*="flickr.com"]::before { content: '\f16e'; color:   #ff0084; }
.social-link a[href*="vimeo.com"]::before { content: '\f194'; color:   #1AB7EA; }
.social-link a[href*="codepen.io"]::before { content: '\f1cb'; color:   #555555; }
.social-link a[href*="linkedin.com"]::before { content: '\f0e1'; color:   #05ace3; }
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.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; /* Above WP toolbar. */ }

*, *::before, *::after { box-sizing: border-box; margin: 0; outline: medium none; padding: 0; }
*::before, *::after { font-family:FontAwesome, WooCommerce, dashicons, Arial, Helvetica, SolaimanLipi, sans-serif; }