html{scroll-behavior: smooth;}
body{/*margin: 0;padding: 0;*/background: #0c0c0c;}
a,a:hover,a:focus{transition: all 500ms ease;outline: none;text-decoration: none;}
ul{padding: 0;}
.letterspacing2px{letter-spacing: 2px;}
.m30{margin-top: 30px;}
.modal-content{background: transparent;}
.close {font-size: 30px;color: #f89938;position: absolute;right: 30px;width: 37px;height: 25px;line-height: 25px;top: 35px;text-shadow: none !important;opacity: 1 !important;}
.close:hover{color: #fff;}
.mobologo{display: none;}
/**********Header*************/
header{background: #000;}
header img{margin: 15px 0;}
.d-logo img{width: 241px;height: 69px;}
/*header.fixed-top{background: #000;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}*/
header.fixed-top .d-logo{display: none;}
header.fixed-top .d-none{display: inline-block !important;margin: 0;}
header.fixed-top .d-none img{width: 100px;margin: 0;padding: 10px 0;}
header ul{margin: 0;padding: 0;}
header li{display: inline-block;}
header .topmenu li{padding: 38px 30px;transition: all 500ms ease;}
header.fixed-top .topmenu li{padding: 25px 30px;}
header .topmenu.searchIcon li:first-child{margin-right: 70px;transition: all 500ms ease;}
header .topmenu.searchIcon.open input[type="search"]{right: 260px;}
header .topmenu li:last-child{background: #0f0f0f;}
header .topmenu li i{font-size: 24px;color: #4e5358;cursor: pointer;transition: all 500ms ease;}
header .topmenu li i:hover{color: #f89938;transition: all 500ms ease;}
header input[type="search"]{background: transparent;border: none;padding: 0 0 10px 0;color: #777;font: 400 16px 'Barlow',sans-serif;border-bottom: 1px solid #4e5358;position: absolute;right: 15px;top: 30px;width: 200px;opacity: 0;visibility: hidden;transition: all 500ms ease;}
header input[type="search"]::-moz-placeholder{opacity: 1;color: #777;}
header input[type="search"]::-webkit-input-placeholder{opacity: 1;color: #777;}
header input[type="search"]::-ms-input-placeholder{opacity: 1;color: #777;}
header .topmenu.open input[type="search"]{right: 180px;opacity: 1;visibility: visible;transition: all 500ms ease;}
header .topmenu.open .fa-search{color: #f89938;}
/**********MenuBar*************/
.MenuBar{position: fixed;right: -250px;top: 0;width: 320px;height: 100%;background: #161616;z-index: 999;padding-top: 103px;opacity: 0;visibility: hidden;transition: all 500ms ease;}
.MenuBar.open{right: 0;visibility: visible;opacity: 1;transition: all 500ms ease;}
.MenuBar ul{padding: 0;margin: 0;}
.MenuBar ul li{display: block;}
.MenuBar ul li:first-child{position: absolute;top: 15px;right: 0;}
.MenuBar ul li:first-child a{color: #f89938;cursor: pointer;border-bottom: none;}
.MenuBar ul li:first-child a:hover{background: transparent;color: #fff;}
.MenuBar ul li a{display: block;padding: 15px 15px 15px 45px;color: #777;text-align: left;border-bottom: 1px solid rgba(255,255,255,0.1);font: 400 20px 'Barlow',sans-serif;position: relative;}
.MenuBar ul li a i{position: absolute;left: 10px;top: 15px;}
.MenuBar ul li:first-child a i{position: inherit;left: inherit;top: inherit;}
.MenuBar ul li a.active,.MenuBar ul li a:hover{background: #f89938;color: #000;}
.tooltip .tooltip-inner {background-color: #f89938 !important;font: 500 16px 'Barlow',sans-serif;padding: 8px 15px;height: auto;color: #000;}
.tooltip .arrow::before {border-left-color: #f89938;}
/**********Slider*************/
.slider{background: #0a0a0a;}
.slider .col-lg-8{padding-left: 0;}
.slider .col-lg-4{padding-right: 0;}
.slider .box{position: relative;padding: 40px 20px 40px 60px;z-index: 1;}
.slider .box:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #0f0f0f;z-index: -1;}
.slider .box i{position: absolute;width: 31px;height: 20px;}
.slider .box i:before{display: none;}
.slider .box i.fa-quote-left{top: 15px;left: 5px;background: url("images/quote-left.png") no-repeat;}
.slider .box i.fa-quote-right{bottom: 15px;right: 25px;background: url("images/quote-right.png") no-repeat;}
.slider .box p{font: 21px 'Baskervville', serif;color: #999;margin-top: 10px;position: relative;}
.angle_down{position: absolute;left: 50%;bottom: 25px;transform: translateX(-50%);cursor: pointer;display: none;}
.readmore{padding: 10px 15px;font: 300 18px 'Barlow',sans-serif;color: #f89938 !important;cursor: pointer;display: none;width: 100%;height: 100%;border-bottom: 1px solid #f79937;position: absolute;top: 0;left: 0;z-index: 2;}
.readmore:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -30px;border: 15px solid transparent;border-top-color: #f89938;}
.readmore:before{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -28px;border: 15px solid transparent;border-top-color: #0f0f0f;z-index: 1;}
/**********Journey*************/
.journey{background: #f89938;padding: 30px 0;}
.journey h2{font: 600 35px 'Barlow',sans-serif;color: #000;letter-spacing: 2px;margin: 0 0 30px 0 !important;}
/**********About Me*************/
.aboutme{background: #0a0a0a;padding: 60px 0 80px;position: relative;}
.aboutme h3{font: 300 40px 'Barlow',sans-serif;color: #f89938;margin-bottom: 10px;}
.aboutme p{font: 300 18px 'Barlow',sans-serif;color: #999;margin-bottom: 15px;}
.aboutme ul{margin: 50px 0 0;padding: 0;}
.aboutme ul li{display: inline-block;padding: 0 15px 0 0;}
.aboutme ul li a{display: block;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;border: 2px solid #666;text-align: center;}
.aboutme ul li a:hover{border-color: #f89938;background: #f89938;}
.aboutme ul li a i{color: #666;font-size: 24px !important;}
.aboutme ul li a:hover i{color: #000;}
/**********About*************/
.about{background: #f89938;padding: 80px 0;}
.about ul{margin: 0;padding: 0;}
.about .areahead{font: 300 18px 'Barlow',sans-serif;color: #999;margin-bottom: 30px;}
.about .abouthead{font: 300 30px 'Barlow',sans-serif;color: #fff;margin-bottom: 20px;}
.about .area li{display: inline-block;padding: 5px;}
.about .area li a{display: block;font: 400 13px 'Barlow',sans-serif;color: #f89938;padding: 6px 12px;border: 1px solid #f89938;border-radius: 5px;}
/*.about .area li a:hover{background: #f89938;color: #000;}
*/.aboutlist li{font: 400 18px 'Barlow',sans-serif;color: #999;display: block;position: relative;margin-bottom: 15px;padding-left: 20px;}
.aboutlist li b{font-weight: 500;color: #f89938;}
.aboutlist li i{position: absolute;left: 0;top: 0px;}
.areafocus{display: none;background: #000;padding: 40px 0;}
.areafocus .areahead{font: 300 30px 'Barlow',sans-serif;color: #f89938;margin-bottom: 20px;}
.areafocus .area li a{border-color: #f89938;color: #f89938;font: 400 14px 'Barlow',sans-serif;}
.areafocus .area li a:hover{border-color: #f89938;}
/**********stories*************/
.stories{background: #0a0a0a;height: 368px;}
.stories .col-sm-4:first-child .box,.stories .col-sm-4:last-child .box{background: #161616;}
.stories a{font: 600 22px 'Barlow',sans-serif;margin: 0;text-transform: uppercase;width: 100%;height: 368px;background: #0a0a0a;display: flex;align-items: center;justify-content: center;}
.stories a{color: #fff;}
.stories a:hover{color: #f89938;}
/**********What*************/
.what{background: #000;padding: 187px 0;}
.what a{font: 200 70px 'Barlow',sans-serif;color: #f89938;display: inline-block;position: relative;padding-right: 50px;}
.what a span{display: none;}
.what a i{position: absolute;right: -10px;top: 0;transition: all 300ms ease-in;}
.what a:hover i{transform: translateX(50%);transition: all 300ms ease-out;}
/**********footer*************/
footer{background: #161616;padding: 40px 0;}
footer h6{font: 100 70px 'Barlow',sans-serif;color: #f89938;margin-bottom: 30px;}
footer ul li{display: inline-block;padding: 0 15px;}
footer ul li a{display: block;width: 80px;height: 80px;line-height: 85px;border-radius: 50%;border: 2px solid #666;text-align: center;}
footer ul li a:hover{border-color: #f89938;background: #f89938;}
footer ul li a i{color: #666;font-size: 36px !important;}
footer ul li a:hover i{color: #000;}
/**********copyright*************/
.copyright{background: #0c0c0c;padding: 20px 0;}
.copyright p{font: 400 18px 'Barlow',sans-serif;margin-bottom: 0;color: #434343;}
.copyright p a{text-decoration: underline;color: #434343;}
.copyright p a:hover{color: #f89938;}
/**********business*************/
.business{background: #0a0a0a url("images/business.png") no-repeat center;height: 357px;justify-content: center;
align-items: center;display: flex;width: 100%;}
.business h3{font: 600 35px 'Barlow',sans-serif;color: #f89938;text-align: center;text-transform: uppercase;}
.clogo ul li{display: block;padding-left: 20px;}
.clogo ul li:first-child,.clogo ul li:last-child{padding-left: 0;position: relative;}
.clogo ul li:last-child{margin-top: 20px;}
.clogo ul li:first-child:after{content: "";position: absolute;left: 0;bottom: -36px;border: 19px solid transparent;border-top-color: #3e260e;}
.clogo ul li a{position: relative;display: block;padding: 20px 115px 20px 255px;height: 225px;border-bottom: 1px solid #3e260e;display: flex;width: 100%;align-items: center;}
.clogo ul li a i.cicon{position: absolute;left: 0;top: 0;width: 225px;height: 225px;border-left: 1px solid #3e260e;border-right: 1px solid #3e260e;border-bottom: 1px solid #3e260e;}
.clogo ul li a i.cicon img{width: 100%;transition: all 500ms ease-out;}
.clogo ul li a i.cicon .ciconhover{display: none;transition: all 500ms ease-out;}
.clogo ul li a:hover i.cicon img{display: none;transition: all 500ms ease-out;}
.clogo ul li a:hover i.cicon .ciconhover{display: inline-block;transition: all 500ms ease-out;}
.clogo ul li a i.angle_logo{position: absolute;right: 0;top: 0;width: 95px;height: 100%;background: #202020;text-align: center;display: flex;align-items: center;justify-content: center;}
.clogo ul li a i.angle_logo img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.clogo ul li:last-child a i.cicon img{width: 100%;height: 223px;}
.clogo ul li a p{font: 400 18px 'Barlow',sans-serif;color: #999;}
.clogo ul li a p b{color: #f89938;font-weight: 500;}
.clogo ul li a:hover,.clogo ul li a:hover i.angle_logo{background: #161616;}
.clogo ul li a i.angle_logo .angle-rollover{visibility: hidden;opacity: 0;transition: all 500ms ease-out;}
.clogo ul li a i.angle_logo .angle-norollver{visibility: visible;opacity: 1;transition: all 500ms ease-out;}
.clogo ul li a:hover i.angle_logo .angle-rollover{visibility: visible;opacity: 1;transform: translate(-10%,-50%);transition: all 500ms ease-out;}
.clogo ul li a:hover i.angle_logo .angle-norollver{visibility: hidden;opacity: 0;transition: all 500ms ease-out;}

/**********success_stories*************/
.success_stories{background: #0a0a0a url("images/success.png") no-repeat center;height: 357px;justify-content: center;
align-items: center;display: flex;width: 100%;}
.success_stories h3{font: 500 35px 'Barlow',sans-serif;color: #f89938;text-align: center;text-transform: uppercase;}
.gstory{padding: 50px 0;}
.gstory .cardbox{border-bottom: 1px solid #f89938;margin-bottom: 30px;}
.gstory .card-body{padding-left: 90px;}
.gstory .cardbox:last-child{border-bottom: none;}
.gstory a{font: 400 35px 'Barlow',sans-serif;color: #f89938;display: block;padding: 0 20px 0 90px;position: relative;padding-right: 80px;margin-bottom: 30px;cursor: pointer;}
.gstory a:hover{color: #f89938;}
.gstory a:after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 35px;height: 3px;background: url("images/minus.png") no-repeat;}
.gstory a.collapsed:before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 35px;height: 3px;background: url("images/minus.png") no-repeat;transform: rotate(90deg);}
.gstory h4{font: 500 30px 'Barlow',sans-serif;background: #f89938;color: #000;padding: 8px 15px;margin-bottom: 15px;}
.gstory p,.gstory li{font: 300 30px 'Barlow',sans-serif;color: #999;margin-bottom: 0;}
.gstory ul{margin-bottom: 60px;}
.gstory li{display: block;position: relative;padding-left: 35px;}
.gstory li:after{content: "";position: absolute;left: 5px;top: 10px;/*transform: translateY(-50%);*/width: 5px;height: 5px;background: #999;border-radius: 50%;}
/**********Voice Connects*************/
.voice_connect{background: #f89a37 url('images/bg.png') no-repeat 100% / cover;padding: 50px 0;position: relative;z-index: 1;}
#particles-js {position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;overflow: hidden;}
.voice_connect h5{font: 600 35px 'Barlow',sans-serif;color: #000;text-transform: uppercase;margin-bottom: 30px;}
.voice_connect .itembox{background: rgba(255,255,255,0.8);border:5px;padding: 30px;}
.voice_connect .itembox .userpic{width: 200px;height: 200px;border-radius: 50%;display: inline-block;margin-bottom: 30px;}
.voice_connect .itembox .userpic img{width: 100%;height: auto;}
.voice_connect .owl-carousel .owl-item img{width: auto;display: inline-block;}
.voice_connect .itembox p.cpara{font: 400 17px 'Barlow',sans-serif;color: #000;margin-bottom: 0;position: relative;padding: 15px 55px 15px 15px;word-break: break-word;}
.voice_connect .itembox p.cpara:after{content: "";position: absolute;left: -15px;top: 0;width: 1px;height: 100%;background: #f0c295;}
.voice_connect .cboxdata{position: relative;}
.voice_connect .cboxdata .name{font: 500 22px 'Barlow',sans-serif;color: #000;margin-bottom: 15px;}
.voice_connect .cboxdata .para{font: 500 18px 'Barlow',sans-serif;color: #000;margin-bottom: 0;}
.voice_connect .cboxdata .cbutton{margin-top: 20px;display: block;}
.icon-left,.icon-right{width: 22px;height: 40px;}
.icon-left,.icon-right,.icon-left img,.icon-right img{position: absolute;top: 50%;transform: translate(-50%,-50%);outline: none;transition: all 500ms ease-out;cursor: pointer;}
.icon-left{left: -60px;}
.icon-right{right: -60px;}
.icon-left img{left: 0;transition: all 500ms ease-out;}
.icon-right img{right: -30px;transition: all 500ms ease-out;}
.icon-left img:hover {left: -10px;transition: all 500ms ease-out;}
.icon-right img:hover {right: -40px;transition: all 500ms ease-out;}
/**********LetMe*************/
.letme{background: #1d1d1d;padding: 50px 0;}
.letme h4{font: 200 45px 'Barlow',sans-serif;color: #f89938;margin: 0 0 30px;padding-left: 40px;}
.letme p{font: 300 18px 'Barlow',sans-serif;color: #999;margin-bottom: 20px;padding-left: 40px;}
.quest{background: #000;}
.quest ul{margin: 0;}
.quest li{display: block;}
.quest li a{padding: 30px 40px;background: #0a0a0a;font: 300 25px 'Barlow',sans-serif;color: #999;border-bottom: 3px solid #000;position: relative;display: block;position: relative;}
.quest li a:hover{background: #f89938;color: #000;}
.quest li a:hover b{color: #000;}
.quest li a:after{content: "";position: absolute;right: -16px;bottom: -16px;border: 16px solid transparent;border-top-color: #252525;z-index: 1;transform: rotate(-45deg);}
.quest li a:hover:after{border-top-color: rgba(255,255,255,0.3);}
.quest li b{font: 500 25px 'Barlow',sans-serif;color: #f89938;}
.quest li.text-center a{font: 300 35px 'Barlow',sans-serif;}
/*.quest li.text-center a:after{display: none;} */
.quest li:last-child a{font: 300 35px 'Barlow',sans-serif;}
.quest li a:hover img,.quest li a .black_arrow{display: none;}
.quest li a:hover .black_arrow{display: inline-block;}
/*.quest li:last-child a:hover{color: #999;background: #0a0a0a;}*/
/**********Blog*************/
.box{position: relative;}
.box .overlay{position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px;background: linear-gradient(to top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);}
.box .overlay a{display: inline-block;padding: 5px 8px;background: #f89938;font: 600 11px 'Barlow',sans-serif;color: #000;text-transform: uppercase;margin-bottom: 10px;}
.box .overlay p{font: 400 15px/22px 'Barlow',sans-serif;color: #fff;margin-bottom: 0;}
.blogbox{background: #2c2d2f;padding: 17px 20px 17px 320px;position: relative;margin-top: 30px;}
.blogbox .blogimage{position: absolute;left: 0;top: 0;width: 300px;height: 300px;}
.blogbox .blogimage img{width: 100%;height: auto;}
.blogbutton{margin-bottom: 10px;}
.blogbutton li{display: inline-block;padding-right: 5px;}
.blogbutton li a{font: 400 12px 'Barlow',sans-serif;color: #fff;padding: 3px 8px;text-transform: uppercase;}
.blogbutton li a:hover{color: #fff;}
.dateTime li{display: inline-block;padding-right: 10px;}
.dateTime li a{font: 400 14px 'Barlow',sans-serif;color: #999;display: block;padding-left: 20px;position: relative;}
.dateTime li a i{position: absolute;left: 0;top: 0;}
.dateTime li a:hover{color: #999;}
.blue{background: #2196f3;}
.red{background: #ff0000;}
.green{background: #4caf50;}
.orange{background: #ff9800;}
.purple{background: #673ab7;}
.loadMore{display: inline-block;padding: 10px 25px;border: 1px solid #999;font: 300 15px 'Barlow',sans-serif;color: #999;text-transform: capitalize;margin: 30px 0 0;}
.loadMore:hover{background: #ff9800;color: #000;border-color: #ff9800;}
.blogbox h3 a{font: 600 21px/26px 'Barlow',sans-serif;color: #ff9800;display: block;}
.blogbox p{font: 300 15px/19px 'Barlow',sans-serif;color: #999;}
.social{text-align: right;margin-bottom: 0;}
.social li{display: inline-block;padding: 8px;}
.social li a{color: #999;font-size: 16px;}
.social li a:hover{color: #f89938;}
.social li:first-child{float: left;padding: 8px 0;}
.social li:first-child a{padding: 8px 25px;border: 1px solid #4d4e4f;font: 300 12px 'Barlow',sans-serif;color: #999;}
.social li:first-child a:hover{color: #000;background: #f89938;border-color: #f89938;}
.blackbox{padding: 20px;background: #2c2d2f;margin-top: 30px;display: table;width: 100%;}
.rightHead{font: 600 16px 'Barlow',sans-serif;color: #e2e2e2;letter-spacing: 1px;text-transform: uppercase;margin: 0;padding-bottom: 15px;border-bottom: 2px solid #000;position: relative;}
.rightHead:after{content: "\f1d8";position: absolute;right: 0;bottom: 15px;color: #979798;font-family: "FontAwesome";}
.rightHead span{display: inline-block;position: relative;}
.rightHead span:after{content: "";position: absolute;left: 0;bottom: -16px;width: 100%;height: 2px;background: #f79939;}
.blog{padding: 0 0 30px;}
.blog label{font: 300 14px 'Barlow',sans-serif;color: #f89938;display: block;margin-top: 20px;}
.blog input[type="text"],.blog input[type="email"],.blog textarea{padding: 5px 15px;background: #000;width: 100%;border: none;color: #e2e2e2;resize: none;}
.blog input[type="submit"]{padding: 8px 15px;background: #555;font: 500 15px 'Barlow',sans-serif;color: #e2e2e2;text-transform: uppercase;width: 100%;border: none;margin-top: 15px;}
.blog input[type="submit"]:hover{background: #f89938;color: #000;}
.blog .gboxinner .social li:first-child a:hover{background: transparent;color: #999;}
.featureBlog .rightHead:after{content: "\f02e";bottom: 13px;color: #f79939;}
.featureBlog .box{margin-top: 20px;}
.featureBlog .overlay{padding: 10px 15px 15px;}
.featureBlog .overlay p{font: 300 14px 'Barlow',sans-serif;color: #ddd;}
.featureBlog .para{font: 300 16px 'Barlow',sans-serif;color: #ccc;text-align: center;margin-top: 15px;}
.blogtopList{margin: 0;display: table;width: 100%;}
.blogtopList li{display: flex;position: relative;align-items: center;padding-left: 95px;font: 300 16px 'Barlow',sans-serif;color: #ccc;height: 75px;margin-bottom: 20px;}
.blogtopList li:last-child{margin-bottom: 0;}
.blogtopList li i{position: absolute;left: 0;top: 0;width: 75px;height: 75px;}
.blogtopList li i img{width: 100%;height: auto;}
.orangeBox{background: #f79939;padding: 20px;margin-top: 30px;}
.orangeBox h6{font: 400 24px 'Barlow',sans-serif;color: #fff;position: relative;padding-left: 50px;letter-spacing: 1px;}
.orangeBox h6 i{position: absolute;left: 0;top: -5px;width: 40px;height: 40px;border-radius: 50%;background: #fff;color: #f79939;text-align: center;font-size: 20px;line-height: 40px;}
.orangeBox p{font: 400 14px/18px 'Barlow',sans-serif;color: #fff;margin-top: 10px;}
.orangeBox input[type="email"]{background: #fff;color: #333;padding: 10px 15px;}
.orangeBox input[type="email"]::-moz-placeholder{color: #333;opacity: 1;}
.orangeBox input[type="email"]::-ms-placeholder{color: #333;opacity: 1;}
.orangeBox input[type="email"]::-webkit-input-placeholder{color: #333;opacity: 1;}
.orangeBox input[type="submit"]{padding: 12px;}
.orangeBox input[type="submit"]:hover{background: #000;color: #fff;}
.postComment{background: #000;padding: 0 0 30px 0;}
.postComment .blackbox{background: transparent;padding: 20px 0;}
.postComment .blackbox h6{border-bottom-color: #191919;margin-bottom: 20px;}
.postComment .blackbox h6:after{display: none;}
.postComment .col-lg-4:nth-of-type(2) .blogtopList li,.postComment .col-lg-4:nth-of-type(3) .blogtopList li{display: block;padding-top: 10px;}
.postComment .cpara{font-size: 14px;margin-top: 10px;color: #777;font-weight: 400;}
.postComment .col-lg-4:nth-of-type(3) .blogtopList li p{margin-top: 0;margin-bottom: 10px;}
/**********Blog Inner Page*************/
.boxlayout .boxbanner{display: flex;align-items: center;background-repeat: no-repeat;background-position: center;height: 400px;position: relative;padding: 20px;justify-content: center;z-index: 1;}
.boxlayout .boxbanner:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: -1;}
.boxlayout .boxbanner h2{font: 600 40px 'Barlow',sans-serif;color: #f79939;text-align: center;}
.gboxinner{background: #2c2d2f;display: table;width: 100%;margin-top: 30px;}
.gboxinner .social{padding: 5px 20px;}
.gboxinner .social li:first-child a{border: none;padding-left: 5px;}
.gboxinner .social li:first-child a span{display: inline-block;padding-left: 10px;}
.spacing{display: table;width: 100%;border-top: 1px solid #e4e4e4;margin: 15px 0 20px;}
.wboxinner{display: table;width: 100%;background: #fff;padding: 20px;}
.wboxinner h3{font: 400 24px 'Barlow',sans-serif;color: #444;}
.wboxinner p{font: 400 16px/24px 'Barlow',sans-serif;color: #5e5e5e;}
.wboxinner .orangeBox{margin: 0;}
.wboxinner .orangeBox p i{font: italic 400 16px/24px 'Barlow',sans-serif;color: #fff;}
.wboxinner .orangeBox span{font: 500 14px 'Barlow',sans-serif;color: #fff;}
.checkfield{margin-top: 20px;display: table;width: 100%;padding: 0 20px;}
.checkfield li{display: inline-block;padding-right: 25px;}
.checkfield li:first-child{padding-right: 0;}
.checkfield li:first-child label.checkbox{text-indent: -9999px;}
.checkfield li label{font: 300 12px 'Barlow',sans-serif;color: #999;display: inline-block;position: relative;margin: 0;}
.checkfield li .checkbox{margin: 0;padding-left: 25px;}
.checkfield li .checkbox:after{content: "";position: absolute;left: 0;top: 0;width: 14px;height: 14px;border: 1px solid #707070;}
.checkfield li input[type="checkbox"]{position: absolute;left: 0;top: 0;width: 14px;height: 14px;opacity: 0;}
.checkfield li .checkbox:before{content: "";position: absolute;left: 0;top: 0;width: 17px;height: 14px;background: url("images/check.png") no-repeat center;z-index: 1;opacity: 0;}
.checkfield li input[type="checkbox"]:checked ~ .checkbox:before{opacity: 1;}
.hashTag{float: left;margin-left: 20px;background: #151515;padding: 0 5px !important;margin-top: 9px;}
.hashTag a{font-size: 12px !important;text-transform: uppercase;}
.alsoLike,.commentBox{display: table;width: 100%;padding: 0 20px;}
.alsoLike h5{font: 500 16px 'Barlow',sans-serif;color: #bbb;text-transform: uppercase;padding: 45px 0 15px;border-top: 1px solid #000;border-bottom: 2px solid #000;margin: 20px 0;}
.alsoLike h5 img{float: right;cursor: pointer;}
.alsoLike .box .overlay{position: relative;top: inherit;left: inherit;padding: 15px 0;background: transparent;}
.blackspacing{margin: 20px 0 40px;border-top: 2px solid #000;}
.nextprevious a{font: 500 14px 'Barlow',sans-serif;color: #f79939;display: inline-block;}
.nextprevious p{font: 500 14px 'Barlow',sans-serif;color: #868682;display: block;margin-top: 5px;margin-bottom: 0;}
.nextprevious a:hover p{color: #f79939;}
.commentBox li{position: relative;display: block;padding-left: 25px;margin: 30px 0 20px;border-bottom: 1px solid #000;padding-bottom: 20px;}
.commentBox li:last-child{border-bottom: none;}
.commentBox li .counter{position: absolute;left: 0;top: 0;font: 500 18px 'Barlow',sans-serif;color: #999;}
.commentBox li .profileBox{position: relative;padding-left: 55px;}
.commentBox li .profileBox .commentUser{position: absolute;left: 0;top: 0;width: 35px;height: 35px;border-radius: 50%;overflow: hidden;}
.commentBox li .profileBox .commentUser img{width: 100%;height: auto;}
.commentBox li .profileBox .userName{font: 600 18px 'Barlow',sans-serif;color: #bbb;text-transform: uppercase;}
.commentBox li .profileBox .userMessage{font: 300 16px 'Barlow',sans-serif;color: #838383;}
.commentBox li .profileBox .timedate{font: 300 14px 'Barlow',sans-serif;color: #838383;float: right;}
.button{display: inline-block;padding: 6px 10px;background: #f79939;color: #000;font: 600 13px 'Barlow',sans-serif;text-transform: uppercase;border: none;}
.button img{padding-right: 5px;}
.button:hover{background: #fff;color: #000;}
.reset{display: inline-block;padding: 6px 10px;background: #0a0a0a;color: #afafaf;font: 600 13px 'Barlow',sans-serif;text-transform: uppercase;border: 1px solid #232323;float: left !important;}
.reset:hover{background: #f79939;border-color: #f79939;color: #000;}
.commentarea{display: table;width: 100%;background: #000;padding: 0 20px;}
.commentarea textarea{border: 1px solid #1a1a1a;margin: 20px 0;}
.sendarea{display: table;width: 100%;background: #161616;padding:15px;text-align: left;}
.sendarea input{float: right;}
.commentarea .userName{font: 600 16px 'Barlow',sans-serif;color:#bbb;}
/*========================
 Media Query
==========================*/
@media screen and (min-width:992px) and (max-width:80000px)
{
.abnewbox.ggbox{background: #23272a;}
}
/*
|-------------------------------------------------------------------|
| Medium devices (tablets, 768px)                                   | 
|-------------------------------------------------------------------|
*/
.w-100.d-none.d-sm-block{display: none !important;}
@media screen and (min-width:0) and (max-width:991px)
{
	.w-100.d-none.d-sm-block{display: block !important;}
	body .icon-left{left: 35px;}
	body .icon-right{right: 20px;}
	.icon-left, .icon-right, .icon-left img, .icon-right img{top: 35%;transform: translate(-50%,-35%);}
	.m-center{text-align: left;}
	.m-none{display: none;}
	.timeline-wrapper .timeline-content-item .timeline-content-item-reveal::after{display: none !important;}
	.abnewbox::after{position: relative !important;}
	.greyboxdata:after{display: none;}
	body .abnewbox{padding: 15px;}
	ul.socialLink {margin-top: 60px;}
	ul.area {margin-bottom: 20px;}
	header .col.text-right{padding-right: 0;}
	header.fixed .d-none img{width: 70px;}
	.timeline-wrapper{height: auto !important;}
	.timeline-wrapper .timeline-content-item{height: 80px !important;}
	body .timeline-wrapper .timeline-line {display: block;width: 1px;height: 100%;top: 0;left: 50%;transform: translateX(-50%);}
	body .timeline-wrapper .timeline-content-item.active .timeline-content-item-reveal{top: -70%;}
	.timeline-wrapper .timeline-content-item .timeline-content-item-reveal,.timeline-wrapper .timeline-content-item{width: 100% !important;}
	header .topmenu.open input[type="search"]{top: 100%;padding: 15px;background: #000;z-index: 9;border: none;width: 250px;right: 0;outline: none;}
	.MenuBar{width: 100%;}
	.areafocus,.angle_down,.readmore{display: block;}
	.slider .box{padding: 20px;}
	.slider .box:after{display: none;}
	.slider .box .fa-quote-right{display: none;}
	.slider .box p{margin-bottom: 0;margin-top: 20px;height: 110px;overflow: hidden;transition: all 500ms ease;}
	.slider .box.open p{height: 230px;overflow: inherit;transition: all 500ms ease;}
	.slider .box.open .fa-quote-right{display: inline-block;}
	.slider .box p:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;background: linear-gradient(rgba(46,46,56,0) 50%,rgba(0,0,0,0.6) 100%);}
	.slider .box.open p:after{display: none;}
	.slider .box i.fa-quote-right{bottom: 15px;}
	.slider .col-lg-8{padding: 0;-ms-flex-order: 1;order: 1;}
	.slider .col-lg-4{-ms-flex-order: 2;order: 2;padding: 0 15px;}
	.aboutme{padding-top: 15px;}
	.about .area li{padding: 5px 5px 5px 0;}
	.about .abouthead{margin-top: 0;}
	.stories{height: auto;}
	.stories .box,.stories h5{position: inherit;height: auto;}
	.stories h5{transform: inherit;left: inherit;top: inherit;padding: 0;height: 300px;display: flex;align-items: center;-ms-flex-pack: center;justify-content: center;}
	.stories h5 a{color: #f69834;}
	.what a{height: 300px;display: flex;align-items: center;-ms-flex-pack: center;justify-content: center;padding: 0;font-size: 30px;}
	.what a span{font: 400 26px 'Barlow',sans-serif;color: #f69834;display: inline-block;}
	.what a i {position: absolute;right: 50%;top: 50%;transform: translate(50%,50%);width: 180px;height: 55px;margin: 50px 0 0;}
	.what a i:after,.what a i:before{content: "";position: absolute;width: 15px;height: 27px;background: url("images/arrow-right-new.png") no-repeat;top: 11px;}
	.what a i:after{left: 0;transform: rotate(180deg);}
	.what a i:before{right: 0;}
	.what a img{display: none;}
	.about{padding: 40px 0;}
	.aboutme ul li a{width: 80px;height: 80px;line-height: 85px;}
	.aboutme ul li a i{font-size: 34px !important;}
	footer h6{font-size: 50px;margin-bottom: 50px;}
/*	footer ul li:nth-of-type(3),.aboutme ul li:nth-of-type(3){display: none;}*/
	footer ul li,.aboutme ul li{padding: 0 10px;}
	footer ul,.aboutme ul{display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-pack: center;justify-content: center;}
	footer ul li:nth-of-type(1),.aboutme ul li:nth-of-type(1){-ms-flex-order: 2;order: 2;}
	footer ul li:nth-of-type(2),.aboutme ul li:nth-of-type(2){-ms-flex-order: 1;order: 1;}
	footer ul li:nth-of-type(3),.aboutme ul li:nth-of-type(3){-ms-flex-order: 3;order: 3;}
	/*.copyright{display: none;}*/
	body .abboxes {padding: 30px 5px 30px 20px;}
	.clogo ul li a{padding: 0;height: auto;display: flex;text-align: left;margin-top: 20px;}
	.clogo ul li a i.cicon {position: relative;left: inherit;top: inherit;width: 190px;height: 190px;}
	.clogo ul li a i.cicon img,.clogo ul li a p{width: auto;height: auto;margin-bottom: 20px;}
	.clogo ul li:last-child a i.cicon img{width: auto;height: auto;}
	.clogo ul li a i.angle_logo {position: inherit;left: 0;top: inherit;width: 100%;height: 50px;bottom: 0;}
	.clogo ul li{padding-left: 0;}
	.gstory a{font: 400 18px 'Barlow',sans-serif;padding: 0 0px 0 50px;padding-right: 0;}
	.gstory .card-body{padding-left: 30px;}
	.gstory h4{font: 500 18px 'Barlow',sans-serif;}
	.gstory p,.gstory li{font: 500 16px 'Barlow',sans-serif;}
	.gstory ul {margin-bottom: 30px;}
	.content{margin: 30px 0 0;}
	.success_stories{background-position: 15% 100%;}
	.what{padding-top: 0;padding-bottom: 130px;}
	.mobologo{display: block;}
	/*.clogo.mobologo a{display: block;position: relative;padding: 15px 40px 0 140px;margin: 0;height: 130px;transition: all 500ms ease;}*/
	.clogo.mobologo a{display: flex;position: relative;padding: 20px 50px 20px 140px;margin: 0;height: auto;transition: all 500ms ease;justify-content: center;align-items: center;min-height: 130px;}
	.clogo.mobologo a .cicon{position: absolute;left: 0;top: 0;width: 120px;height: 100%;text-align: center;line-height: 150px;background: #161616;transition: all 500ms ease;}
	.clogo.mobologo li{padding-left: 20px;}
	/*.clogo.mobologo li:last-child a .cicon{height: 130px !important;}*/
	.clogo.mobologo ul li:first-child::after{bottom: -37px;}
	.clogo.mobologo li:first-child a .cicon,.clogo.mobologo li:last-child a .cicon{background: #f89938;}
	.clogo.mobologo li a:hover .cicon{background: #fff;transition: all 500ms ease;}
	.clogo.mobologo a .cicon img,.clogo.mobologo ul li:last-child a i.cicon img{width: 100%;height: auto;}
	.clogo.mobologo ul li a i.cicon img {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
	.clogo.mobologo a .angle_logo{width: 40px;height: 100%;position: absolute;top: 0;right: 0;left: inherit;}
	.clogo.mobologo ul li{margin: 0;}
	.clogo.mobologo ul li a p{font: 400 14px/20px 'Barlow',sans-serif;margin-bottom: 0;}
	.boxlayout .boxbanner{background-position: center !important;}
	.blogbox .blogimage img{width: auto;}
}


@media screen and (min-width:600px) and (max-width:768px)
{
	body .blogbox{padding: 17px 20px 17px 260px !important;}
	body .blogbox .blogimage{position: absolute !important;left: 0 !important;top: 0 !important;width: 250px !important;height: 250px !important;}
	body .blogbox .blogimage img {width: 100% !important;}
	.blogbox h3 a{font: 600 14px/18px 'Barlow',sans-serif;}
	.blogbox p{font: 300 12px/15px 'Barlow',sans-serif;height: 50px;overflow: hidden;}
	.social li{padding: 4px;}
	.social li:first-child a{padding: 8px 15px;}
}
/*
|-------------------------------------------------------------------|
| Medium devices (tablets, 467px)                                   | 
|-------------------------------------------------------------------|
*/
@media screen and (min-width:0) and (max-width:768px)
{

.abnewbox.ggbox h4{text-align: center;margin-top: 15px;}
.blogbox{padding: 20px;text-align: center;}
.blogbox .blogimage{position: inherit;left: inherit;top: inherit;margin-bottom: 15px;display: table;width: 100%;}
}
@media screen and (min-width:0) and (max-width:467px)
{
	header img{width: 100%;}
	header .topmenu li {padding: 25px 20px;}
	header input[type="search"]{width: 150px;font-size: 14px;}
	.what a img {width: 20px;}
	.copyright p {font: 400 15px 'Barlow',sans-serif;}
}