@charset "utf-8";

/* -- -- .- .... . -. -.. .-. .- ----- ----- .---- */

/*-----------------------------------------------------Social Media Agency --------------------------------------------------------*/


/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
=> Clean Base
=> Base Typography
=> Images
=> Links
=> Forms
=> Buttons
=> Img and Title Links
=> Header
=> Scroll
=> Preloader
=> Container 
=> Home Banner
=> Help You
=> Meadia Mgmt
=> How Easy     
=> Plans
=> Blog
=> Blog Single
=> Footer       
*/

/* Clean Base
------------------------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,a,nav,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;background: transparent;text-decoration: none;outline: none;-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html,body {-webkit-text-size-adjust: none;height: 100%;}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}
iframe {vertical-align: top;}
textarea:focus,input:focus,a,div,img {outline: none;}

*,
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.clear { clear: both; }

/* Base Typography
------------------------------------------------------------------------------*/
body {color:#242f51;font-size: 18px;font-family: 'Poppins', sans-serif;font-weight: 400;background:#fff;overflow: hidden;overflow-y: scroll;}
address {font-style: italic;margin: 0 0 20px;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {color: #263546;font-family: 'Poppins', sans-serif;font-weight:600;}

.h1,h1{font-size:40px;margin-bottom:33px;line-height:45px;font-weight:400;}
.h2,h2{font-size:34px;margin-bottom: 20px;}
.h3,h3{font-size:30px;margin-bottom: 18px;}
.h4,h4{font-size:27px;margin-bottom: 17px;}
.h5,h5{font-size:20px;margin-bottom: 15px;}
.h6,h6{font-size:16px;margin-bottom: 10px;}

p{font-size:16px;line-height:27px;color:#808080;margin-bottom:15px;font-weight:300;}
p:last-child {margin-bottom: 0;}
ul {padding-left: 20px;}
ul li {padding-bottom: 10px;}
ol {padding-left: 20px;}
ol li {padding-bottom: 10px;}

blockquote {display:inline;text-align: left;position: relative;color:#263546;background: transparent;padding: 20px 20px;border:none;line-height: 2;font-size:27px;font-style: italic;margin-bottom: 25px;font-weight:300;}
blockquote p{}
blockquote:before{content:'';background-image: url('../images/quote-img-1.png');background-repeat: no-repeat;height:50px;width:50px;position: absolute;top:0;left:0;z-index:-1;}
blockquote:after{content:'';background-image: url('../images/quote-img-2.png');background-repeat: no-repeat;height:50px;width:50px;position: absolute;bottom:0;right:-40px;z-index:-1;}

.common-content blockquote{background:#7ee1fe;display:block;z-index:-2;padding:40px 26px  31px 40px;}
.common-content blockquote:before,.common-content blockquote:after{display:none;}
.common-content blockquote p{font-size:16px;display:inline-block;z-index:1;margin:0;color:#fff;line-height:35px;}
.common-content blockquote p:before{content:'';background-image:url(../images/quote-img-blue-1.png);height:50px;width:50px;background-size:100%;position:absolute;top:27px;left:15px;z-index:-1;background-repeat:no-repeat;}
.common-content blockquote p:after{content:'';background-image:url(../images/quote-img-blue-2.png);height:50px;width:50px;background-size:100%;position:absolute;bottom:11px;right:70px;z-index:-1;background-repeat:no-repeat;}
hr {border: 0 #fff solid;border-top-width: 1px;clear: both;height: 0;margin: 10px auto 40px;}
img {border: none;max-width: 100%;height: auto;display: inline-block;vertical-align: top;}
img[src$=".svg"] {width: 100%;height: auto;display: inline-block;vertical-align: top;}

/* Link
------------------------------------------------------------------------------*/
a {color:#263546;transition: background-color 0.3s ease 0s, color 0.3s ease 0s;text-decoration:none;transition:all ease 0.3s;}
a:hover {color: #0079ff;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
label {color:#263546;font-size: 18px;font-weight: 400;line-height: 2.2;margin-bottom: 10px;display: block;}

input,
textarea,
button {font-family: 'Poppins', sans-serif;}

input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none;outline: none;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea { border: 1px solid #dedede; padding: 15px 25px; color:#808080; font-size: 16px; height: 54px; font-weight: 300; width: 100%;border-radius:50px;}
textarea {height: 150px;resize: none;overflow: auto;padding: 15px 25px;border-radius:10px;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color:#00c6ff;outline: none;}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder{color:#c5c5c5}

button,
input[type="button"],
input[type="reset"],
input[type="submit"]{display:inline-block;vertical-align:top;padding:15px 39px;font-size:16px;line-height:normal;text-align:center;text-transform:inherit;color:#fff;background-color:#2500f9;letter-spacing:unset;border:2px solid #2500f9;border-radius:50px;transition:all ease 0.3s;font-weight:bold;}

button:hover,
input[type="button"]:hover,  
input[type="reset"]:hover,
input[type="submit"]:hover {color: #2500f9;background-color: #0000;border-color: #2500f9;text-decoration: none;outline: none;}

input[type="search"] {-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

select {height: 58px;padding-left: 33px;padding-right: 52px;border: 1px solid #fff;background-color: transparent;color: #fff;font-size: 20px;font-family: 'Poppins', sans-serif;letter-spacing: 0.25em;-webkit-appearance: none;-moz-appearance: none;background-image: url(assets/images/polygon-down.png);background-size: 15px;background-repeat: no-repeat;background-position: right 25px center;font-weight: 600;cursor: pointer;}
select:hover,
select:focus {border-color: #fff;outline: none;}
select option {background-color: #001d25;color: #fff;font-size: 15px;font-family: 'Poppins', sans-serif;letter-spacing: 0.25em;}
select::-ms-expand {display: none;}

::-webkit-input-placeholder {opacity: 1 !important;color: #fff;}
:-moz-placeholder {opacity: 1 !important;color: #fff;}
::-moz-placeholder {opacity: 1 !important;color: #fff;}
:-ms-input-placeholder {opacity: 1 !important;color: #fff;}

.form-group {margin-bottom: 30px;}
.form-group-wrap.inline-btn label,.form-group label{display:none;}
.form-group-wrap{display:flex;flex-wrap:wrap;}
.form-group-wrap.inline-btn {position: relative;}
.form-group-wrap.inline-btn button{position:absolute;right:0;top:0;margin:0;background:#00c6ff;border-radius:0;border:none;padding:10px 14px;cursor:pointer;height:100%;min-width:46px;}

.comment-box .form-group-wrap.inline-btn button{background: transparent;color: #d1d1d1;padding: 10px 0 10px 14px;right: -5px;}
.comment-box .form-group-wrap.inline-btn button:hover{color:#00c6ff;}
.form-group{margin-bottom: 30px;}
.form-group.left{width:50%;padding-right:15px;}
.form-group.right{width:50%;padding-left:15px;}

.form-group.checkbox-btn-wrap p, .form-group.radio-btn-wrap p {margin: 0px;}


.form-group.submit-btn{text-align:right;margin:0px;}


.form-group.radio-btn-wrap label,.form-group.checkbox-btn-wrap label{position:relative;display:inline-block !important;line-height:normal;}
.form-group.checkbox-btn-wrap input[type="checkbox"],.form-group.radio-btn-wrap input[type="radio"]{opacity:0;position:absolute;}
.form-group.checkbox-btn-wrap input[type="checkbox"],.form-group.radio-btn-wrap input[type="radio"],
.form-group.radio-btn-wrap label,.form-group.checkbox-btn-wrap label{display:inline-block;vertical-align:middle;margin:5px;}

.form-group.radio-btn-wrap input[type="radio"] + label:before{content:'';background:#fff;border:1px solid #3E4043;display:inline-block;vertical-align:middle;width:18px;height:18px;padding:2px;margin-right:10px;text-align:center;border-radius:50px;cursor:pointer;}
.form-group.radio-btn-wrap input[type="radio"]:checked + label:after{content:"";display:inline-block;width:12px;height:12px;background:#263546;margin:0px;position:absolute;left:3px;top:9px;border-radius:50px;}
.form-group.checkbox-btn-wrap input[type="checkbox"] + label:before{content:'';background:#fff;border-radius:0px;border:1px solid #263546;display:inline-block;vertical-align:middle;width:18px;height:18px;padding:2px;margin-right:10px;text-align:center;cursor:pointer;}
.form-group.checkbox-btn-wrap input[type="checkbox"]:checked + label:after{content:"";display:inline-block;width:6px;height:12px;border:solid #263546;border-width:0 2px 2px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);border-radius:0px;margin:0px 15px 5px 5px;position:absolute;left:2px;top:7px;}


/* Buttons
------------------------------------------------------------------------------*/

.btn,.btn.pre.active,.btn.next.active{display:inline-block;vertical-align:top;padding:18px 45px 18px 37px;font-size:16px;line-height:normal;text-align:center;text-transform:inherit;color:#fff;background-color:#2500f9;background:-moz-linear-gradient(-1deg,rgb(0,198,255) 0%,rgb(0,156,255) 55%,rgb(0,114,255) 100%);background:-webkit-linear-gradient(-1deg,rgb(0,198,255) 0%,rgb(0,156,255) 55%,rgb(0,114,255) 100%);background:-ms-linear-gradient(-1deg,rgb(0,198,255) 0%,rgb(0,156,255) 55%,rgb(0,114,255) 100%);letter-spacing:unset;border:none;border-radius:50px;transition:all ease 0.3s;font-weight:300;position:relative;outline:none;cursor:pointer;}
.btn:before{content:"";position:absolute;z-index:-1;top:20px;left:0;right:0;width:50%;height:50%;-moz-border-radius:100%;border-radius:100%;box-shadow:5px 0 60px 10px rgba(0,156,255,1);-webkit-box-shadow:5px 0 60px 10px rgba(0,156,255,1);-moz-box-shadow:5px 0 60px 10px rgba(0,156,255,1);margin:0 auto;transition:all ease 0.3s;}

.btn:hover,
.btn:focus {color: #fff;text-decoration: none;background-color:#2500f9;background: -moz-linear-gradient( 180deg, rgb(0,198,255) 0%, rgb(0,156,255) 55%, rgb(0,114,255) 100%);background: -webkit-linear-gradient( 180deg, rgb(0,198,255) 0%, rgb(0,156,255) 55%, rgb(0,114,255) 100%);background: -ms-linear-gradient( 180deg, rgb(0,198,255) 0%, rgb(0,156,255) 55%, rgb(0,114,255) 100%);}

.btn:after{content:'';background-image:url(../images/btn-arrow.png);height:10px;width:10px;position:absolute;right:25px;background-size:auto;top:25px;background-repeat:no-repeat;}

.btn:hover:after{right:21px;}

.btn.white{background:#fff;color:#263546;}


.btn.pre,.btn.next{background:#fff;color:#263546;}
.btn.pre,.btn.pre.active{padding:12px 25px 12px 47px;}
.btn.pre:after{content:'\f060';background-image:none;font-family:FontAwesome;font-size:12px;left:30px;right:unset;top:17px;}
.btn.pre:hover:after {left: 19px;}
.btn.pre::before,.btn.next::before{box-shadow:5px 0 60px 10px rgb(0,0,0,0.2);-webkit-box-shadow:5px 0 60px 10px rgb(0,0,0,0.2);-moz-box-shadow:5px 0 60px 10px rgb(0,0,0,0.2);width:70%;}

.btn.next,.btn.next.active{padding:12px 67px 12px 45px;}
.btn.next:after{content:'\f061';background-image:none;font-family:FontAwesome;font-size:12px;top:17px;right:46px;}
.btn.next:hover:after{right:30px;}
.like-btn.like{color:#0079ff;}

/* Img and Title Links
------------------------------------------------------------------------------*/

a.img-link,a.title-link{transition:all ease 0.3s;}
a.img-link figure{overflow:hidden;display:block;height:100%;}
a.img-link figure img{width:100%;transition:all ease 0.3s;height:auto;}
a.img-link:hover img{transform:scale(1.1);}
a.img-link.no-hover:hover img {transform: scale(1);}
a.img-link.no-hover {cursor: unset;}

a.title-link.no-hover {cursor: unset;}
a.title-link.no-hover:hover h4 {color: #222 !important;}

.flex{display:flex;flex-wrap:wrap;}
.text-center{text-align:center;}

/* Header
------------------------------------------------------------------------------*/

header {padding:0;width:100%;position:relative;z-index:99;background:transparent; position:absolute;top:0;left:0;}
header .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
header .logo{width:20%;}
header nav{width:80%;}
header nav ul{display:flex;align-items:center;justify-content:flex-end;list-style:none;margin:0;padding:0;}
header nav ul li {padding: 28px 32px;margin:0;}
header nav.desktop-menu ul li:last-child{padding-right:0;}
header nav ul li a{font-size:16px;}

.blog-page header nav ul li a,.blog-single-page header nav ul li a{color:#fff;}
.blog-page header nav ul li a:hover,.blog-single-page header nav ul li a:hover{color:#263546;}

header nav.desktop-menu li.menu-item-has-children{position:relative;}
header nav.desktop-menu li.menu-item-has-children ul.sub-menu{position:absolute;top:100%;display:block;min-width:200px;display:none;}
header nav.desktop-menu li.menu-item-has-children ul.sub-menu li{width:100%;padding:0;}
header nav.desktop-menu li.menu-item-has-children ul.sub-menu li a {color: #fff;background:#0079ff;font-size: 15px;display: block;padding: 10px 20px;border-bottom:1px solid rgba(255,255,255,0.1);}
header nav.desktop-menu li.menu-item-has-children ul.sub-menu li a:hover{background:#009cff;}
header nav.desktop-menu li.menu-item-has-children:hover ul.sub-menu{display:block;}

.mobile-menu-icon{display:none;cursor:pointer;position:absolute;right: 25px;top:28px;}
.bar1,
.bar2,
.bar3{width:30px;height:4px;background-color:#242f51;margin:6px 0;transition:0.4s;}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-7px,5px);transform:rotate(-45deg) translate(-7px,5px);}
.change .bar2{opacity:0;}
.change .bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-8px,-8px);}

header.sticky .bar1,header.sticky .bar2,header.sticky .bar3,
header.open .bar1,header.open .bar2,header.open .bar3{background-color:#fff;}

.mobile-menu{z-index:1000000;font-weight:bold;font-size:0.8em;width:100%;background:#fff;position:absolute;text-align:center;font-size:12px;left:0;right:0;top:100%;}
.mobile-menu ul{display: flex;flex-direction: column;}
.mobile-menu li{display:block;padding:15px 0 15px 0;border-bottom:#dddddd 1px solid;}

header .mobile-menu{max-height:400px;overflow-y:scroll;}
header .mobile-menu ul {padding: 0 0;}
header .mobile-menu ul li{position:relative;width:100%;}
header .mobile-menu ul li:last-child{padding-right:0;padding-left:0;border:none;}
header .mobile-menu ul > li{border-bottom:1px solid #ccc;position:relative;}
header .mobile-menu ul li a{display:block;padding:0 20px;text-align:left;font-weight:400;}
header.sticky .mobile-menu ul li a{color:#263546;} 
header.sticky .mobile-menu .sub-menu li a{color:#fff;}

header .mobile-menu .menu_sub{position:absolute;right:15px;top:15px;height:30px;width:30px;display:block;}
header .mobile-menu .menu_sub:after{content:"";display:inline-block;width:100%;height:100%;background-image:url(../images/down-arrow.png);background-repeat:no-repeat;background-position:center center;background-size:12px;}
header .mobile-menu .menu_sub.open:after{transform: rotate(180deg);}

header span{font-size:12px;}
header .mobile-menu .sub-menu{display:none;position:unset;padding:15px 0 0 0;margin-bottom: -15px;}
header .mobile-menu .sub-menu li {padding: 10px 0 10px 0;border:none;background:#0079ff;border-bottom: 1px solid #ffffff1a;}
header .mobile-menu .sub-menu li a{display:block;padding: 0 25px;color:#fff;font-size:15px;}
header .mobile-menu .sub-menu .menu_sub{display:none;}


header.sticky{position:fixed;top:0;left:0;animation:smoothScroll 1s forwards;background:#0079ff;z-index:999;box-shadow:0 2px 6px 0 rgba(0,0,0,.12);}
header.open{background:#0079ff;}
header.sticky nav ul li a{color:#fff;}
header.sticky nav ul li a:hover {color:#263546;}
header.sticky a.btn:hover{border-color:#fff;color:#fff;}
@keyframes smoothScroll{
	0%{transform:translateY(-40px);}
	100%{transform:translateY(0);}
}


/* Scroll
------------------------------------------------------------------------------*/

.back-to-top{position:relative;margin-top: 0;}
.back-to-top #scrollToTop{position: absolute;right: 30px;bottom: 80px;animation: bounce;animation-duration: 2s;animation-iteration-count: infinite;}


/* Preloader
------------------------------------------------------------------------------*/

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0079ff;z-index:99999999;}
#status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.preloader{display:inline-block;animation: beat .5s infinite alternate;transform-origin: center;}

@keyframes beat{
	to { transform: scale(1.1); }
}


/* Container
------------------------------------------------------------------------------*/

.container {max-width: 1290px;}
.container,
.container-fluid {width: 100%;margin: auto;padding-right: 20px;padding-left: 20px;}
.bg{background-repeat:no-repeat;background-size:cover;}
.heading{text-align:center;}
.red{color:#f55767;}
.blue{color:#2563ff;}
.green{color:#40975f;}

/* Home Banner
------------------------------------------------------------------------------*/
.home-banner{padding: 100px 0 100px 0;background-size: 122vw;background-position: 56% 15%;min-height: 1000px;overflow: hidden;}
.home-banner .container{display:flex;align-items:center;flex-wrap:wrap;}
.home-banner .banner-info{width:49%;}
.home-banner .banner-img{width: 51%;text-align: center;padding-left: 0;position: relative;}
.home-banner .banner-img img {position: relative;top:5px;right: 21px;max-width: 100vw;}
.home-banner .banner-info ul.btn-group{margin:0;padding:0;list-style:none;display:flex;align-items:center;padding-top:35px;}
.home-banner .banner-info ul.btn-group li{padding:0;margin:0;margin-right:29px;}
.home-banner .banner-info ul.btn-group li:last-child{margin-right:0;}
.home-banner .banner-info ul.btn-group li a:hover{opacity:0.9;}


/* Help You
------------------------------------------------------------------------------*/
.help-you{padding:0 0 100px 0;overflow:hidden;margin-top:-100px;}
.help-you .container{max-width:1390px;display:flex;flex-wrap:wrap;align-items:center;}
.help-you .help-info{width:20%;padding:0 48px 0 11px;}
.help-you .help-info h4 {margin-bottom: 35px;}
.help-you .help-info p {line-height: 33px}
.help-you .help-info .btn {margin-top: 28px;}
.help-you .help-list{width:80%;padding-left:22px;padding-top:30px;}
.help-you .help-list ul{display:flex;flex-wrap:wrap;align-items:flex-start;list-style:none;margin:0;padding:0;margin-left:-2.5%;margin-right:-2.5%;}
.help-you .help-list ul li{width:20%;text-align:center;padding:0 0;margin:0 2.5%;}
.help-you .help-list figure{width:175px;height:87px;display:flex;align-items:center;justify-content:center;border-top-left-radius:87px;border-top-right-radius:87px;border:double 2px transparent;background-image:linear-gradient(white,white),radial-gradient(circle at top left,#00c6ff,#0072ff);background-origin:border-box;background-clip:content-box,border-box;border-bottom:none;margin:0 auto;margin-bottom:25px;}
.help-you .help-list figure.border-sky{background-image:linear-gradient(white,white),radial-gradient(circle at top left,#00c6ff,#0072ff);}
.help-you .help-list figure.border-purple{background-image:linear-gradient(white,white),radial-gradient(circle at top left,#9a33f9,#f72f82);}
.help-you .help-list figure.border-green{background-image:linear-gradient(white,white),radial-gradient(circle at top left,#097094,#00de88);}
.help-you .help-list figure.border-yellow{background-image:linear-gradient(white,white),radial-gradient(circle at top left,#fb872b,#fcee21);}
.help-you .help-list figure img {margin-top: 46px;width: 50px;height: 51px}
.help-you .help-list h6{margin:0;padding:0 20px;font-weight:500;}

/* Meadia Mgmt
------------------------------------------------------------------------------*/
.media-mgmt{position: relative;background-repeat: no-repeat;background-size: cover;z-index: 1;padding: 70px 20px 0 20px;}
.media-mgmt:before { content: '';background: linear-gradient(-171deg, rgba(0, 198, 255, 1) 0%, rgba(0, 114, 255, 1) 100%);position: absolute;height: 100%;width: 100%;opacity: 0.95;z-index: -1;top: 0;left: 0;}
.media-mgmt .heading {max-width: 730px;margin: 0 auto;padding-right: 5px;margin-bottom:-30px;}
.media-mgmt .heading h4 {color:#fff;margin-bottom:20px;}
.media-mgmt .heading p {color: #fff;line-height:27px;}

.media-vid {position: relative;max-width: 600px;margin: 0 auto;top:80px;}
.intro-video{width:100%;height:auto;max-width:600px;min-height:338px;margin:0 auto;border-radius:15px;overflow:hidden;}
.intro-video .vjs-loading-spinner{display:none}
.intro-video  .vjs-poster {background-size: cover;background-blend-mode: multiply;background-color: rgba(0,0,0,0.27);}
.intro-video .vjs-big-play-button,
.intro-video .vjs-big-play-button:focus,
.intro-video .vjs-big-play-button:active{position:absolute;top:50%;left:0;right:0;margin:0 auto;border-radius:10px;background:rgba(0,0,0,0.9);border:none;width:65px;height:45px;outline:none;}
.intro-video .vjs-big-play-button:hover,.intro-video:hover .vjs-big-play-button,
.intro-video .vjs-big-play-button:focus,.intro-video .vjs-big-play-button:active{background: rgba(255,0,0,1);color:#fff;}

/* How Easy 
------------------------------------------------------------------------------*/
.how-easy{padding:150px 0 40px 0;overflow:hidden;}
.how-easy .heading{margin-bottom:82px;}
.how-easy .how-easy-info ul.how-easy-list {margin:0;padding:0;list-style: none;}
.how-easy ul.how-easy-list li {display: flex;flex-wrap:wrap;align-items: center;margin:0;padding:0;margin-bottom:80px;}
.how-easy ul.how-easy-list li:last-child {margin-bottom:120px;}
.how-easy ul.how-easy-list li:nth-child(even){flex-direction: row-reverse;}
.how-easy ul.how-easy-list li .list-info {width: 42%;}
.how-easy ul.how-easy-list .list-info span.title-bar {display: inline-block;position: relative;margin-bottom:20px;}
.how-easy ul.how-easy-list .list-info span.title-bar:before{content:'';background:#0096f7;height:6px;width:30px;position:absolute;top:0;left:0;border-radius:50px;box-shadow:0 0 30px 0 rgba(0,156,255,1);-webkit-box-shadow:0 0 30px 0 rgba(0,156,255,1);-moz-box-shadow:0 0 30px 0 rgba(0,156,255,1);}
.how-easy ul.how-easy-list .list-info h2 {font-weight: 300;margin-bottom:15px;}
.how-easy ul.how-easy-list .list-info p {line-height: 30px;}

.how-easy ul.how-easy-list li .list-img {width: 58%;-webkit-box-shadow:10px 15px 40px 0 rgba(0, 0, 0, 0.11);-moz-box-shadow:10px 15px 40px 0 rgba(0, 0, 0, 0.11);box-shadow:10px 15px 40px 0 rgba(0, 0, 0, 0.11);}
.how-easy ul.how-easy-list li:last-child .list-img{-webkit-box-shadow:-10px 15px 40px 0 rgba(0,0,0,0.11);-moz-box-shadow:-10px 15px 40px 0 rgba(0,0,0,0.11);box-shadow:-10px 15px 40px 0 rgba(0,0,0,0.11);}
.how-easy ul.how-easy-list li .list-img img {width: 100%;height: auto;}
.how-easy ul.how-easy-list li:nth-child(odd) .list-info{padding: 10px 50px 10px 0;text-align:left;}
.how-easy ul.how-easy-list li:nth-child(even) .list-info{padding: 10px 0 10px 50px;text-align:right;}

.how-easy ul.how-easy-list li:nth-child(even) .list-info span.title-bar:before{left:unset;right:0;}

.how-easy .how-easy-info ul.how-easy-list li .list-img{position: relative;}
.how-easy .how-easy-info ul.how-easy-list li:first-child .list-img:after{content:'';background-color:#009cfe;width:5000px;height:115px;position:absolute;z-index:-1;left:72%;top:-10%;background:linear-gradient(90deg,rgba(0,198,255,1) 0%,rgba(0,114,255,1) 4%);border-radius:30px;}

.how-easy .how-easy-info ul.how-easy-list li:nth-child(2) .list-img:before{content:'';background-image:url(../images/how-easy-before-2.png);width:665px;height:400px;position:absolute;left:-60px;top:-42%;background-repeat:no-repeat;z-index:-1;background-size:contain;}

.how-easy .how-easy-info ul.how-easy-list li:nth-child(3) .list-img:before{content:'';background-image:url(../images/how-easy-before-3.png);width:200px;height:500px;position:absolute;right:-7%;top:-27%;background-repeat:no-repeat;z-index:-1;background-size:contain;}

.how-easy .how-easy-info ul.how-easy-list li:nth-child(3) .list-img:after{content:'';background-color:#f7fdff;width:5000px;height:413px;position:absolute;left:107%;top:-27%;background-repeat:no-repeat;z-index:-1;}

.how-easy .service-info{padding:70px 0;}
.how-easy .service-info ul.service-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;max-width:1030px;margin:0 auto;border-radius:50px;padding:30px 0 30px 0;background:rgb(0,198,255);background:linear-gradient(90deg,rgba(0,198,255,1) 0%,rgba(0,114,255,1) 100%);position:relative;}
.how-easy .service-info ul.service-list:after{content:"";position:absolute;z-index:-1;bottom:44px;left:0;right:0;width:50%;height:64%;-moz-border-radius:100%;border-radius:100%;box-shadow:0 13px 90px 45px rgba(0,156,255,1);-webkit-box-shadow:0 13px 90px 45px rgba(0,156,255,1);-moz-box-shadow:0 13px 90px 45px rgba(0,156,255,1);margin:0 auto;}

.how-easy .service-info ul.service-list li{width:33.33%;text-align:center;padding:15px 30px 15px 30px;border-right:1px solid rgba(255,255,255,0.3);}
.how-easy .service-info ul.service-list li:last-child{border:none;}
.how-easy .service-info ul.service-list li figure{margin-bottom:22px;}
.how-easy .service-info ul.service-list li h6{margin-bottom:9px;color:#fff;}
.how-easy .service-info ul.service-list li p{font-size:14px;padding:0 78px;font-weight:300;color:#474747;line-height:20px;margin-bottom:16px;}

/* Plans 
------------------------------------------------------------------------------*/
.our-plans {padding: 60px 0 110px 0;}
.our-plans .heading {max-width: 600px;margin: 0 auto;margin-bottom:120px;}
.our-plans .heading h4 {padding: 0 100px;margin-bottom: 31px;}
.our-plans .plans-info {margin-bottom: 80px;}

.our-plans .plans-info ul.plans-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;-webkit-box-shadow:0 24px 100px 5px rgba(0,0,0,0.08);-moz-box-shadow:0 24px 100px 5px rgba(0,0,0,0.08);box-shadow:0 24px 100px 5px rgba(0,0,0,0.08);}
.our-plans ul.plans-list > li{width:33.33%;border:1px solid #eee;border-radius:10px;overflow:hidden;display: flex;flex-direction: column;justify-content: center;box-shadow: 0 0 46px rgba(0,0,0,.07);}
.our-plans ul.plans-list > li.basic{padding:0 50px 0 25px;}
.our-plans ul.plans-list > li.standard {padding: 0 25px 0 50px;}

.our-plans ul.plans-list > li .price {display: flex;align-items: center;justify-content:space-between;padding:25px 0;border-bottom:2px solid #eee;}
.our-plans ul.plans-list > li .price h3,.our-plans ul.plans-list > li .price h5 {margin: 0;}
.our-plans ul.plans-list > li .price h3{color:#adacac;}
.our-plans ul.plans-list > li .price h5{color:#000;}

.our-plans ul.plans-list > li .details{padding:30px 0;}
.our-plans ul.plans-list > li .details p{color:#5d5d5d;font-size:14px;margin-bottom:30px;}
.our-plans ul.plans-list > li .details ul{margin:0;padding:0;list-style:none;}
.our-plans ul.plans-list > li .details li{color:#5d5d5d;font-size:14px;position:relative;padding-left:31px;margin-bottom:4px;}
.our-plans ul.plans-list > li .details li:before{content:'';background-image:url(../images/checked-icon-1.png);height:14px;width:14px;position:absolute;left:4px;top:6px;background-size:100%;background-repeat:no-repeat;}
.our-plans ul.plans-list > li .details a.btn{margin-top:24px;padding:13px 28px;font-weight:300;}
.our-plans ul.plans-list > li .details a.btn:after{display:none;}

.our-plans ul.plans-list > li.premium{transform: scale(1.12);z-index: 1;background: #fff;padding:0;}
.our-plans ul.plans-list > li.premium .price{border-bottom:none;padding:23px 30px;}
.our-plans ul.plans-list > li.premium .price h3{color:#00abff;}
.our-plans ul.plans-list > li.premium .price h5{color:#33cc66;}
.our-plans ul.plans-list > li.premium  .details{padding: 25px 30px;background: linear-gradient(180deg,rgba(0,198,255,1) 0%,rgba(0,114,255,1) 100%);}
.our-plans ul.plans-list > li.premium .details p,.our-plans ul.plans-list > li.premium .details li{color:#fff;font-size:12px;font-weight:300;}

.our-plans ul.plans-list > li.premium .details p {margin-bottom:25px;}
.our-plans ul.plans-list > li.premium .details li {padding-left:21px;margin-bottom:2px;}
.our-plans ul.plans-list > li.premium .details li:before{background-image:url(../images/checked-icon-2.png);height:10px;width:11px;position:absolute;left:-3px;top:5px;}
.our-plans ul.plans-list > li.premium .details a.btn{margin-top: 28px;padding: 10px 20px;background: #fff;color: #0091ff;font-size: 15px;z-index:2;}
.our-plans ul.plans-list > li.premium .details a.btn:before{z-index:1;box-shadow: 5px 0 60px 10px rgb(239 243 245);-webkit-box-shadow: 5px 0 60px 10px rgb(238 242 245);-moz-box-shadow: 5px 0 60px 10px rgba(0,156,255,1);}

.our-plans .check-plans {padding: 50px 0 50px 0;text-align: center;}
.our-plans .check-plans h4 {margin-bottom: 51px;}
.our-plans .check-plans a.btn {min-width: 180px;}


/* Blog
------------------------------------------------------------------------------*/
.common-banner{position:relative;min-height:400px;overflow:hidden;z-index:-1;}
.common-banner::after{content:'';position:absolute;left: -307px;top: -185px;display: block;height: 895px;width: 140vw;background-image:url(../images/curve.svg);background-size:100% 100%;}

.blog {margin-top: -241px;padding:0 0 150px 0;z-index:2;}
.blog .heading {margin-bottom: 114px;}
.blog .blog-list-wrap {display: flex;flex-wrap: wrap;align-items: flex-start;}
.blog .blog-list-wrap aside {width: 25%;margin:0;padding: 0;padding-right:25px;}
.blog .blog-list-wrap article{width: 75%;margin: 0;padding: 8px 0 0 25px;}
.blog .blog-list-wrap aside form label{display:none;}

.blog .blog-list-wrap aside ul,.blog .blog-list-wrap article ul{margin:0;padding:0;list-style:none;}
.blog aside form .form-group-wrap {position: relative;}
.blog aside form input{border-radius:0;padding:15px 50px 15px 25px;}
.blog aside form button{position:absolute;right:0;top:0;margin:0;background:#00c6ff;border-radius:0;border:none;padding:10px 14px;cursor:pointer;height:100%;min-width:46px;}

.blog aside ul.blog-sidebar > li {padding: 0;margin-bottom:45px;}
.blog aside .recent-post ul li{border-bottom: 1px solid #eee;padding:14px 0;margin-bottom:6px;transition:all ease 0.3s;cursor:pointer;}
.blog aside .categories li a{border-bottom: 1px solid #eee;padding:10px 0;transition:all ease 0.3s;display:block;font-size:14px;}
.blog aside .recent-post ul li:hover,
.blog aside .recent-post ul li.active,
.blog aside .categories li a:hover,
.blog aside .categories li a.active{color:#00c6ff;border-bottom: 1px solid #00c6ff;}
.blog aside ul.blog-sidebar time {font-size: 14px;color:#c6c6c6;}

.blog aside .recent-post ul li p{margin-bottom:4px;}
.blog aside .recent-post h6{margin-bottom:17px;}
.blog aside .categories ul li{padding:0;margin-bottom:6px;padding-right:50px;}


.blog aside .tags a{font-size:14px;}
.blog aside .tags ul{display:flex;flex-wrap:wrap;align-items:center;padding-right:20px;}
.blog aside .tags ul li{margin:0 10px 10px 0;padding:0;}
.blog aside .tags ul li a{border:1px solid #ccc;background:transparent;color:#c5c5c5;padding:5px 6px;display:inline-block;margin:0;font-size:14px;}
.blog aside .tags ul li a.active,.blog aside .tags ul li a:hover{border-color:#00c6ff;background:#00c6ff;color:#fff;display:inline-block;margin:0;}
.blog aside h6 {margin-bottom: 25px;}

.blog article ul.blog-list > li{margin-bottom:50px;padding:0;-webkit-box-shadow:0 15px 60px 4px rgba(0,0,0,0.07);-moz-box-shadow:0 15px 60px 4px rgba(0,0,0,0.07);box-shadow:0 15px 60px 4px rgba(0,0,0,0.07);}
.blog article .media-vid{max-width:100%;position: unset;}
.blog article .media-vid .intro-video{max-width:100%;border-radius:0;}

.blog article .blog-img img{width:100%;height:auto;}
.blog article .blog-details{padding:33px 33px;}
.blog article .blog-details ul.date-cat{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.blog article .blog-details ul.date-cat li{display:flex;align-items:center;padding:0;margin:0;}
.blog article .blog-details ul.date-cat li figure {margin-right: 10px;}
.blog article .blog-details ul.date-cat li p{margin:0;padding:0;}
.blog article .blog-details h4 {margin-bottom:10px;padding-right: 50px;}
.blog article .blog-details h4 ~ p {margin-bottom: 20px;}
.blog article .blog-details a.read-more { border-bottom: 2px solid #ccc; color: #263546; font-size: 16px; }
.blog article .blog-details a.read-more:hover{border-color:#00c6ff;color:#00c6ff;}

.blog article .blog-details blockquote ~ p {margin-top: 30px;}

.simple-pagination {display: flex;justify-content: flex-end;padding:0;margin:0;}
.simple-pagination ul{margin:0 0 20px;padding:0;list-style:none;text-align:center;}
.simple-pagination li{display:inline-block;margin-right:10px;}
.simple-pagination li.disabled {display: none;}
.simple-pagination li a,
.simple-pagination li span{color:#000;padding:7px 16px;text-decoration:none;border:1px solid #eee;background:#FFF;box-shadow:none;border-radius:0;display:inline-block;box-shadow:none;max-width:100%;margin:0;}
.simple-pagination .current,
.simple-pagination li a:hover,
.simple-pagination li span:hover{color:#FFF;background-color:#00c6ff;border-color:#00c6ff;}
.simple-pagination .prev.current,
.simple-pagination .next.current{background:#00c6ff;}


/* Blog-Single
------------------------------------------------------------------------------*/
.blog.blog-single {margin-top: -50px;}
.blog.blog-single .blog-list-wrap {flex-direction:row-reverse;}
.blog.blog-single .blog-list-wrap aside {padding: 0;padding-left:25px;}
.blog.blog-single .blog-list-wrap article{padding: 8px 30px 0 0;}

.blog.blog-single article .blog-details{padding:30px 0;}

.blog-single article .blog-details .date-like-wrap{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.blog-single article .blog-details ul.date-cat {width:55%;margin: 0;}
.blog-single article .blog-details ul.like-btn-wrap{width:45%;display:flex;justify-content:flex-end;}
.blog-single article .blog-details ul.like-btn-wrap li{display:flex;align-items:center;padding:0;margin:0;margin-right:20px;}
.blog-single article .blog-details ul.like-btn-wrap li:last-child{margin-right:0;}
.blog-single article .blog-details ul.like-btn-wrap li figure{margin-right:10px;}

.blog.blog-single article .blog-details h4{margin-bottom:25px;}
.blog.blog-single .common-content p{margin-bottom:25px;}
.blog.blog-single .common-content blockquote p{margin-bottom:0;}
.blog-single .common-content blockquote{margin-bottom:25px;}

.blog-single article .blog-details ul.btn-group {display: flex;justify-content: space-between;padding:30px 0;}
.blog-single article .blog-details ul.btn-group li {padding: 0;}
.blog-single .comment-box p.comment-no{color: #263546;font-weight: 400;margin-bottom: 50px;}
.blog-single ul.comment-list > li{display:flex;flex-wrap:wrap;align-items:flex-start;padding:20px 35px 35px 15px;-webkit-box-shadow:0 15px 60px 4px rgba(0,0,0,0.07);-moz-box-shadow:0 15px 60px 4px rgba(0,0,0,0.07);box-shadow:0 15px 60px 4px rgba(0,0,0,0.07);margin-bottom:70px;}
.blog-single ul.comment-list > li:last-child{margin-bottom:0;}    
.blog-single ul.comment-list .comment-img {width: 15%;padding-right:1%;}
.blog-single ul.comment-list .comment-info {width: 85%;padding-left: 11px;padding-top: 15px;}
.blog-single ul.comment-list .comment-info .name-date{display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.blog-single ul.comment-list .comment-info .name-date time{color:#7ee1fe;font-size:14px;}
.blog-single ul.comment-list .comment-info .name-date h6{margin:0;}
.blog-single ul.comment-list .comment-info p {margin-bottom: 25px;line-height: 34px;}
.blog-single ul.comment-list .comment-info form {max-width: 521px;}
.blog-single ul.comment-list .comment-info form input[type="text"]{font-size:14px;padding:15px 0;border: none;border-bottom: 1px solid #dedede;border-radius: 0;}

.blog-single .comment-form p {font-size: 14px;color: #263546;font-weight: 400;margin-bottom: 25px;}

.blog-single article .blog-details .comment-box {margin-top:45px;}

.blog-single .comment-box ul.comment-list {padding-bottom: 50px;}
.blog-single .comment-box .comment-form {margin-top: 50px;}
.comment-form .form-group{margin-bottom:35px;}

.comment-form input[type="text"],
.comment-form input[type="password"],
.comment-form input[type="email"],
.comment-form input[type="tel"],
.comment-form input[type="search"],
.comment-form input[type="number"],
.comment-form textarea{padding: 15px 33px;font-size: 14px;-webkit-box-shadow:0 0px 45px 5px rgba(0,0,0,0.07);-moz-box-shadow:0 0px 45px 5px rgba(0,0,0,0.07);box-shadow:0 0px 45px 5px rgba(0,0,0,0.07);border: none;}
.comment-form textarea{height: 200px;}
.comment-form .form-group.submit-btn {text-align: left;}
.comment-form .form-group.submit-btn .btn {padding: 12px 57px;}
.comment-form .form-group.submit-btn .btn:after,.comment-form .form-group.submit-btn .btn:before{display:none;}

/* Footer 
------------------------------------------------------------------------------*/
footer{position:relative;overflow:hidden;padding: 100px 0 0 0;margin-top: -100px;}
footer .footer-wrap{padding:65px 0 0 0;position:relative;max-width:1170px;margin:0 auto;}
footer .footer-wrap:before{content:'';background-image:url(../images/footer-before-1.png);left:-226px;top:-98px;height:540px;width:252px;position:absolute;z-index:-1;background-repeat:no-repeat;background-size:100%;}
footer .footer-wrap:after { content: ''; background-image: url(../images/footer-before-2.png); position: absolute; z-index: 2; right: -250px; top: 71px; height: 358px; width: 275px; background-repeat: no-repeat; background-size: 100%; }

footer .inner-wrap{position:relative;}
footer .inner-wrap:before{content:'';background:rgba(255,255,255,0.8);height:100%;width:1350px;position:absolute;right:0;left:-87px;top:-70px;transform:perspective(51px) rotateX(1.2deg);margin:0 auto;z-index:0;box-shadow:0 -28px 67px 0 rgba(0,156,255,0.1);-webkit-box-shadow:0 -28px 67px 0 rgba(0,156,255,0.1);-moz-box-shadow:0 -28px 67px 0 rgba(0,156,255,0.1);border-top-left-radius:60px;border-top-right-radius:60px;}
footer .inner-wrap:after{content:'';position:absolute;height:0%;width:80%;top:124px;left:0;right:0;background:transparent;box-shadow:0 34px 134px 143px rgba(0,156,255,0.2);-webkit-box-shadow:0 34px 134px 143px rgba(0,156,255,0.2);-moz-box-shadow:0 34px 134px 143px rgba(0,156,255,0.2);border-radius:10%;margin:0 auto;opacity:0.3;}
footer .container{position:relative;}
footer .main-footer{display:flex;flex-wrap:wrap;}
footer .main-footer .footer-links {width: 62%;}
footer .main-footer .footer-about {width: 38%;padding: 0;margin: 0;	}
footer .main-footer .footer-links ul{padding:0;margin:0;list-style:none;}
footer .main-footer .footer-links > ul{display:flex;flex-wrap:wrap;}
footer .main-footer .footer-links > ul >li{width:20%;}
footer .main-footer .footer-links > ul >li >ul >li {margin-bottom: 13px}
footer .main-footer li,footer .main-footer p {font-size: 14px;padding:0;margin:0;}
footer .main-footer h6 {font-size: 16px;margin-bottom: 19px;}

footer .footer-about h6 {margin-bottom: 12px;}
footer .footer-about p {line-height: 35px;}

footer .copywrite {padding: 7px 0;text-align: center;}
footer .copywrite p {font-size: 14px;}

/* Animation
------------------------------------------------------------------------------*/