/* ==== Site Name: index  ====

Theme Name: Mediafy
Author: Mediafy
Version: 1.1

PAGE BLOCKS:-

    01 - GENERAL STYLES
    02 - WEB-FONTS
    03 - Global-styles
    04 - GLOBLE-BLOCKS
    05 - HEADER
    06 - BANNER
    07 - MAGIC-HAPPEN
    08 - DEVELOMENT
    09 - CUSTOM-WEBSITE
    10 - CUSTOM-WEBSITE
    11 - WHY-US 
    12 - FOOTER
    13 - INNER-BANNER 
    14 - CASE-STUDY
    15 - REAL-ESTATE-WEBSIT-DESIGN

*/



/* ===== GENERAL STYLES  ====== */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #000; font-weight: 700; font-family: 'Montserrat', sans-serif; }
h1 { font-size: 70px; line-height: 80px; color: #ffffff; letter-spacing: 2px; font-family: 'gothambold'; }
h2 { font-size: 42px; color: #171717; line-height: 46px; letter-spacing: 1px; font-family: 'gothambold'; }
h3 { font-size: 30px; color: #171717; line-height: 46px; font-family: 'gothambold'; }
h4 { font-size: 28px; color: #171717; line-height: 36px; }
h5 { font-size: 24px; color: #000000; line-height: 34px; }
p { margin: 0 0 15px; font-size: 18px; color: #171717; line-height: 32px; font-weight: 400; }
li { list-style:none; }
ul { padding:0; margin:0px;}
body { width:100%; height:100%; margin:0; padding:0; color:#000; font-size: 16px; font-weight: 400; font-family: 'Montserrat', sans-serif; overflow-x:hidden; }
a { text-decoration:none; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; color:inherit; }
a:hover, 
a:focus { text-decoration:inherit; outline:none; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
a img { border:none; transition: all 0.3s ease 0s; }
img {max-width:100%;}
body.overflow-y { overflow-y:hidden; }
section { padding: 60px 0; }
.container-fluid { max-width: 1500px; padding: 0 15px; }

/*======= * WEB-FONTS * ==========*/
@font-face {
    font-family: 'gothambold';
    src: url('fonts/gotham-bold.woff2') format('woff2'),
         url('fonts/gotham-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*======= *Global-styles* ==========*/
.btn { font-size: 18px; font-weight: 700; color: #ffffff; display: inline-block; border: 3px solid #ffffff; padding: 17px 54px 16px; background-color: transparent; letter-spacing: 0.5px; border-radius: 0; }
.btn:hover { background-color: #e42431; border-color: #e42431; color: #ffffff; }

.btn-white { color: #e42431; background-color: #ffffff; }
.btn-white:hover { border-color: #e42431; background-color: transparent; color: #e42431; }

.btn-violet { color: #ffffff; background-color: #e42431; display: inline-block; border-color: #e42431; padding: 14px 24px 13px; letter-spacing: 0.5px; }
.btn-violet:hover { background-color: transparent; color: #e42431; border-color: #e42431; }

.btn-red { background-color: transparent; color: #e42431; border-color: #e42431; display: inline-block; border-color: #e42431; padding: 14px 24px 13px; letter-spacing: 0.5px; }
.btn-red:hover { color: #ffffff; background-color: #e42431;  }

.social-circle li { display: inline-block; padding: 0 4px; }
.social-circle li:after { display: none; }
.social-circle li a { display: inline-block; font-size: 16px; color: #ffffff; width: 42px; height: 42px; line-height: 42px; text-align: center; background-color: #d92330; border-radius: 50%; }

.social-icons { margin: 0; }
.social-icons li { padding: 0 8px; font-size: 16px; color: #000000; display: inline-block; }
.social-icons li a { color: #000000; }
.social-icons li:hover a { color: #ffffff; }

footer ul li,
section ul li { position: relative; font-size: 18px; font-weight: 400; color: #171717; line-height: 26px; padding-left: 23px; margin-bottom: 10px; }
footer ul li:after,
section ul li:after { content: "\f138"; position: absolute; font-family: fontawesome; font-size: 18px; color: #e32332; left: 0; top: 0; }

/*======= *Global-Blocks* ==========*/
.adv { float: left; width: 25%; text-align: center; padding: 0 5px; }
.adv figure { margin: 0 auto 28px; }
.adv h4 { color: #191919; margin-bottom: 4px; }
.adv p { color: #191919; }

.talk { background-color: #fff; padding: 38px 33px 49px; border-radius: 6px; position: relative; margin-top: -120px; }
.talk:after { content: ""; position: absolute; top: 0; left: 0; border: 8px solid #e3e5e6; width: 100%; height: 100%; border-radius: 6px; z-index: 0; }
.talk h3 { margin-bottom: 19px; font-size: 34px; }
form { position: relative; z-index: 2; }
form .form-group { float: left; width: 50%; margin-bottom: 45px; position: relative; padding-right:30px; }
/* form .form-group:nth-child(odd) { padding-left: 20px; }
form .form-group:nth-child(even) { padding-right: 20px;}
form .form-group:nth-child(7) .form-control { padding-left:0; } */
form .form-group.area { float: none; width: 100%; margin-bottom: 25px; overflow: hidden; }
form .form-group.area .form-control { height: 95px; padding-top: 0; }
form .form-group label { font-size: 14px; color: #303030; margin: 0; position: absolute; left: 3px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); }
/* form .form-group:nth-child(odd) label { left: 20px; } */
form .form-group.area label { top: 0; transform: translateY(0); }
form .form-group .form-control { box-shadow: none; background-color: transparent; border-color: transparent; border-bottom: 1px solid #acacac; border-radius: 0; resize: none; font-size: 14px; font-weight: 500; color: #171717; height: 38px; letter-spacing: 0.5px; padding: 0 10px 0 28px; letter-spacing: 2px; }
form .form-group .form-control::-webkit-input-placeholder { color: #171717; }
form .form-group .form-control::-moz-placeholder { color: #171717; }
form .form-group .form-control:-ms-input-placeholder { color: #171717; }
form .form-group .form-control:-moz-placeholder { color: #171717; }
form .file p { display: inline-block; font-size: 14px; font-weight: 700; color: #663399; text-transform: uppercase; margin: 0; }
form .file p i { display: inline-block; margin-right: 4px; }
form .file p a:hover { color: #663399; }
form .checkbox { display: inline-block; padding-left: 55px; }
form .checkbox label { font-size: 14px; color: #303030; line-height: 400; line-height: 25px; }
form .btn { padding: 14px 23px; border-radius: 7px; margin-top: 15px; font-size: 16px; }
form .wpcf7-list-item { margin: 0; }
form .wpcf7-list-item-label { font-weight: 400; font-size: 14px; margin-left: 5px; }
/* form .form-group:nth-child(6) .form-control { padding: 0 5px; } */

.testimonial { text-align: center; }
.testimonial h2 { margin-bottom: 29px; }
.testimonial p { line-height: 28px; margin-bottom: 18px; }
.testimonial strong { display: block; font-size: 20px; font-weight: 500; color: #131313; line-height: 40px; }

.ecomm li { padding: 10px 0; float: left; width: 33.3%; text-align: center; border-right: 1px solid #d6d6d6; }
.ecomm li:last-child { border: 0; }
.ecomm li:after { display: none; }
.ecomm figure { margin-bottom: 7px; }
.ecomm p { color: #131313; font-weight: 600; text-transform: uppercase; margin-bottom: 22px; }
.ecomm h5 { font-size: 20px; font-weight: 700; color: #dd2330; }
.ecomm h5 i { display: inline-block; margin-left: 6px; }
.ecomm h5 a:hover { color: #dd2330; }

/*======= HEADER ==========*/
.mobile-toggle{ display: none; }
header { position: absolute; z-index: 99; left: 0; right: 0; margin: 0 auto; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
header.affix { background-color: rgba(0, 0, 0, 0.7); transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
header.affix .logo { max-width: 260px; width: 100%; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
header.affix #nav { padding-top: 12px; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
header .logo { display: inline-block; padding: 13px 0 11px; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
#nav{ float: right; padding-top: 26px; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
header .navbar-nav { float: none; display: inline-block; vertical-align: middle; padding-right: 20px; padding-top: 10px; }
header .navbar-nav li { padding-right: 46px; position: relative; }
header .navbar-nav li:last-child { padding-right: 0; }
header .navbar-nav li a {white-space: nowrap; font-size: 18px; font-weight: 600; color: #feffff; position: relative; letter-spacing: 0.5px; padding: 22px 0; }
header .navbar-nav li a:hover { color: #e32433; }
.header-btns { float: left; }
header .white { margin-top: 5px; }
header .get_start { display: inline-block; }
header .logo .wp-block-image { margin-bottom: 0; }
header .logo .wp-block-image img { width: auto; height: auto; }
header .call { display: inline-block; font-size: 18px; font-weight: 700; color: #ffffff; padding: 0 22px 0 50px; letter-spacing: 0.5px; position: relative; top: 2px; }
header .call a:focus,
header .call:hover a { color: #e42431; }
header .btn-violet:focus { color: #fff; }
header .get_start p { margin:0; }
header .navbar-nav .current-menu-item a { color: #e32433; }
header .navbar-nav #menu-item-10 a { color:#fff; }
header .navbar-nav #menu-item-11 a { color:#fff; }
header .container-fluid { max-width:100%; }

header .navbar-nav .sub-menu{ margin-top: 20px; border-top: 5px solid #e42431; background-color: rgba(255,255,255,0.8); padding:0; display: none; position: absolute; max-width: 430px;  }
header .navbar-nav li:hover .sub-menu { display: block !important; }
header .navbar-nav .sub-menu li{ padding:8px; }
header .navbar-nav .sub-menu li:hover{ background-color: rgba(255,255,255,0.5);  }
header .navbar-nav .sub-menu a { color: #333 !important; font-size: 15px; }

/*======= BANNER ==========*/
.banner { text-align: center; position: relative; z-index: 0; padding: 0; }
.banner .item { min-height: 852px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; }
.banner .content { position: absolute; top: 52%; transform: translateY(-48%); -webkit-transform: translateY(-48%); -ms-transform: translateY(-48%); -moz-transform: translateY(-48%); text-align: left; max-width: 1600px; width: 100%; margin: 0 auto; left: 0; right: 0; padding: 0 15px; text-align: center; z-index: 1; }
.banner h1 { margin-bottom: 17px; }
.banner h1 strong { background-color: #e32431; padding: 0px 8px 8px 14px; }
.banner h3 { margin-bottom: 34px; color: #ffffff; line-height: 46px; letter-spacing: 1px; }
.banner h3 strong { display: block; margin-top: 7px }
.banner a { margin: 0 6px; }
.banner .btn.btn-white { padding: 13px 43px; }
.banner .btn { padding: 13px 40px; }

/*======= MAGIC-HAPPEN ==========*/
.magic-happen { text-align: center; padding: 76px 0 58px; background-repeat: no-repeat; background-position: bottom; background-size: cover; }
.magic-happen h2 { margin-bottom: 29px; }
.magic-happen p { margin-bottom: 26px; }
.magic-happen .btn { margin-top: 5px; padding: 14px 51px 13px; }

/*======= CUSTOM-WEBSITE ==========*/
.custom-website { padding: 67px 0 46px; }
.custom-website.market { padding: 0 0 55px !important; }
.custom-website.market .container { text-align: center; }
.custom-website.market .container h2 { color: #e32330; margin-bottom: 12px; font-size:50px; }
.custom-website.market .container p { margin-bottom: 32px; }
.custom-website .container-fluid { display: flex; }
.custom-website aside { width: 50%; align-self: center; padding: 0 15px; }
.custom-website h2 { margin-bottom: 19px; letter-spacing: 0; }
.custom-website .content { max-width: 720px; width: 100%; }
.custom-website .content.in { max-width: 660px; padding-left: 30px; }
.custom-website figure { text-align: center; }
.custom-website p { margin-bottom: 30px; }
.custom-website .btn { padding: 14px 40px 13px; margin-right: 15px; }
.custom-website ul { margin-bottom: 28px; }
.custom-website:nth-child(odd) { background-color: #f0f2f7; padding: 65px 0 59px; }
.custom-website:nth-child(odd) .container-fluid { flex-direction: row-reverse; }
.custom-website:nth-child(even) figure { text-align: center; }
.custom-website.in { padding: 52px 0 33px; }

/*======= ADVERTISING ==========*/
.advertising { text-align: center; padding: 72px 0 62px; }
.advertising h2 { margin-bottom: 37px; }

/*======= HOME-BLOG ==========*/
.home-blog.blog-page { padding: 71px 0 79px !important; background-color: #f1f2f7; }
.home-blog h2 { text-align: center; margin-bottom: 22px; }
.blog-block { float: left; width: 33.3%; border-right: 1px solid #cbcbcb; padding: 61px 29px 70px; }
.blog-block:hover { background-color: #e42431; }
.blog-block:hover strong { color: #ffffff; }
.blog-block:hover h3 a { color: #ffffff; }
.blog-block:hover p { color: #ffffff; }
.blog-block strong { display: block; font-size: 16px; font-weight: 300; color: #663399; line-height: 28px; margin-bottom: 4px; }
.blog-block h3 { font-size: 36px; color: #171717; line-height: 46px; margin-bottom: 8px; letter-spacing: 0; }
.blog-block h3 a { color: #171717; }
.blog-block p { color: #a6a6a6; font-weight: 300; }
.home-blog.blog-page .grid{ margin-bottom: 0; }

/*======= OUR-WORK ==========*/
.our-work { display: flex; flex-direction: row-reverse; /*padding: 30px 0 26px;*/ padding: 0; }
.our-work .item { display: flex; flex-direction: row-reverse; }
.our-work aside { width: 50%; align-self: center; }
.our-work figure img { display: none !important; }
.our-work .img-block { min-height: 640px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; }
.our-work .text-block { max-width: 670px; width: 100%; float: right; padding: 0 15px; }
.our-work .content { background-color: #f0f2f7; padding: 65px 0 58px; }
.our-work ul { margin: 18px 0 12px; }
.our-work ul li { display: inline-block; padding: 0 8px 0 0; }
.our-work ul li a { display: inline-block; font-size: 14px; color: #191919; background-color: #d6d8dc; padding: 5px 23px 4px; text-transform: uppercase; font-weight: 500; border-radius: 30px; }
.our-work ul li:after { display: none; }
.our-work h2 { margin-bottom: 12px; }
.our-work h3 { font-size: 36px; color: #e22332; line-height: 46px; }
.our-work .btn-violet { margin-top: 16px; padding: 14px 40px 13px; }

/*======= WHY-US ==========*/
.why-us { text-align: center; padding: 95px 0 90px; }
.why-us p { margin-bottom: 35px; }
.why-us h2 { margin-bottom: 29px; } 
.why-us .btn { padding: 14px 55px 13px; margin-top: 25px; }
.why-us ul { text-align: left; max-width: 800px; width: 100%; margin: 0 auto; }
.why-us ul li:after { content: "\f00c"; }
.why-us ul li { float: left; width: 50%; padding-left: 26px; }

/*======= OUR EXPERTISE ==========*/
.our-expertise { text-align: center; padding: 66px 0 20px; }
.our-expertise .owl-carousel { max-width: 1800px; width: 100%; margin: 0 auto; }
.our-expertise h2 { margin-bottom: 25px; }
.our-expertise .item { text-align:center; }
.our-expertise figure { margin-bottom:12px; }
.our-expertise figure img { width: auto !important; text-align: center; margin: 0 auto; }
.our-expertise h4 { text-transform: uppercase; text-align: center; font-size:27px }

/*======= INTERESTED ==========*/
.interested { padding: 35px 0 13px; }
.interested h3 { color: #e42431; margin-bottom: 7px; font-family: 'Montserrat', sans-serif; font-size: 28px; }
.interested h5 { font-size: 22px; font-weight: 300; color: #303030; text-transform: uppercase; letter-spacing: 2px; }

/*======= FOOTER ==========*/
footer { background-repeat: no-repeat; background-position: center; background-size: cover; }
footer .social-icons { padding-top: 2px; }
footer .social-icons li a { color: #ffffff; }
footer .social-icons li:after { display: none; }
footer h5 { font-weight: 400; margin-bottom: 12px; color: #fff; }
footer ul li { color: #fff; }
footer .mail { display: flex; margin-top: 43px; background-color: #3c3b3b; padding: 14px 6px 15px; border-radius: 8px; } 
footer .mail:nth-child(2) { background-color: #e42431; margin: 24px 0 36px; }
footer .mail figure { align-self: center; width: 70px; text-align: center; }
footer .mail .info { align-self: center; }
footer .mail p { font-size: 15px; font-weight: 300; color: #ffffff; line-height: 25px; text-transform: uppercase; margin-bottom: 0; }
footer .mail h5 { margin-bottom: 0; font-weight: 700; letter-spacing: 0.5px; }
footer .mail h5 a:hover { color: #fff; }
footer .connect .address { float: left; }
footer .connect { background-color: rgb(42, 39, 39, 0.88); padding: 20px 0 10px; margin-top: 65px; }
footer .connect p { font-size: 15px; color: #ffffff; letter-spacing: 0.5px; margin-bottom: 0; }
footer .connect p strong { display: block; margin-bottom: 4px; font-size: 16px; }
footer .con-with { float: right; }
footer .con-with p { text-transform: uppercase; text-align: right; }
footer .copy p { text-align: center; margin-bottom: 0; color: #ffffff; padding: 15px 0 11px; }

/*======= INNER-BANNER ==========*/
.inner-banner { background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 400px; position: relative; text-align: center; }
.inner-banner .content { position: absolute; left: 0; right: 0; max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 15px; top: 58%; transform: translateY(-42%); -webkit-transform: translateY(-42%); -ms-transform: translateY(-42%); -moz-transform: translateY(-42%); }
.inner-banner h1, .single .inner-banner h5 { font-size: 50px; color: #ffffff; line-height: 50px; text-shadow: 17px 11px 23px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 17px 11px 23px rgba(0, 0, 0, 0.2); -ms-text-shadow: 17px 11px 23px rgba(0, 0, 0, 0.2); -moz-text-shadow: 17px 11px 23px rgba(0, 0, 0, 0.2); }
 
/*======= CASE-STUDY ==========*/
.case-study { padding: 83px 0 5px; }
.case-study p { text-align: center; line-height: 32px; }
.case-study h2 { text-align: center; }
.case-study .case-bachan { position: relative; padding-top: 7px; }
/*.case-study .case-bachan:after { content: ""; position: absolute; width: 100%; left: 0; background-color: #313855; bottom: 19px; z-index: -1; height: 56%; }*/
.case-study .case-bachan figure { padding-left: 105px; }
.case-study .challenge { padding: 101px 0 66px; }
.case-study .challenge-bg { position: relative; }
.case-study .challenge-bg figure { max-width: 1700px; width: 100%; margin: 0 auto; padding: 0 0 0 15px; }
/*.case-study .challenge-bg:after { content: ""; position: absolute; background-image: url(images/case-study2-after.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 76%; bottom: 61px; z-index: -1; }*/
.case-study .approach-bg { position: relative; text-align: center; }
/*.case-study .approach-bg:after { content: ""; background-color: #313855; position: absolute; width: 100%; height: 80%; bottom: 19px; left: 0; z-index: -1; }*/
.case-study .result { text-align: center; padding-top: 54px; }
.case-study .result .img-result { background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 700px; }
.case-study .result h3 { font-size: 40px; color: #131313; line-height: 40px; margin-bottom: 28px; }
.case-study .result ul { max-width: 1300px; width: 100%; margin: 0 auto 48px; }
.case-study .result ul li { float: left; width: 33.3%; padding: 0 15px; }
.case-study .result ul li:after { display: none; }
.case-study .result strong { font-size: 100px; font-weight: 700; color: #131313; display: block; line-height: 100px; margin-bottom: 8px; }
.case-study .result p { font-size: 21px; color: #131313; line-height: 33px; }
.case-study .result figure img { width: 100%; }
.case-study .spread { margin-top: 56px; }
.case-study .spread p { display: inline-block; font-weight: 600; margin-right: 17px; }
.case-study .spread ul { display: inline-block; }
.case-study .testimonial { padding-top: 68px; }
.case-study .case-bachan .case-bg { position: absolute; width: 100%; left: 0;  bottom: 19px; z-index: -1; height: 56%; }
.case-study .challenge-bg .challenge-bg-img { position: absolute; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 76%; bottom: 61px; z-index: -1; }
.case-study .approach-bg .approach-bg-color { position: absolute; width: 100%; height: 80%; bottom: 19px; left: 0; z-index: -1; }

/*======= REAL-ESTATE-WEBSIT-DESIGN ==========*/
.real-estate { padding: 0 0 25px; }
.real-estate .custom-website { background-color: transparent; }
.real-estate .custom-website:nth-child(even) { background-color: #e9ecf5; }
.real-estate .custom-website .container-fluid { flex-direction: row-reverse; }
.real-estate .custom-website:first-child .content { float: right; }
.real-estate .custom-website:first-child figure { text-align: left; }
.real-estate .custom-website:nth-child(2) figure { text-align: right; margin-right: 42px; }
.real-estate .custom-website h4 { margin-bottom: 12px; }
.custom-website.real .case { text-align: center; display: block; padding-bottom: 15px; }
.custom-website.real { padding: 62px 0 44px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.custom-website.real .container-fluid { flex-direction: row-reverse; }
.custom-website.real .text-block { width: 40%; }
.custom-website.real .text-block h2 { margin-bottom: 26px; }
.custom-website.real .img-block { width: 60%; padding-left: 20px; }
.custom-website.real .btn { border-color: #dd2330; color: #663399; font-size: 16px; padding: 15px 23px; }
.custom-website.real .btn:hover { color: #fff; }
.custom-website.real .btn.btn-violet { color: #fff; margin-right: 16px; }
.custom-website.real .btn.btn-violet:hover { color: #dd2330; }
.custom-website.real figure img { height: auto; }

/*======= ECOMMERCE ==========*/
.ecommerce { padding: 0; }
.ecommerce .platform { background-color: #eaecf5; text-align: center; padding: 65px 0 50px; }
.ecommerce .platform h2 { margin-bottom: 22px; }
.ecommerce .platform ul { padding-top: 30px; }
.ecommerce .custom-website { padding: 0; }
.ecommerce .custom-website:nth-child(2) aside { padding: 0; }
.ecommerce .custom-website:nth-child(2) .content { max-width: 780px; width: 100%; padding-right: 15px; float: right; }
.ecommerce .custom-website:nth-child(even) { background-color: transparent; }
.ecommerce .custom-website:nth-child(even) .container-fluid { flex-direction: row-reverse; }
.ecommerce .custom-website:nth-child(odd) { background-color: #eaecf5; }
.ecommerce .custom-website:nth-child(odd) .container-fluid { flex-direction: inherit; }
.ecommerce .custom-website:nth-child(2) aside { padding: 66px 0 30px; }
.ecommerce .custom-website:nth-child(3) aside { padding: 80px 15px 50px; }
.ecommerce .custom-website:nth-child(4) aside { padding: 10px 15px 15px; }
.ecommerce .custom-website:nth-child(4) p:last-child { margin-bottom: 0; }
.ecommerce .custom-website:nth-child(5) aside { padding: 10px 0; }
.ecommerce .custom-website:nth-child(5) .content { padding: 0 15px; }
.ecommerce .custom-website.real { padding: 62px 0 44px; }
.ecommerce .custom-website.real figure img { height: auto; }


/*======= SEARCH ENGINE OPTIMIZATION ==========*/
.search-engine { padding: 0; }
.search-engine .custom-website:nth-child(odd) { background-color: transparent; }
.search-engine .custom-website .container-fluid { flex-direction: row-reverse; }
.search-engine .custom-website:nth-child(even) .container-fluid { flex-direction: inherit; }
.search-engine .custom-website aside { padding: 0; }
.search-engine .custom-website figure { text-align: center; padding-left: 15px; }
.search-engine .custom-website .content { padding-right: 15px; }
.search-engine .custom-website:nth-child(even) figure { padding-left: 0; padding-right: 15px; }
.search-engine .custom-website:nth-child(even) .content { padding-right: 0; padding-left: 15px; }
.search-engine .custom-website:nth-child(1) { padding: 45px 0 56px; }
.search-engine .custom-website:nth-child(2) { padding: 36px 0 51px; background-color: #eaecf5; }
.search-engine .custom-website:nth-child(2) h4 { margin-bottom: 25px; }
.search-engine .custom-website:nth-child(2) .content { padding-top: 30px; }
.search-engine .custom-website:nth-child(2) p:last-child { margin-bottom: 0; }
.search-engine .custom-website:nth-child(3) { padding: 45px 0 47px; }
.search-engine .custom-website:nth-child(4) { background-color: #eaecf5; padding: 25px 0; }

/* ===== BLOG-PAGE ====== */
.blog-page { padding: 82px 0 10px; }
.blog-page .more-btn { text-align: center; padding-top: 3px; }
.blog-page .btn { padding: 14px 44px 13px; }
.blog-page .masonry { columns: 3; column-gap: 35px; max-width: 1300px; width: 100%; margin: 0 auto; }
.grid { display: inline-block; position: relative; background-color: #ffffff; box-shadow: 6px 0 30px rgb(0,0,0,0.08); margin-bottom: 49px; border-radius: 7px; }
.grid .con { padding: 21px 15px 27px; }
.grid figure { overflow: hidden; border-radius: 7px; }
.grid figure img { border-radius: 7px; width: 100%; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; height: auto; }
.grid:hover figure img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.grid strong { font-size: 15px; font-weight: 500; color: #d8242d; line-height: 20px; letter-spacing: 0.5px; margin-bottom: 10px; display: block; min-height: 20px; }
.grid h5 { font-size: 20px; color: #333333; line-height: 26px; margin-bottom: 12px; }
.grid em { font-style: normal; font-size: 15px; line-height: 20px; font-weight: 500; color: #cccccd; display: block; text-transform: uppercase; margin-bottom: 13px; }
.grid p { font-size: 16px; font-weight: 400; color: #6e6e6e; line-height: 24px; }
.grid .read { display: inline-block; font-size: 18px; font-weight: 700; color: #333333; line-height: 26px; border-bottom: 3px solid #d8242d; padding: 2px 10px 5px; }
.grid h5:hover a,
.grid .read:hover { color: #d8242d; }

/* ===== BLOG-DETAILS ====== */
.blog-details { padding: 73px 0 23px; }
.blog-details .details { box-shadow: 1px 0 15px rgb(0,0,0,0.10); -webkit-box-shadow: 1px 0 15px rgb(0,0,0,0.10); -ms-box-shadow: 1px 0 15px rgb(0,0,0,0.10); -moz-box-shadow: 1px 0 15px rgb(0,0,0,0.10); text-align: center; }
.blog-details .full { padding: 0 50px 15px; }
.blog-details figure { margin-bottom: 63px; }
.blog-details h3, .blog-details h1 { font-size: 26px; color: #333333; line-height: 46px; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; letter-spacing: 0px; }
.blog-details strong.date { display: block; font-size: 15px; font-weight: 600; color: #d8242d; line-height: 20px; letter-spacing: 0.5px; margin-bottom: 27px; }
.blog-details p { font-weight: 300; line-height: 28px; margin-bottom: 28px; }
.blog-details h5 { font-size: 22px; font-weight: 600; color: #d8242d; line-height: 26px; text-align: center; margin-bottom: 23px; }
.blog-details .pre { padding: 35px 30px 38px; border-top: 1px solid #e3e3e3; }
.blog-details .pre p { margin: 0; font-size: 24px; font-weight: 700; color: #151515; line-height: 26px; padding-top: 14px; letter-spacing: 1px; }
.blog-details .pre p a:hover { color: #663399; }
.blog-details .pre p:first-child { float: left; }
.blog-details .pre p:last-child { float: right; }
.blog-details ul { text-align: left; margin-bottom:20px;}
.blog-details .social-icons { display: inline-block; }
.blog-details .social-icons li { padding: 0 5px; }
.blog-details .social-icons li:after { display: none; }
.blog-details .social-icons li a { font-size: 20px; background-color: #e3e3e3; line-height: 45px; width: 45px; text-align: center; display: inline-block; border-radius: 50%; height: 45px; }
.blog-details .social-icons li:hover a { color: #ffffff; background-color: #db232f; }
.blog-details .nav-previous { float: left; }
.blog-details .nav-links .meta-nav { padding: 0; }
.blog-details .nav-links { margin-top: -45px; }
.blog-details figure img { height: auto; }

/* ===== OUR-WORK ====== */
.our-work-page { padding: 67px 0 30px; }
.work { width: 47.6%; float: left; position: relative; margin: 20px 1.2%; }
.work figure { position: relative; overflow: hidden; border-radius: 10px; }
.work figure img { min-height: 410px; width: 100%; object-fit: cover; border-radius: 10px; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.work:hover figure img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
.work .work-text { position: absolute; bottom: 0; left: 0; background-color: rgb(36, 34, 46, 0.45); max-width: 403px; width: 100%; margin: 0 0 27px 21px; height: 123px; padding: 19px 5px 0 17px; border-radius: 10px; }
.work h5 { font-size: 26px; color: #ffffff; line-height: 28px; margin-bottom: 7px; text-transform: uppercase; }
.work ul li { font-size: 15px; font-weight: 600; color: #ffffff; line-height: 24px; padding: 0 25px 0 0; display: inline-block; margin-bottom: 0; letter-spacing: -0.1px; }
.work ul li:nth-child(3) { padding: 0; }
.work ul li:after { content: ""; width: 3px; height: 3px; background-color: #fff; left: inherit; right: 10px; top: 55%; transform: translateY(-45%); -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); -moz-transform: translateY(-45%); }
.work ul li:nth-child(3)::after,
.work ul li:last-child::after { display: none; }

/* ===== MARKETING ====== */
.marketing { padding: 18px 0; }
.marketing .market { padding: 66px 0 73px; }
.marketing .market .row { display: table; }
.marketing .market aside { display: table-cell; float: none; vertical-align: middle; }
.marketing .market.in figure img { box-shadow: 1px 0px 27px rgba(0, 0, 0, 0.13); }
.marketing .market-block h4 { margin-bottom: 12px; }
.marketing .market-block { background-color: #eaecf5; display: flex; }
.marketing .market-block aside { align-self: center; }
.marketing .market-block .img-block { width: 44%; background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 525px; }
.marketing .market-block .content-block { width: 56%; }
.marketing .market-block .text-block { max-width: 870px; width: 100%; padding: 0 15px 0 25px; }

/* ===== WEB-DESING ====== */
.web-desing { padding: 38px 0 24px; }
.web-desing .custom-website .container-fluid { padding: 0; }
.web-desing .custom-website:nth-child(odd) .container-fluid { flex-direction: inherit; }
.web-desing .custom-website:nth-child(even) .container-fluid { flex-direction: row-reverse; }
.web-desing .custom-website:first-child .container-fluid { flex-direction: row-reverse; }
.web-desing .custom-website:first-child { padding: 0; }
.web-desing .custom-website:nth-child(2) .container { text-align: center; }
.web-desing .custom-website:nth-child(3) { padding: 67px 0 30px; }
.web-desing .custom-website:nth-child(4) { padding: 25px 0 24px; }
.web-desing .custom-website:nth-child(5) { padding: 32px 0 35px; }
.web-desing .custom-website:nth-child(6) { padding: 38px 0 32px; }
.web-desing .custom-website:nth-child(7) { padding: 29px 0 31px; }
.web-desing .custom-website:nth-child(7) .container-fluid { flex-direction: row-reverse; }
.web-desing .custom-website:nth-child(even) figure { text-align: center; }
.web-desing .custom-website:nth-child(odd) { background-color: transparent; }
.web-desing .custom-website:nth-child(even) { background-color: #f0f2f7; }

/* ===== ABOUT ====== */
.about { text-align: center; padding: 84px 0 12px; }
.about p { margin-bottom: 26px; }
.about .project { background-color: #e32431; padding: 24px 0 45px; margin-top: 55px; } 
.about .project ul li:after { display: none; }
.about .project ul li { display: inline-block; margin: 0; font-size: 24px; font-weight: 400; color: #ffffff; line-height: 51px; text-align: left; padding: 0; }
.about .project ul li:nth-child(2) { padding: 0 145px; }
.about .project ul li strong { display: block; font-size: 62px; }

/* ===== CONTACT-US ====== */
.contact-us { padding: 98px 0 34px; }
.contact-us .max { display: table; width: 100%; box-shadow: 4px -1px 15px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 4px -1px 15px rgba(0, 0, 0, 0.07); -ms-box-shadow: 4px -1px 15px rgba(0, 0, 0, 0.07); -moz-box-shadow: 4px -1px 15px rgba(0, 0, 0, 0.07); }
.contact-us aside { display: table-cell; float: none; vertical-align: top; padding: 60px 35px; }
.contact-us .reach-us { background-color: #e32431; width: 40%; }
.contact-us .information { width: 60%; }
.contact-us .reach-us h2 { color: #ffffff; margin-bottom: 43px; }
.contact-us .social-icons li:after { display: none; }
.contact-us .social-icons li { font-size: 18px; padding: 0 18px 0 0; }
.contact-us .social-icons li a { color: #ffffff; }
.contact-us .contact-info { margin-bottom: 7px; }
.contact-us .contact-info li { padding: 0 0 34px; margin: 0; }
.contact-us .contact-info li figure { float: left; }
.contact-us .contact-info li p { color: #ffffff; padding-left: 66px; margin: 0; letter-spacing: 0.5px; }
.contact-us .contact-info li p a:hover,
.contact-us .contact-info li p a { color: #ffffff; }
.contact-us .contact-info li p strong { display: block; font-size: 24px; margin-bottom: 5px; }
.contact-us .reach-us p { font-size: 15px; color: #ffffff; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; margin-bottom: 7px; }
.contact-us .information h2 { margin-bottom: 20px; }
/* .contact-us form .form-group { margin: 10px 0 33px; } */
.contact-us form .form-group .your-requirment select,
.contact-us form .form-group .your-phone input,
.contact-us form .form-group .your-company input{ padding-left:0 }
.contact-us form .wpcf7-response-output{ display:inline-block; margin:0; }
/*
.contact-us form .form-group:nth-child(odd) { padding: 0 27px 0 0; } 
.contact-us form .form-group:nth-child(odd) label { left: 4px; }
.contact-us form .form-group:nth-child(even) { padding: 0 0 0 27px; }
.contact-us form .form-group:nth-child(2) label { left: 30px; }
*/
.contact-us form .btn { padding: 13px 36px; border-radius: 0; margin-top: 23px; }
/* .contact-us .requirment { max-width: 680px; width: 100%; } */
.contact-us .checkbox-block { float: left; width: 50%; margin-bottom: 12px; }
.contact-us .checkbox-block input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.contact-us .checkbox-block label { position: relative; cursor: pointer; font-size: 16px; font-weight: 400; color: #131313; letter-spacing: 0.5px; }
.contact-us .checkbox-block label:before { content: ''; padding: 10px 12px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 13px; background-color: transparent; top: -2px; border: 1px solid #bfc6c8; border-radius: 4px; }
.contact-us .checkbox-block label:after { content:'\f00c'; position: absolute; font-family: fontawesome; left: 6px; top: 0px; visibility: hidden; }
.contact-us .checkbox-block input:checked + label:after { visibility: visible; }

.contact-us .wpcf7-list-item { float: left; width: 50%; margin-bottom: 12px; }
.contact-us .wpcf7-list-item label span { cursor: pointer; font-size: 16px; font-weight: 400; color: #131313; letter-spacing: 0.5px; }

/*
.contact-us .wpcf7-list-item input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.contact-us .wpcf7-list-item span:before { content: ''; padding: 10px 12px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 13px; background-color: transparent; top: -2px; border: 1px solid #bfc6c8; border-radius: 4px; }
.contact-us .wpcf7-list-item span:after { content:'\f00c'; position: absolute; font-family: fontawesome; left: 6px; top: 0px; visibility: hidden; }
.contact-us .wpcf7-list-item input:checked + label:after { visibility: visible; }
*/

.contact-us .information p { font-weight: 600; margin-bottom: 18px; }
.contact-page .reach-us { background-color:transparent; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
.contact-page .reach-us p { font-size: 16px; }

/* ===== CONTACT-POPUP ====== */
.contact-popup { padding:0; }
.contact-popup .modal { padding: 0 !important; }
.contact-popup .modal-dialog { width: 100%; max-width: 1600px; padding: 0 15px; }
.contact-popup .modal-body { padding: 0 !important; }
.contact-popup .max { position: relative; }
.contact-popup .close { position: absolute; top: -6px; right: 4px; font-size: 40px; color: #e32431; opacity: 1; }
.contact-popup .modal-content { border-radius: 0; }

.reqinfo{ text-align: center; padding: 30px 0 0 0; }
.reqinfo a.btn{ background-color: #e42431; }

.our-work .owl-nav{ width: 50%; margin-top: -40px; position: relative; }
.our-work .owl-nav .owl-prev,
.our-work .owl-nav .owl-next{
    display: inline-block;
    margin: 0 20px;
    text-transform: capitalize;
    font-size: 18px;    
}
.our-work .owl-nav .owl-prev{
    float: left;
}
.our-work .owl-nav .owl-next{
    float: right;
}
.wpcf7-form-control-wrap{ display:block; }
.wpcf7-not-valid-tip{ position:absolute; }
.wpcf7-form-control-wrap.marketing{ padding:0;}
.wpcf7-form-control-wrap.marketing select{ padding-left:0; }
.bom-btn{ padding:15px 30px; }
.bom-btn:hover{ background-color:#FFF; color:#e42431 !important; border-color: #FFF !important; }

/*Blog page*/

.blog-page .masonry { columns: 1; }
.masonry .grid { display: table; }
.masonry .grid figure { width:40%; vertical-align: top; }
.masonry .grid figure img { min-height: 350px; object-fit: fill; }
.masonry .grid .con { width:60%; vertical-align: top; }
.masonry .grid .con a { font-weight: 600; }
.masonry .grid figure, .masonry .grid .con{ display: table-cell; }
.masonry .grid .con p{ display: inline-block; }
.masonry .grid figure img , .masonry .grid figure { border-radius: 0;}
.masonry .grid { box-shadow: 6px 0 30px rgb(0 0 0 / 12%);  border-radius: 0; }
.blog-page .blog-sidebar{ box-shadow: 6px 0 30px rgb(0 0 0 / 12%); padding: 15px; }
.blog-page .blog-sidebar h2, .blog-page .blog-sidebar .wp-block-search__label{font-size: 20px; position: relative;  display: block; margin-bottom: 2px; }
.blog-page .blog-sidebar h2 strong{ background: #fff; z-index: 2; position: relative; padding-right: 10px;}
.blog-page .blog-sidebar h2:after{ content:""; width: 100%; height:1px; position: absolute; top:23px; left: 0; background: #e32431; z-index: 0;  }
.blog-page .blog-sidebar .searchform{ margin-bottom: 20px; }
.blog-page .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{ background: #edeff4; height: 42px; padding: 0; border: 1px solid #dedede}
.blog-page .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {  margin: 0;  color: #fff;  background: #e32431;  border: 0;  height: 42px;  position: relative; top: -1px;  width: 42px;  right: -1px; }
.blog-page .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input{background: transparent; }
.blog-page .blog-sidebar ul.wp-block-categories-list li:after { content: "\f101" !important; font-size: 16px; }
.blog-page .blog-sidebar ul.wp-block-categories-list li a{ font-size: 16px; }


.blog-details .pre { clear: both; text-align: center !important; }
.blog-details .full, .blog-details .details { text-align: left; }
.blog-details .full{ padding: 0; }
.blog-details strong.date { margin-bottom: 5px; margin-top: 25px;  }
.blog-details h3{ font-size: 26px; margin-bottom: 20px; line-height: 34px; }
.blog-details figure { margin-bottom: 30px;}
.blog-details p{font-size: 18px; font-weight: 400; }
.blog-details ul li{ font-size: 18px; }
.blog-details h2{ font-size: 32px; }
.blog-details h4{ font-size: 24px; }
.blog-details a { color: #e32431; }

.blog-details .sidebar { box-shadow: 0 0 20px rgba(0,0,0,0.2);margin: 25px 5px 25px 20px; }
.blog-details .sidebar h2 { background: #e32431; color: #fff; padding: 0 15px; line-height: 58px;  }
.blog-details .sidebar .innerdiv { padding: 15px 15px 25px 15px; }
.blog-details .sidebar .form-control { border: none; border-bottom: 1px solid #aaa; box-shadow: none;  border-radius: 0; padding: 4px 10px;
    text-transform: uppercase; margin-bottom: 15px; }
.blog-details .sidebar textarea.form-control { max-height: 100px; }
.blog-details .sidebar input[type=submit]{  background: #e32431; color: #fff; font-weight: 600; border: none; padding: 10px 30px !important; }

.blog-details .sidebar .form-control::-webkit-input-placeholder { /* Edge */color: #333;}
.blog-details .sidebar .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #333;}
.blog-details .sidebar .form-control::placeholder { color: #333; }
.blog-details{padding: 70px 15px 25px}