/* Theme Name: QUMANA */
body { font-family: 'Roboto', sans-serif; font-size: 14px; margin: 0; padding-top: 39px; }
a { text-decoration: none }
a:focus { outline: none !important }
ul { margin: 0; padding: 0; list-style-type: none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: bold }
header { background: #3198d5 !important; border: none !important; color: #fff; padding: 2px 0px; min-height: inherit !important; }
header p { margin-bottom: 0; margin-top: 6px; margin-left: 125px; }
header nav { height: 100% }
.navbar-toggle { background: none; border: none; margin: 0 15px 0 0; padding-left: 0; padding-right: 0; }
.navbar-default .navbar-collapse { margin-top: 5px }
.navbar-default .navbar-toggle .icon-bar { background: #fff }
.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-toggle:active { background: none !important }
.navbar-toggle:hover .icon-bar,
.navbar-toggle:focus .icon-bar,
.navbar-toggle:active .icon-bar { background: #000 !important }
.navbar-nav > li > a { color: #000 !important; font-weight: bold; font-size: 16px; text-align: center; }
.navbar-nav > li > a:hover { background: #000 !important; color: #fff !important; }
#home-banner { overflow: hidden; position: relative; background: #000; }
.home-slide-wrap { position: absolute; z-index: 1; }
.home-slide-wrap .tp-rightarrow { top: 500px !important; left: 70% !important; }
.home-slide-wrap .tp-leftarrow { top: 500px !important; left: 66% !important; }
.banner-info-box { position: relative; z-index: 100; }
#home-banner h1 { color: #fff; border-left: 10px solid #3198d5; padding-left: 20px; font-weight: bold; font-size: 40px; line-height: 34px; }
#home-banner h1 span { font-size: 20px; display: block; width: 340px; line-height: 22px; }
.logo { background: rgba(256, 256, 256, 0.9); padding: 10px 10px 10px 0; margin-left: -15px; }
.logo img { border: 1px dashed #3198d5; border-left: none; padding-left: 125px; }
.form-wrap { background: url(images/index-banner-arrow.png) no-repeat; background-size: cover; padding: 20px; margin-right: -15px; }
.form-wrap .gfield_label,
#requestfree .gfield_label { display: none }
.form-control { border-radius: 0; -webkit-border-radius: 0; font-size: 14px; }
.eml-inp-fld .form-control { font-weight: bold }
.form-control:focus { box-shadow: none; border-color: #ccc; }
.form-wrap h2 { margin-top: 0; font-size: 28px; }
.form-wrap h2 .sep-lne { font-size: 34px; font-weight: normal; }
.form-wrap h2 a { color: #000 }
.form-wrap h2 .fa { color: #3198d5; font-size: 29px; }
.form-wrap h3 { color: #3198d5 }
.check-me { margin-top: 5px }
.form-wrap .form-control::-webkit-input-placeholder { color: #000!important; font-size: 14px; }
.form-wrap .form-control:-moz-placeholder { /* Firefox 18- */ color: #000!important;; font-size: 14px; }
.form-wrap .form-control::-moz-placeholder { /* Firefox 19+ */ color: #000!important;; font-size: 14px; }
.form-wrap .form-control:-ms-input-placeholder { color: #000; font-size: 14px; }
.check-me input[type="checkbox"] { float: left }
.check-me label { font-weight: normal; font-size: 12px; float: left; margin-left: 5px; margin-top: 1px; }
.btn-blue { background: #3198d5; color: #fff; border-radius: 0; -webkit-border-radius: 0; border: none; font-weight: bold; }
.btn-blue:hover { background: #000; color: #fff; }
#clients-logo { padding: 20px 0 10px 0 }
.carousal-wrap { padding-left: 30px; padding-right: 30px; }
#clients-logo .item { display: table-cell; text-align: center; vertical-align: middle; }
#clients-logo .owl-controls,
#representative-client .owl-controls { position: relative }
#clients-logo .owl-prev,
#clients-logo .owl-next,
#representative-client .owl-prev,
#representative-client .owl-next,
#casestudy-carosel .owl-prev,
#casestudy-carosel .owl-next,
#case-carosel .owl-next,
#case-carosel .owl-prev { position: absolute; top: -110px; width: 40px; height: 40px; font-size: 0; }
#clients-logo .owl-prev:hover,
#clients-logo .owl-next:hover,
#representative-client .owl-prev:hover,
#representative-client .owl-next:hover,
#casestudy-carosel .owl-prev:hover,
#casestudy-carosel .owl-next:hover,
#case-carosel .owl-next:hover,
#case-carosel .owl-prev:hover { opacity: 0.5 }
#clients-logo .owl-prev,
#representative-client .owl-prev,
#casestudy-carosel .owl-prev,
#case-carosel .owl-prev { background: url(images/arrow-prv.png) no-repeat top left; background-size: 100%; }
#clients-logo .owl-next,
#representative-client .owl-next,
#casestudy-carosel .owl-next,
#case-carosel .owl-next { background: url(images/arrow-nxt.png) no-repeat top left; background-size: 100%; }
#seo-report { background: #3198d5; padding: 60px 0; }
#seo-report h2 { border-left: 10px solid #fff; color: #fff; margin: 0; padding-left: 15px; font-size: 24px; line-height: 20px; }
#seo-report h2 span { display: block; font-weight: normal; font-size: 22px; }
#seo-report .form-group { margin-bottom: 0; margin-top: 4px; }
#seo-report .form-control { border: none; height: 40px; }
#seo-report .form-control::-webkit-input-placeholder { color: #000!important; font-size: 16px; }
#seo-report .form-control:-moz-placeholder { /* Firefox 18- */ color: #000!important;; font-size: 16px; }
#seo-report .form-control::-moz-placeholder { /* Firefox 19+ */ color: #000!important;; font-size: 16px; }
#seo-report .form-control:-ms-input-placeholder { color: #000; font-size: 16px; font-weight: 600; }
.btn-black { background: #000; color: #fff; border: none; border-radius: 0; -webkit-border-radius: 0; width: 100%; padding-top: 6px; padding-bottom: 6px; font-size: 19px; line-height: 20px; height: 40px; }
.btn-black:hover { background: #3bb4fc }
#about-brand { /* background: url(images/tape.jpg) no-repeat center bottom #fff;; background-size: 100%; */ padding: 20px 0; }
#about-brand h2 { border-left: 10px solid #3198d5; font-size: 27px; padding-left: 10px; line-height: 22px; margin-bottom: 30px; }
#about-brand h2 span { font-weight: 300; display: block; font-size: 27px; }
.info-list { font-size: 16px; margin-bottom: 15px; margin-top: 20px; }
.info-list span { color: #3198d5; font-weight: bold; font-size: 18px; display: block; }
.brands-do { margin-bottom: 35px; margin-top: 30px; }
#representative-client { background-image: url(images/representative-clients-back.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; padding: 30px 0; }
#representative-client h2,
#quick-service h2,
#casestudy h2 { color: #fff; border-left: 10px solid #3198d5; padding-left: 10px; line-height: 28px; }
#representative-client h2 span,
#quick-service h2 span { display: block; font-weight: normal; }
#representative-sect img { border: 10px solid #fff }
#representative-client .owl-prev,
#representative-client .owl-next { top: -125px }
.rep-title { margin-bottom: 50px }
.rep-title h3 { color: #fff; font-size: 74px; margin-bottom: 0; }
.rep-title sup { font-size: 18px; top: -2.5em; }
.rep-title strong { color: #3198d5 }
.rep-title span { color: #fff; font-size: 24px; line-height: 20px; }
span.consulation-btn { display: block; text-align: center; margin-top: 80px; margin-bottom: 25px; }
span.consulation-btn a { padding: 10px 20px; color: #000; font-weight: bold; font-size: 18px; display: inline-block; }
span.consulation-btn a img { margin-left: 5px }
span.consulation-btn a:hover { background: #80cffe; text-decoration: none; color: #000; }
span.consulation-btn a:hover .fa { color: #000 }
#quick-service { padding-top: 30px; padding-bottom: 40px; background: url(images/service-back.jpg) no-repeat center bottom; }
span.icon-thumb { width: 40px; height: 40px; float: left; margin-right: 10px; }
span.icon-thumb img { border: 1px solid #3198d5 }
#quick-service h2,
#quick-service h2 span,
#casestudy h2,
#casestudy h2 span { color: #000 }
#quick-service h2 { margin-bottom: 20px }
#quick-service h3 { color: #3198d5; font-size: 22px; margin-top: 8px; }
#quick-service h3 a{ color: #3198d5; text-decoration: none; }
#quick-service h3 a:hover{ color: #000; text-decoration: none; }
span.icon-thumb .fa { font-size: 40px; margin-right: 5px; color: #3198d5; }
#quick-service p { margin-left: 50px }
#reviews { background-repeat: no-repeat,no-repeat; background-position: center top,center top; margin-top: 40px; text-align: center; background-size: 50px, cover; background-color: #ededed; }
#reviews1 { background-image: url(images/triangle-banner.png),url(images/counter-banner1.jpg); background-repeat: no-repeat,no-repeat; background-position: center top,center top; margin-top: 30px; text-align: center; background-size: 50px, cover; }
#reviews2 { background-image: url(images/triangle-banner.png),url(images/review-back.jpg); background-repeat: no-repeat,no-repeat; background-position: center top,center top; margin-top: 30px; text-align: center; background-size: 50px, cover; }
.rating { float: left; font-size: 50px!important; color: #fff; padding-top: 100px; padding-left: 50px; }
.riview-circle { background: #3198d5; margin: 30px 0; border-radius: 50%; text-align: center; -webkit-border-radius: 50%; border: 10px solid #fff; display: inline-block; width: 220px; height: 220px; }
.riview-circle h2 { font-size: 50px; border: 0px!important; margin-top: 50px; line-height: 50px!important; margin-bottom: 0; display: block!important; }
.riview-circle h2 .fa { color: #fff; font-size: 40px; margin-right: 5px !important; display: inline-block; }
.riview-circle span.text-btm { font-weight: bold; font-size: 22px; color: #fff; line-height: 16px; }
#casestudy { padding: 20px 0 0 }
#casestudy h2 { margin-bottom: 10px }
.case-study-right h3 { margin-top: 0; color: #3198d5; font-size: 20px; }
#requestfree { background-image: url(images/inquire-back.jpg); background-repeat: no-repeat; background-size: cover; background-position: center bottom; padding-top: 20px; padding-bottom: 25px; }
#requestfree h2,
#requestfree span.field-req { color: #fff; text-align: center; display: block; }
#requestfree .form-control::-webkit-input-placeholder { color: #000!important; font-size: 16px; }
#requestfree .form-control:-moz-placeholder { /* Firefox 18- */ color: #000!important;; font-size: 16px; }
#requestfree .form-control::-moz-placeholder { /* Firefox 19+ */ color: #000!important;; font-size: 16px; }
#requestfree .form-control:-ms-input-placeholder { color: #000; font-size: 16px; font-weight: 600; }
#requestfree h2 { margin-bottom: 0 }
#requestfree span.field-req { margin-bottom: 20px }
#requestfree .check-me label { color: #fff }
#requestfree textarea { height: 100px }
#foot-bottom { background: #231f20; padding: 30px 0; color: #fff; }
#foot-bottom h5 { margin-bottom: 20px }
.foot-anch { margin-top: 10px; border-left: 10px solid #3198d5; padding-left: 15px; }
.foot-anch a { font-weight: bold; margin-bottom: 3px; display: inline-block; color: #fff; }
.foot-anch a:hover { color: #3198d5; text-decoration: none; }
p.generl-info { font-weight: bold; font-size: 16px; color: #3198d5; margin-top: 35px; margin-bottom: 0; }
p.generl-info a { color: #fff }
.copy-right p { font-size: 11px; margin-top: 15px; margin-bottom: 0; }
.social-box { margin-bottom: 20px; margin-top: 10px; }
.social-box a { background: #dad8d5; color: #65605e; height: 30px; width: 30px; text-align: center; display: inline-block; padding-top: 4px; margin-right: 10px; }
.social-box a:hover { background: #3198d5; color: #fff; }
.call-box { font-weight: bold; margin-bottom: 30px; }
.call-box a { font-size: 32px; color: #3198d5; }
.call-box a:hover { text-decoration: none; color: #fff; }
#casestudy-carosel .owl-next { top: 270px; right: -50px; }
#casestudy-carosel .owl-prev { top: 270px; left: -50px; }
/*INNER STYLE STARTS*/
#inner-banner { background: url(images/inner-banner.jpg) no-repeat top center; background-size: cover; overflow: auto; }
#inner-banner .logo { margin-top: 60px; margin-bottom: 60px; }
.req-inner { margin-top: 65px; color: #fff; font-weight: bold; }
.req-inner span { display: block; font-size: 28px; }
.req-inner span a { color: #fff; text-decoration: none; }
.req-inner span a .fa { font-size: 29px }
.req-inner span a:hover { color: #000 }
#quick-title { padding: 20px 0 }
#quick-title h2 { font-size: 85px; text-transform: uppercase; line-height: 74px; margin-bottom: 0;    margin-top: -10px; }
#quick-title h2 span { font-size: 200px; color: #3198d5; line-height: 150px;}
#quick-title p { font-size: 24px; line-height: 25px; margin-bottom: 0; }
#quick-title p span { font-weight: 600 }
/*#clients-grid { padding-top: 20px }*/
#clients-grid img { width: 100% }
#casestudy-black { background: #030807; padding: 20px 0; color: #d1d3d4; }
#casestudy-black h2 { border-left: 10px solid #fff; line-height: 30px; margin-bottom: 20px; padding-left: 10px; color: #fff; }
#casestudy-black h2 span { display: block; color: #fff; font-weight: normal; }
#casestudy-black span.consulation-btn a img { width: 25px; display: inline-block; margin-left: 15px; margin-top: -4px; }
.case-lrg-thumb { margin: 0 15px 15px }
.results-titile { color: #3198d5 }
#building-blocks { padding: 20px 0 }
#building-blocks h1,
#team-title h1 { font-size: 200px; color: #3198d5; line-height: 170px; margin-bottom: 40px; }
#building-blocks h1 span,
#team-title h1 span { display: block; color: #000; font-size: 85px; line-height: 80px; }
#building-blocks h2,
#leadership h2,
#latest-post h2 { border-left: 10px solid #3198d5; line-height: 25px; margin-bottom: 20px; padding-left: 10px; }
#building-blocks h2 span,
#leadership h2 span,
#latest-post h2 span { display: block; font-weight: normal; }
#building-blocks li { font-size: 24px; font-weight: 600; color: #000; background-image: url(images/li-back.png); padding-left: 30px; background-repeat: no-repeat; background-position-y: 7px; }
#building-blocks ul { margin-bottom: 40px }
.building-block-box { margin-top: 10px; margin-bottom: 20px; text-align: justify; }
#building-blocks h3 { color: #3198d5 }
#team-title h1 { margin-bottom: 20px }
#leadership .owl-prev { font-size: 0px; position: absolute; background-image: url(images/ceo-slider-left.png); width: 31px; height: 53px; background-color: rgba(0,0,0,0); background-repeat: no-repeat; }
#leadership .owl-next { font-size: 0px; position: absolute; background-image: url(images/ceo-slider-right.png); width: 31px; height: 53px; background-color: rgba(0,0,0,0); background-repeat: no-repeat; }
#leadership { padding-top: 20px; padding-bottom: 30px; }
#leadership h3 { margin-top: 0 }
#leadership h3 span { display: block; font-weight: normal; }
#leadership h5 { line-height: 22px }
#leadership p { line-height: 22px }
.quick-leader-contact { margin-top: 10px }
.quick-leader-contact a { background: #dad8d5; padding: 5px 8px; color: #65605e; margin-right: 6px; }
.quick-leader-contact a:hover { color: #fff; background: #3198d5; }
.quick-leader-contact a.contact-per { color: #fff; background: #3198d5; }
.quick-leader-contact a.contact-per:hover { background: #dad8d5; color: #65605e; text-decoration: none; }
#team-logo { background: #e6e7e8; padding: 30px 0; }
#team-logo h4 { margin: 0; text-align: center; }
#team-logo h4 span { font-weight: normal }
.team-logo-wrap { margin-top: 20px; text-align: center; }
#founder { background-color: #2799d5; padding-top: 10px; }
#founder .both-founder { width: auto; background-image: url(images/max-back1.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; }
#founder .owner1 { background-image: url(images/about-owner1.jpg); background-repeat: no-repeat; background-position: bottom left; background-size: 505px 762px; }
#founder .owner { background-image: url(images/about-owner.jpg); background-repeat: no-repeat; background-position: bottom right 10%; background-size: 444px 762px; }
#founder .both-comment { text-align: center; color: #fff; top: 18%; width: 100%; padding: 110px 0; min-height: 825px; }
.both-comment-2,
.both-comment-1 { width: 80% !important; margin-left: auto; margin-right: auto; text-align: left !important; }
.both-comment-2 { padding-right: 30% !important }
.both-comment-1 { padding-left: 30% !important }
.both-comment-2 p,
.both-comment-1 p { width: auto !important; font-size: 16px !important; }
#founder .both-comment-2 h4::after,
#founder .both-comment-1 h4::after { margin: inherit !important }
#founder .both-comment h4 span { font-weight: normal; font-style: italic; }
#founder .both-comment h4 { font-size: 26px; margin-bottom: 30px; }
#founder .both-comment h4::after { content: ""; display: block; text-align: left; width: 100px; padding-top: 30px; border-bottom: 4px solid #fff; margin: auto; }
#founder .both-comment h5 { font-size: 18px; margin-top: 30px; }
#founder .founder-1,
#founder .founder-2 { display: inline-block; text-align: center; }
#founder .founder-1 span,
#founder .founder-2 span { display: block; color: #9BC2FF; font-size: 18px; }
#founder .founder-1 .position,
#founder .founder-2 .position { font-style: italic }
.founder-pstn { font-style: italic; padding-left: 20px; }
#founder .founder-1 img,
#founder .founder-2 img { padding: 15px 30px; display: inline-block; }
#founder .founder-1 span { border-right: 1px solid #fff }
#founder .both-comment p { font-size: 18px; font-style: italic; margin: auto; }
#founder .owl-theme .owl-controls { margin-top: 0px }
#founder .owl-prev { font-size: 0px; position: absolute; background-image: url(images/arrow-pre1.png); width: 35px; height: 60px; background-color: rgba(0,0,0,0); background-repeat: no-repeat;background-position: center; }
#founder .owl-next { font-size: 0px; position: absolute; background-image: url(images/arrow-nxt1.png); width: 35px; height: 60px; background-color: rgba(0,0,0,0); background-repeat: no-repeat;background-position: center; }
#founder .owl-prev:hover ,#founder .owl-next:hover {background-color: #3198d5;}
#latest-post { background: #e6e7e8; padding: 10px 0 20px 0; text-align: justify; }
#latest-post h3 { margin-top: 0 }
#latest-post h3 a { color: #333 }
#latest-post h3 a:hover,
#latest-post h3 a:focus { text-decoration: none; color: #3198d5; }
#latest-post span.date-for { margin-top: 15px; display: block; text-transform: uppercase; font-size: 16px; }
.blog-info div { background: #e6e7e8; padding-top: 10px; padding-bottom: 10px; }
#blog-wrap { padding: 20px 0 }
.blog-list { margin-bottom: 40px; text-align: justify; }
.blog-list h2 { color: #3198d5; border-left: 10px solid #3198d5; padding-left: 10px; text-align: left; }
.blog-list h2 a { color: #3198d5 }
.blog-list h2 a:hover,
.blog-list h2 a:focus { color: #333; text-decoration: none; }
.blog-list h2 span { font-weight: normal; display: block; color: #000; font-size: 24px; }
.blog-list img { margin-bottom: 15px }
.feed-box { padding: 0 !important }
.feed-box img { margin-bottom: 3px; left: 4px; }
.feed-box a { background: #3198d5; padding: 2px 5px; color: #fff; margin-left: 10px; }
.feed-box a:hover { background: #000; text-decoration: none; }
.blog-info { margin-top: 20px; overflow: auto; }
.bloginner-right h2 { border-left: 10px solid #3198d5; padding-left: 10px; margin-bottom: 20px; }
.bloginner-right h2 span { display: block; font-weight: normal; }
.blog-topics a { display: block; margin: 5px 0; color: #3198d5; font-weight: bold; font-size: 16px; padding-left: 20px; }
.bloginner-right .form-wrap { background: #3198d5; margin: 20px 0; background-image: url(images/triangle-banner-form.png); background-repeat: no-repeat; background-size: 15px; background-position: 0 20px; }
.bloginner-right .form-wrap h3 { color: #fff; margin-top: 0; }
.bloginner-right .form-wrap .btn-blue { background: #fff; color: #3198d5; }
.bloginner-right .form-wrap .btn-blue:hover { background: #000 }
.blog-authors h2 { margin-top: 40px }
.blog-author-list { margin-bottom: 15px; padding-left: 20px; }
.blog-author-list h3 { margin-top: 0; color: #3198d5; margin: 0; }
.blog-author-list h5,
.blog-author-list p { margin: 0 }
.blog-posts-left h2 { font-size: 30px; color: #3198D4; border-left: 10px solid #3198d5; padding-left: 10px; line-height: 25px; text-align: left; }
.blog-posts-left h2 span { color: #000; display: block; font-weight: normal; }
.form-wrap .gform_button,
#requestfree .gform_button { margin-right: 15px; background-color: #3198d5; color: #fff; padding: 5px 25px 5px 10px; background-image: url(images/submt-arrow.png); background-position: right 8px; background-size: 18px; background-repeat: no-repeat; height: 30px; border-right: 10px solid #3198d5; line-height: 20px; }
.form-wrap .gform_button:hover,
#requestfree .gform_button:hover,
.form-wrap .gform_button:focus,
#requestfree .gform_button:focus { background-color: #000; border-right: 10px solid #000; }
.discl-bx { padding-right: 0 }
.discl-bx .checkbox { margin-top: 5px }
.form-wrap .gfield_checkbox label,
#requestfree .gfield_checkbox label { color: #fff }
.form-wrap .validation_error,
#requestfree .validation_error { margin: 0 15px 10px }
#home-banner .form-wrap textarea { height: 80px }
#home-banner .form-wrap .gfield_checkbox label { font-size: 11px; color: #333; }
#contact-wrap { padding-bottom: 20px }

.bloginner-right .form-wrap .gfield_checkbox label,
#contact-wrap .form-wrap .gfield_checkbox label { font-size: 11px !important; color: #fff !important; }
.bloginner-right .form-wrap .gform_button,
#contact-wrap .form-wrap .gform_button { background-color: #fff !important; color: #3198d5 !important; background-image: url(images/submt-arrow-blue.png); background-position: right 8px; background-size: 18px; background-repeat: no-repeat; height: 30px; border-right: 10px solid #fff; line-height: 20px; }
.bloginner-right .form-wrap .gform_button:hover,
#contact-wrap .form-wrap .gform_button:hover,
.bloginner-right .form-wrap .gform_button:focus,
#contact-wrap .form-wrap .gform_button:focus { background-color: #000 !important; border-right: 10px solid #000; outline: none; }
.blog-posts-left { color: #000; line-height: 25px; text-align: justify; }
.address-wrap h3 { border-left: 10px solid #3198d5; padding-left: 10px; margin-top: 40px; margin-bottom: 20px; }
.address-wrap h3.cnt-nm { border-left: none !important; padding-left: 0; color: #3198d5; }
.address-wrap h4 { font-weight: normal; font-size: 22px; }
.info-mails { margin-top: 20px; margin-bottom: 40px; }
#contact-wrap .form-wrap { background: #3198d5 }
#contact-wrap .form-wrap h3 { color: #fff }
.author-thumb img { width: 100% }


/*  inner commen page*/
#default-innerpage{padding-top: 20px; padding-bottom: 20px;}
#default-innerpage h1{text-align:center;font-size: 70px; color: #3198d5; margin-bottom: 30px }
#default-innerpage h2{font-size:40px;}
#default-innerpage h3{font-size:35px;}
#default-innerpage h4{font-size:30px;}
#default-innerpage h5{font-size:25px;}
#default-innerpage h6{font-size:20px;}
#default-innerpage ul{padding-left: 15px;}
#default-innerpage li{font-size:15px; list-style: initial;}
#default-innerpage a{font-size: 15px; color: #3198d5; text-decoration: none;}
/*  inner commen page*/
@media all and (max-width:767px) { 
    body { font-size: 12px; padding-top: 39px; }
    header p { width: 160px; margin-top: 0; margin-left: 15px; }
    #home-banner h1 { font-size: 26px; margin-left: 0; line-height: 24px; margin-bottom: 20px; }
    #home-banner h1 span { font-size: 16px; line-height: 18px; width: 270px; }
    #home-banner .persephone.tparrows { display: none }
    .logo { margin-left: 0; padding-left: 10px; margin-bottom: 20px; }
    .logo img { padding-left: 18px; border-left: 1px dashed #3198d5; }
    .form-wrap { margin-right: 0; margin-bottom: 15px; }
    .form-wrap h2 { font-size: 22px }
    .form-wrap h3 { font-size: 18px }
    .check-me label { font-size: 10px }
    .carousal-wrap { padding-left: 50px; padding-right: 50px; }
    #clients-logo { padding: 10px 0 }
    #clients-logo .item { height: 90px }
    #representative-sect img { height: auto }
    #clients-logo .owl-prev,
    #clients-logo .owl-next { width: 20px; height: 20px; top: -65px; }
    #representative-client .owl-prev,
    #representative-client .owl-next { top: -125px }
    #clients-logo .owl-prev { left: -30px }
    #clients-logo .owl-next { right: -30px }
    #seo-report { padding: 20px 0 }
    #seo-report h2 { margin-bottom: 20px; font-size: 18px; }
    .btn-black { width: auto }
    .bounceInLeft { padding-bottom: 10px }
    .brands-do { margin-bottom: 10px }
    #about-brand h2 { font-size: 24px; margin: 0 0 10px; }
    #about-brand h2 span { font-size: 11px }
    .info-list { font-size: 12px; margin-bottom: 10px; }
    .info-list span { font-size: 14px }
    #representative-client h2 { font-size: 24px; line-height: 20px; margin-top: 0; }
    #representative-client h2 span { font-size: 12px }
    .rep-title h3 { font-size: 28px; margin-bottom: 5px; }
    .rep-title sup { font-size: 8px }
    .rep-title span { font-size: 12px; line-height: 16px; }
    span.consulation-btn { margin-bottom: 0; margin-top: 30px; }
    #representative-client .owl-prev { left: -50px; background-size: 30px; }
    #representative-client .owl-next { right: -60px; background-size: 30px; }
    #quick-service h2 { font-size: 24px; line-height: 20px; margin-top: 10px; }
    #quick-service h2 span { font-size: 14px }
    #quick-service h3 { font-size: 18px }
    #quick-service h3 .fa { font-size: 34px }
    #reviews { padding-bottom: 15px; padding-top: 15px; }
    .riview-circle { margin-bottom: 15px }
    #casestudy h2 { margin-top: 0; font-size: 22px; }
    .riview-circle h2 { margin-top: 50px!important }
    .case-study-right h3 { margin-top: 20px }
    #requestfree h2 { font-size: 22px }
    .social-box a { font-size: 16px }
    #founder .item { background: none }
    #founder .both-comment { min-height: 420px; padding: 10px 0; }
    #founder .both-comment { top: 0; left: 0; }
    #founder .both-comment h4 { font-size: 14px; margin-bottom: 20px; }
    #founder .both-comment h4::after { width: 50px; margin: auto !important; padding-top: 15px; }
    #founder .founder-1 span,
    #founder .founder-2 span { font-size: 12px }
    #founder .owl-prev { top: 335px; left: 15px; }
    #founder .owl-next { top: 335px; right: 5px; }
    .foot-logo img { width: 70% }
    #founder .both-off-them { width: 100% }
    #founder .both-founder .both-off-them { padding-bottom: 200px }
    #founder .founder-1 img,
    #founder .founder-2 img { padding: 0; width: 100px; }
    .case-slide-wrap { padding: 20px }
    #case-carosel .owl-next { top: 130px; right: -20px; background-size: 25px; width: 25px; height: 25px; }
    #case-carosel .owl-prev { top: 130px; left: -20px; background-size: 25px; width: 25px; height: 25px; }
    .both-founder { height: 500px }
    #foot-bottom h5 { margin: 0 0 10px }
    p.generl-info { margin-top: 20px }
    .call-box { margin-bottom: 15px }
    /*INNER STYLE STARTS*/
    .req-inner { margin-top: 0; margin-bottom: 10px; }
    .req-inner span a { font-size: 20px }
    #inner-banner .logo { margin-top: 20px; margin-bottom: 20px; }
    #quick-title { padding-bottom: 0 }
    #quick-title h2 { font-size: 24px; line-height: 38px; margin-top: 0; }
    #quick-title h2 span { font-size: 30px }
    #quick-title p { font-size: 14px }
    #casestudy-black h2,
    #leadership h2 { font-size: 24px; line-height: 22px; }
    #casestudy-black h2 span,
    #leadership h2 span { font-size: 16px }
    #casestudy-carosel .item { padding: 20px }
    #casestudy-carosel .owl-next { top: 120px; right: -15px; background-size: 30px; }
    #casestudy-carosel .owl-prev { top: 120px; left: -15px; background-size: 30px; }
    #building-blocks h1 { font-size: 24px; line-height: 60px; margin-top: 0; margin-bottom: 0px; }
    #building-blocks h1 span,
    #team-title h1 span { font-size: 22px; line-height: 24px; }
    #building-blocks h3 { font-size: 20px }
    #building-blocks li { font-size: 20px }
    #building-blocks h2 { font-size: 17px; line-height: 22px; }
    #team-title h1 { font-size: 51px; line-height: 50px; }
    #leadership h3 { margin-top: 15px }
    #leadership .founder-slide-wrap { padding: 15px }
    #leadership .owl-next { top: 200px; right: -28px; background-size: 15px; width: 15px; }
    #leadership .owl-prev { top: 200px; left: -28px; background-size: 15px; width: 15px; }
    #founder .both-comment p { font-size: 12px !important; width: 100%; }
    .both-comment-2,
    .both-comment-1 { width: 1005 !important; text-align: center !important; padding: 0px 10px !important; }
    #latest-post h2 span { font-size: 28px }
    #latest-post .col-sm-4 { margin-bottom: 25px }
    .blog-list h2 { font-size: 18px }
    .bloginner-right h2 { font-size: 18px }
    .check-me label { margin-top: 3px }
    .blog-author-list h3 { margin-top: 0px; font-size: 16px; }
    #founder .container { background: none }
    .fonder-info { margin-left: 15px; margin-right: 15px; }
    .team-logo-wrap img { margin: 15px 0 }
    .blog-topics a { font-size: 14px }
    .blog-posts-left img { margin-bottom: 20px }
    .discl-bx { width: 60% }
    .home-slide-wrap .fullscreen-container { zoom: 145% }
    .req-inner span a .fa,
    .form-wrap h2 .fa { font-size: 21px }
    #clients-grid .col-sm-4 { padding: 0 }
    .blog-info { height: 38px; background-color: #e6e7e8; }
    .author-info { padding-left: 0px }
    #casestudy-black #casestudy-carosel { padding-left: 15px; padding-right: 15px; }
    .case-lrg-thumb { margin: 0 0 10px 0 }

    /*  inner commen page*/
#default-innerpage{padding-top: 10px; padding-bottom:10px;}
#default-innerpage h1{text-align:center;font-size:40px; color: #3198d5; margin-bottom: 20px; }
#default-innerpage h2{font-size:30px;}
#default-innerpage h3{font-size:25px;}
#default-innerpage h4{font-size:20px;}
#default-innerpage h5{font-size:16px;}
#default-innerpage h6{font-size:14px;}
#default-innerpage ul{padding-left: 15px;}
#default-innerpage li{font-size:12px; list-style: initial;}
#default-innerpage a{font-size: 12px; color: #3198d5; text-decoration: none;}
/*  inner commen page*/
}
@media (min-width:768px) and (max-width:991px) { 
    header p { margin-left: 15px }
    #clients-logo .item { height: 100px }
    #home-banner h1 { margin-left: 0; margin-top: 30px; }
    .logo { margin-top: 120px }
    .logo img { padding-left: 10px }
    .form-wrap h2 { font-size: 24px }
    .form-wrap h3 { font-size: 20px }
    #clients-logo .owl-prev,
    #clients-logo .owl-next { width: 30px; height: 30px; top: -80px; }
    #clients-logo .owl-prev { left: -40px }
    #clients-logo .owl-next { right: -40px }
    .no-pad-right-desk { padding-right: 0 }
    .brands-do { margin-top: 30px }
    #about-brand h2 span { font-size: 13px }
    .rep-title h3 { font-size: 48px }
    .rep-title sup { font-size: 12px }
    .rep-title span { font-size: 16px }
    span.consulation-btn { margin-top: 40px; margin-bottom: 10px; }
    #representative-client .owl-prev { left: -55px }
    #representative-client .owl-next { right: -55px }
    #quick-service h3 { font-size: 22px }
    .riview-circle { width: 180px; height: 180px; border: 7px solid #fff; }
    .riview-circle h2 { margin-top: 35px; font-size: 30px; }
    .riview-circle h2 .fa { font-size: 30px }
    .riview-circle span.text-btm { font-size: 16px }
    .social-box a { width: 25px; height: 25px; padding-top: 3px; margin-right: 3px; }
    .call-box { margin: 30px 0 50px }
    .call-box a { font-size: 19px }
    #founder .both-comment h4 { font-size: 22px }
    #founder .both-comment p { font-size: 14px; width: 50%; }
    #founder .both-comment { min-height: 470px; padding: 0; }
    #founder .owl-prev { top: 415px; left: 170px; }
    #founder .owl-next { top: 415px; right: 150px; }
    #founder .owner1 { background-size: 220px 325px }
    #founder .owner { background-size: 220px 332px; background-position: bottom right !important; }
    .both-comment-2,
    .both-comment-1 { width: 100% !important }
    .both-comment-1 { padding-left: 225px !important; padding-right: 15px !important; }
    .both-comment-2 { padding-right: 225px !important; padding-left: 15px !important; }
    .both-comment-2 p,
    .both-comment-1 p { font-size: 13px !important }
    #case-carosel { padding: 40px }
    #case-carosel .owl-next { right: 0; top: 48%; background-size: 30px; width: 30px; }
    #case-carosel .owl-prev { left: 0; top: 48%; background-size: 30px; width: 30px; }
    /*INNER STYLE STARTS*/
    .req-inner { float: right; margin-top: 65px; }
    #building-blocks h1 span,
    #team-title h1 span { display: inline-block; color: #000; font-size: 50px; line-height: 60px; }
    #team-title h1 { font-size: 50px!important }
    #founder .container { background-size: 235px, 76% }
    .fonder-info { margin-left: 280px }
    .fonder-info p { margin-bottom: 140px }
    #leadership .item { padding: 20px }
    #leadership .owl-next { top: 170px; right: -25px; }
    #leadership .owl-prev { top: 170px; left: -25px; }
    #casestudy-carosel .item { padding: 20px }
    #casestudy-carosel .owl-next { top: 105px; right: -25px; }
    #casestudy-carosel .owl-prev { top: 105px; left: -25px; }
    .case-study-right { padding-right: 70px }
    .building-block-box { min-height: 440px }
    #seo-report h2 { font-size: 20px }
    .bloginner-right .check-me { width: 100% }
    .bloginner-right .form-wrap .btn-blue { margin-right: -60px }
    .author-thumb { padding-right: 0px }
    .pad-lft-n { padding-left: 7.5px }
    .pad-rgt-n { padding-right: 7.5px }
    #clients-grid .col-sm-4 { padding: 0 }
    .home-slide-wrap .tp-rightarrow { left: 50% !important }
    .home-slide-wrap .tp-leftarrow { left: 45% !important }
    .core-serv-box { min-height: 176px }
    #seo-report .btn-black { padding-right: 0; padding-left: 0; width: 100%; }
    #seo-report .btn-black img { width: 20px }
    /*  inner commen page*/
#default-innerpage{padding-top: 15px; padding-bottom: 15px;}
#default-innerpage h1{text-align:center;font-size: 60px; color: #3198d5; margin-bottom: 15px;}
#default-innerpage h2{font-size:40px;}
#default-innerpage h3{font-size:35px;}
#default-innerpage h4{font-size:30px;}
#default-innerpage h5{font-size:25px;}
#default-innerpage h6{font-size:20px;}
#default-innerpage ul{padding-left: 15px;}
#default-innerpage li{font-size:15px; list-style: initial;}
#default-innerpage a{font-size: 15px; color: #3198d5; text-decoration: none;}
/*  inner commen page*/
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { 
    .call-box a { font-size: 20px }
    .form-wrap .check-me { width: 100% }
    .form-wrap .check-me-button { width: 100% }
    .logo { margin-top: 110px; display: inline-block; }
    .form-wrap h2 { font-size: 18px }
    .form-wrap h3 { font-size: 18px }
    #founder .both-comment p { width: 65%!important }
    #founder .both-comment { padding: 80px 0; min-height: 644px; }
    #founder .owner1 { background-position-x: -90px }
    #founder .founder-1,
    #founder .founder-2 { margin-top: 0px!important }
    #founder .owl-next { top: 520px!important; : ; right: 25%!important; : ; }
    #founder .owl-prev { top: 520px!important; : ; left: 25%!important; }
    .building-block-box { min-height: 465px }
    .social-box a { margin-right: 8px }
    .req-inner { font-size: 16px!important }
    .req-inner span { font-size: 18px }
    .rep-title span { font-size: 22px }
    #leadership .owl-next { top: 170px; right: -35px; }
    #leadership .owl-prev { top: 170px; left: -35px; }
    #representative-client .owl-prev { left: -55px; top: -110px; }
    #representative-client .owl-next { top: -110px; right: -55px; }
    #case-carosel .owl-next { top: 20px; right: 0px; }
    #case-carosel .owl-prev { left: 0px; top: 20px; }
    #clients-logo .owl-next { top: -80px; right: -50px; }
    #clients-logo .owl-prev { top: -80px; left: -50px; }
    #clients-logo .item { height: 100px }
    #quick-service h3 { font-size: 16px }
    #casestudy-carosel .owl-next { right: -35px }
    #casestudy-carosel .owl-prev { left: -35px }
    .bloginner-right .form-wrap .btn-blue { margin-right: -20px }
    .home-slide-wrap .tp-rightarrow { left: 70% !important }
    .home-slide-wrap .tp-leftarrow { left: 65% !important }
    #representative-sect img { height: 148px }
    /*  inner commen page*/
#default-innerpage{padding-top: 20px; padding-bottom: 20px;}
#default-innerpage h1{text-align:center;font-size: 120px; color: #3198d5; }
#default-innerpage h2{font-size:40px;}
#default-innerpage h3{font-size:35px;}
#default-innerpage h4{font-size:30px;}
#default-innerpage h5{font-size:25px;}
#default-innerpage h6{font-size:20px;}
#default-innerpage ul{padding-left: 15px;}
#default-innerpage li{font-size:15px; list-style: initial;}
#default-innerpage a{font-size: 15px; color: #3198d5; text-decoration: none;}
/*  inner commen page*/
}
@media only screen and (min-device-width:992px) { 
    #clients-logo .item { height: 150px }
    #home-banner h1 { margin-top: 60px; margin-left: 110px; }
    .logo { margin-top: 210px; display: inline-block; }
    #clients-logo .owl-prev { left: -70px }
    #clients-logo .owl-next { right: -70px }
    #representative-client { background-attachment: fixed }
    #representative-client .owl-prev { left: -60px }
    #representative-client .owl-next { right: -60px }
    .no-pad-right-desk { padding-right: 0 }
    .req-inner { font-size: 22px }
    .riview-circle { margin-left: 15px; margin-right: 15px; }
    #requestfree { background-attachment: fixed }
    .quick-leader-contact { margin-top: 50px }
    #founder .container { background-size: 320px, 79% }
    .fonder-info { margin-left: 360px }
    .fonder-info p { margin-bottom: 225px }
    #team-banner { min-height: 500px; background: url(images/team-banner.jpg) no-repeat top center; background-size: cover; background-attachment: fixed; }
    #team-banner img { display: none }
    #founder .owl-prev { top:50%; left: 2%; }
    #founder .owl-next { top: 50%; right: 2%; }
    #leadership .owl-next { top: 170px; right: -50px; }
    #leadership .owl-prev { top: 170px; left: -50px; }
    #founder .both-comment p { width: 35%; line-height: 30px; }
    #founder .both-off-them { width: 100%!important }
    #casestudy-carosel .owl-next { top: 270px; right: -45px; }
    #casestudy-carosel .owl-prev { top: 270px; left: -45px; }
    #founder .founder-1,
    #founder .founder-2 { margin-top: 50px }
    #clients-grid .col-sm-4 { padding: 0 }
    #case-carosel .owl-controls { width: 1170px; margin: auto; position: relative; }
    #case-carosel .owl-next { top: -500px; right: -40px; }
    #case-carosel .owl-prev { top: -500px; left: -40px; }
    .bloginner-right .form-wrap { margin-left: 20px }
    .address-wrap { font-size: 16px }
    .author-thumb { height: 65px; overflow: hidden; }
    .pad-lft-n { padding-left: 7.5px }
    .pad-rgt-n { padding-right: 7.5px }
    .blog-list-banner{height:450px; overflow: hidden; }
}
a.popup_menu { float: right; font-size: 14px; height: 20px; position: relative; width: 20px; margin: 15px 15px 0 0; }
.popup_menu li ul { display: none }
.popup_menu li ul a { font-size: 14px!important; color: #fff!important; }
.popup_menu .line { background-color: #fff; height: 2px; margin: 0; width: 13px; top: 0; left: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transform: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; display: inline-block; }
.popup_menu .line:after,
.popup_menu .line:before { background-color: #fff; content: ""; display: block; height: 2px; position: absolute; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transform: all .3s ease-in-out; transition: all .3s ease-in-out; width: 13px; z-index: -1; -webkit-backface-visibility: hidden; }
.popup_menu .line:before { top: -4p }
.popup_menu .line:after { top: 4px }
.popup_menu.opened .line { background-color: transparent!important }
.popup_menu.opened .line:after { background-color: #fff; top: 0!important; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 2000; }
.popup_menu.opened .line:before { background-color: #fff; top: 0!important; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 2000; }
.popup_menu.medium .popup_menu_inner,
.popup_menu.medium .line,
.popup_menu.medium .line:after,
.popup_menu.medium .line:before { height: 3px; width: 19px; }
.popup_menu.medium .line:before { top: -6px }
.popup_menu.medium .line:after { top: 6px }
/*PopUp CSS Start Here*/
.popup_menu_holder_outer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 105; }
.popup_menu_holder { background-color: #3198d5; display: table; height: 100%; transition: all 0.3s ease-in-out 0s; width: 100%; }
.popup_menu_holder_inner { display: table-cell; padding: 21% 0; vertical-align: middle; }
#menu-fullscreen_menu li { text-align: center }
#menu-fullscreen_menu li a { display: block; padding: 10px 0; color: #000; font-weight: bold; font-size: 18px; text-decoration: none; }
#menu-fullscreen_menu li a:hover { background: #000; color: #fff; text-decoration: none; }