body{ padding: 0px; margin: 0px;  font-family: 'poppinsregular';}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none; text-decoration: none}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}

@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/poppins-light-webfont.woff2') format('woff2'),
         url('../fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'olivierregular';
    src: url('../fonts/olivier_demo-webfont.woff2') format('woff2'),
         url('../fonts/olivier_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/**-------------------------Header--------------------------------*/
.desktoplogo{width: 100%; float: left; height: auto;}
.fixedlogo{display: none;}
.navbar-me{border: none;}
.desktoplogo img{margin: 0px auto;max-width: 53%;}
.navbar-me .navbar-header{    display: inline-block; float: none; width: 100%;}
.menus_design{text-align: center;}
.menus_design .navbar-nav{width: 100%; }
.menus_design .navbar-nav li{float: none; display: inline-block;}
.menus_design .navbar-nav li a{color:#7d7d7d; font-size: 16px; text-transform: capitalize;  font-family: 'poppinsregular';}
.menus_design .navbar-nav li a:hover,.menus_design .navbar-nav li a:focus:hover{color: #df5844;}
.menus_design .navbar-nav li a:focus{color: #7d7d7d;}
/*-------------------------------whowe css-------------*/
.deer{width: 100%; text-align: center; display: inline-block;}
.title {font-size: 34px; color: #000; text-transform: uppercase;}
.camera-text{    max-width: 820px; margin: 0px auto;float: none;color: #000;font-family: 'poppinsregular'; font-size: 16px;}
.item_content{width: 100%; float: left; margin: 20px 0px 0px 0px;}
.dropcap{ min-width: 172px; padding-bottom: 18px; font-size: 125px; color: #000000; text-align: left; letter-spacing: -3px; position: relative;}
.dropcap:after { content: ""; position: absolute; bottom: 16px; right: -40px; width: 172px; background: url(../img/bottom_num.png) 0 0 no-repeat;
 height: 68px;}
.box_content{width: 70%; float: right;    padding: 60px 15px 0 25px;}
.box_content h4{     color: #2c2c2c; font-weight: normal; padding: 0 0 6px 0; font-family: 'poppinsmedium';  font-size: 20px; line-height: 25px; }
.box_content p{color: #4c4c4c;font-family: 'poppinsregular';     font-size: 19px; padding: 20px 0px; line-height: 28px;}
/*-------------------------------whowe css-------------*/
.portfolio{background: url(../img/coloredimg.png);padding: 50px 0px 80px; background-size: cover; background-position: top center; margin-top: 70px; 
 background-attachment: fixed}
.portfolio_section{ font-size: 140px; float: left; width: 100%; color: #fff; font-family: 'poppinsregular'; padding: 150px 0px 0px 0px;
 text-transform: uppercase;}
.personal_title { display:inline-block; width: 100%; color: #000; font-size: 38px; text-align:center;padding-bottom: 40px; font-family: 'poppinssemibold';}
.person_bx { float: left; width: 100%;padding-bottom: 65px;}
.person_bx_left {  float: left;  width: 33%;}
.person_bx_txt {color: #000;font-size: 14px; line-height: 20px;padding-top: 10px; text-align: right; width: 79%;display: inline-block; padding-right:20px;}
.person_bx_img { float: right;}
.person_bx_right { float: right; width: 40%;}
.person_bx_img2 { float: left;}
.person_bx_txt2 { color: #000; float: left; font-size: 14px; line-height: 20px; text-align: left; width: 79%; padding-top: 10px; padding-left: 20px;}
.person_bx_left.person_bx_left3 { width: 30%;}
.person_bx_left { float: left; width: 33%;}
.person_bx_right.person_bx_right3 { width: 33%;}
.person_bx_right { float: right; width: 35%;}
.personal_consultant{    padding: 60px 0px 25px;}
.personal_consultant_bx { float: left; width: 100%; background: url(../img/giraf.png) no-repeat center bottom; min-height: 600px;
 background-position: 48% 200%;padding-top: 140px;}
.title_small{font-family: 'poppinsregular'; font-size: 18px; color: #000; text-transform: capitalize;}
.person_bx_left .title_small{float: right;     padding-right: 105px; font-family: 'poppinsbold';}
.personal_consultant .title {padding-bottom: 50px;}
.person_bx_right .title_small{float: right;     padding-right: 155px; font-family: 'poppinsbold';}
.galeery_div{    width: 25%; float: left; position: relative; overflow: hidden; min-height: 335px; transition: all 0.2s ease-in-out 0s;}
.galeery_div img{object-fit: cover; width: 100%; height: 100%; position: absolute; transition: all 0.5s ease-in-out 0s;}
.galeery_div:after{border: 1px solid #fff; position: absolute; top:2%;     content: ""; z-index: 9; width: 96%; margin: 0px 2%; text-align: center;
 height: 96%; left: 0px; opacity: 0;  transition: all 0.2s ease-in-out 0s;     background: rgba(0, 0, 0, 0.2196078431372549); }
.galeery_div:hover:after{opacity: 9;transition: all 0.5s ease-in-out 0s;  }
.galeery_div:hover img{ transform: scale(1.1);}
.item_published { display: block; font-size: 30px; line-height: 34px; text-transform: capitalize; color: #818181; padding-bottom: 61px;}
.item_published span {  float: left; font-size: 55px; font-weight: bold; position: relative; margin-right: 33px; line-height: 24px; color: #000;}
.item_published span:after { content: ""; position: absolute; background: url(../img/date-line.png) 0 0 no-repeat; width: 33px; height: 85px;
 top: -30px; right: -33px;}
.event_title{    font-family: 'poppinsmedium';  font-size: 17px; line-height: 26px; color: #000; text-transform: capitalize;}
.item_introtext{color: #565656; font-size: 15px; padding: 10px 0px;}
.wrap_btn a{ background: transparent; color: #000; text-transform: uppercase; border: 1px solid #a4a4a4; padding: 15px 20px;}
.wrap_btn a:hover, .wrap_btn a:focus{background: #df5844 !important; border-color: #df5844 !important;}
.events{padding:50px 0px;}
.events .title {padding-bottom: 60px;}
.wrap_btn{width: 100%; float: left; margin: 20px 0px 0px;}
.video_bg{ background: url(../img/vido_bg.png) no-repeat center bottom; padding: 200px 0px; text-align: center; background-size: cover; 
 background-attachment: fixed; background-position: top center;}
.video_bg .video_txt{    font-family: 'poppinsregular'; color: #fff; font-size: 40px; padding: 20px 0px 0px 0px;}
.testisearch input[type="text"] { height: 62px;font-size: 15px; padding: 0px 20px;width: 98%;border-radius: 4px !important; font-family: 'poppinsregular';} 
.testisearch .input-group-btn button {height: 62px; width: 140px; background: #df5844; font-size: 19px;
 border-radius: 4px !important; font-family: 'poppinsregular';}
.testisearch{    max-width: 560px; margin: 0px auto}
.testisearch .input-group-btn{}
.newsletter{float: left;  width: 100%;  padding: 40px 0px;}
.stay_con{ padding: 50px 0px;}
 footer{ background: #252f45;  float: left; width: 100%;  padding: 80px 0px 20px 0px;}
.footer_first{float: left; width: 100%;}
.footer_logo{float: left; width: 100%;}
.footer_logo a{display: inline-block;}
.footer_content{color: #fff; font-size: 14px; font-family: 'poppinsregular'; display: inline-block;     padding: 25px 30px 0 0; line-height: 25px;}
.footer_second{float: left; width: 100%;     padding: 26px 0px 0px 0px;} 
.footer_title{float: left; width: 100%;     padding: 0px 0px 27px 0px;}
.footer_title a{font-family: 'poppinsmedium'; color: #fff; text-transform: uppercase; font-size: 20px;    }
.footer_menu{width: 100%; float: left;  padding-top: 8px;}
.footer_menu li{display: inline-block; width: 100%;}
.footer_menu li a{ display: inline-block; width: 100%; text-transform: capitalize; color: #fff; padding: 0px 0px 5px 0px;}
.footer_menu li a:hover{color: #df5844;}
.footer_menu ul li{   display: inline-block; width: 100%; text-transform: capitalize; color: #fff;padding: 0px 0px 8px 0px;}
.footer_menu ul li span { float: right;}
.footer_second ul li{    width: 80%;}
.contact_address{float:left; width: 100%;}
.add{color: #fff; width: 100%; float: left; font-size: 14px;}
.add.con {  padding: 14px 0px 0px 0px;}
.add.con span{color: #df5844;}
.botom { width: 100%; float: left; padding: 0px 15px; border-top: 1px solid #7b7b7b; margin: 40px 0px 0px 0px;}   
.botom .pull-left{ padding: 30px 0px 0px 16px;    color: #fff;}
.botom .pull-right {padding: 30px 15px 0px 0px}
.botom .pull-right ul {display:inline-block;     float: right;}
.botom .pull-right ul li{display:inline-block}
.botom .pull-right ul li a{display:inline-block; color: #fff; padding-right: 14px;}
.botom .pull-right ul li a i{font-size: 22px;}
.botom .pull-right ul li a:hover{color: #df5844;}
/*-------------------------------footer css-------------*/
/*.fixed-me{ background:rgba(0, 0, 0, 0.9) ; padding: 0px  !important; margin-bottom: 5px; position: fixed; top:0;z-index:888;width: 100%;
 border-bottom: 3px solid #fccc00 !important; left: 0;}
.navbar-me {   transition: all 1s ;}
.navbar-me{ padding: 5px 0px; top: 0px; border: 0px; border-radius: 0px; margin: 0}*/
#toTop {  background: #df5844;  border-radius: 50%;  bottom: 10px;  cursor: pointer;  display: none;  font-weight: bold;  height: 40px;  line-height: 37px;
  padding: 0;  position: fixed;  right: 10px;  text-align: center;  transition: transform 0.5s ease 0s;  width: 40px;  z-index: 999999;}






/*-------------------------------blogpage css-------------*/
.blog-container{margin:50px 0px;}
p.entry-meta { padding: 10px 0px 0px 0px;}
.blog-banner-area {background: url(../images/blog-bg.jpg);background-position: 50% 35%;background-size: cover;padding-top: 160px;padding-bottom: 160px;position: relative;overflow: hidden;}
.breadcrumb-area .breadcrumb {background: #333;display: inline-block;margin-bottom: 0;background: transparent;}
.breadcrumb-area .breadcrumb li a {color: #fff;font-size: 16px;font-weight: 400;text-transform: capitalize;}
.breadcrumb-area .breadcrumb>.active {color: #aaa;font-size: 16px;text-transform: capitalize;}
.breadcrumb-area .breadcrumb li {color: #fff;position: relative;}
.single-blog-post {margin-bottom: 78px;}
.single-blog-post:hover .post-thumbnail>img {-webkit-transform: scale(1.1);transform: scale(1.1);     transition: all 0.4s linear;}
.read-btn {background: #000;border: 1px solid #000;color: #fff;display: inline-block;font-size: 15px;line-height: 36px;padding: 0 18px;text-transform: capitalize;margin-top: 20px;}
.read-btn:hover {color: #333;background: transparent;border: 1px solid #cccccc;}
.post-thumbnail {overflow: hidden;}
.post-thumbnail>img {width: 100%;     transition: all 0.4s linear;}
.post-head {padding:25px 0 15px;}
.post-head h3 a {color: #000;}
.entry-title>a {color: #279ee8;font-size: 22px;font-weight: 500;}
.entry-meta>a {color: #666;padding-left: 5px;padding-right: 5px;}
.entry-content>p {text-align: justify;}
.quote {color: #666;font-style: italic;font-weight: 500;margin-bottom: 20px;margin-top: 20px;padding: 0 76px;position: relative;
text-align: center;font-size: 20px;line-height: 34px;}
.quote>span {color: #279ee8;}
ul.blog-pagination li a {
	border: 1px solid #ccc;
	border-radius: 0 !important;
	color: #666;
	font-size: 16px;
	height: 35px;
	line-height: 20px;margin: 5px;width: 35px;
}

.black-icon>span {
	padding-left: 0;
}

.black-icon {
	background: #000 !important;
}

.black-icon:hover {
	background: #000 !important;
}

#pagination {
	margin-top: -25px;
	margin-bottom: 68px;
}

ul.blog-pagination li a:hover {
	color: #fff;
	background: #279ee8;
	border: 1px solid #279ee8;
}

.black-icon i {
	font-size: 14px;
	color: #fff !important;
}

.comments {
	margin-top: 50px;
}

.comments .auther-img {
	float: left;
	height: 100px;
	overflow: hidden;
	width: 100px;
	margin: 0 20px 20px 0;
}

ptb .comments .auther-img img {
	height: 100%;
	max-width: 100%;
}

.children:hover .auther-img,
.parent:hover .auther-img {
	border-color: #279ee8;
}

.auther-link {
	margin-bottom: 7px;
}

.auther-link a {color: #333;font-weight: 600;padding-right: 15px;}
.auther-link>span {color: #333;font-weight: 600;padding-right: 15px;}
.auther-link:hover span,
.auther-link:hover a {color: #666;}
.parent {display: inline-block;}
.children {display: inline-block;margin-left: 50px;}
.parent,.children {margin-bottom: 20px;border-bottom: 1px solid #eee;}
.comment-form h4 {color: #279ee8;display: table;font-weight: 500;margin-bottom: 30px;position: relative;}
.comment-form h4::after {background: #279ee8;bottom: -10px;content: "";height: 2px;left: 0;position: absolute;width: 100%;}
.single-comment-box {margin-bottom: 25px;}
.single-comment-box input {height: 45px;line-height: 50px;padding: 0 10px;width: 100%;border: 1px solid #ccc;}
.single-comment-box textarea {height: 180px;padding: 10px;width: 100%;border: 1px solid #ccc;}


/*--------------Blog Sidebar--------------*/

.single-sidebar {overflow: hidden;margin-bottom: 50px;}
.single-sidebar>h4 {color: #333;padding-bottom: 20px;text-transform: capitalize;}
.form-control.input-field {float: left;height: 40px;width: calc(100% - 40px);-webkit-border-radius: 0;border-radius: 0;}
.search-btn {color: #000;font-size: 22px;height: 40px;width: 40px;background: transparent;border: 1px solid #ccc;}
.cat-list li {border-bottom: 1px solid #ccc;}
.cat-list li:last-child {border-bottom: 0;}
.cat-list li a {color: #666;letter-spacing: 0.5px;line-height: 45px;     transition: all 0.4s linear;}
.cat-list span {color: #666;float: right;font-weight: 400;padding-right: 20px;}
.cat-list li a i {padding-right: 10px;}
.cat-list li:hover a {padding-left: 10px;}
.blog-social-link li {margin-right: 5px;display: inline-block;}
.blog-social-link li a i {background: #000;border: 1px solid #000;-webkit-border-radius: 50%;border-radius: 50%;color: #fff;font-size: 17px;height: 36px;line-height: 36px;text-align: center;width: 36px;}
.blog-social-link li:hover a i {background: #fff;border: 1px solid #ccc;color: #333;-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);}
.recent-post li {display: inline-block;margin-bottom: 15px;}
.rp-thumb {float: left;margin-right: 12px;}
.rp-text {float: left;}
.rp-text h5 {color: #8a0202;font-size: 14px;letter-spacing: 0;}
.tag-list>a {color: #333;border: 1px solid #ccc;display: inline-block;font-weight: 500;line-height: 30px;margin-bottom: 10px;padding: 0 15px;}
.tag-list>a:hover {background: #8a0202;color: #fff;border: 1px solid #8a0202;}
.instagram-photo img {float: left;width: 33.33%;padding-right: 5px;padding-bottom: 5px;}
.inner_header .menu_top {margin: 40px 0px 22px;}
/*-------------------------------blogpagecss-------------*/

/*-------------------------------Media css-------------*/
@media only screen and (max-width:1100px){
.desktoplogo img{width: 250px;}
.camera img{width: 250px;}
.dropcap{font: 100px/1em 'Montserrat', sans-serif;}
.box_content{width: 67%;padding: 6px 0px 0px 10px;}
.box_content h4{font-size: 15px;line-height: 20px;}
.box_content p{font-size: 18px;line-height: 20px;}
.dropcap::after{bottom: 30px; width: 83px;}
.portfolio_section{font-size: 70px; padding:80px 0px 0px 0px;}
.footer_title a{font-size: 19px;}
.footer_second ul li{width: 100%;}
.add{font-size: 12px;}
.footer_second{padding: 20px 0px 0px 0px;}
.person_bx_left {float: left;width: 34%;}
.person_bx_txt {width: 72%; padding-right: 5px; font-size: 12px;}
.person_bx_txt2 {width: 74%; padding-left: 10px;font-size: 12px}
.personal_consultant_bx{background-size: 30%; padding-top: 0px;background-position: 50% 0%;}
.person_bx_right .title_small{padding-right: 12px; width: 76%;}
.person_bx_left .title_small{font-size: 16px; padding-right: 80px;}
.person_bx_left.person_bx_left3{width: 34%;}
.person_bx_right.person_bx_right3{width: 35%;}
} 
@media only screen and (max-width:992px){
.personal_consultant_bx{min-height: 0;}
.galeery_div { width: 50%;}
.box_content { padding: 6px 0 0 10px; width: 60%;}
.dropcap::after { bottom: 21px; right: -20px; width: 113px;}
.box_content h4 { font-size: 15px; line-height: 22px; min-height: 98px;}
.box_content p { font-size: 15px; line-height: 20px;}
.footer_content { padding-right: 0;}
.footer_title a{font-size: 16px;}
}
@media only screen and (max-width:767px){
.camera img{width: 200px;}
.menus_design .navbar-nav li {border-bottom: 1px solid #ccc;float: left;display: inline-block;width: 100%;text-align: left;}
.menus_design .navbar-nav {width: auto; margin-top: 0; margin-bottom: 0	}
.menus_design .navbar-nav li a{padding: 5px 10px;}
.desktoplogo{display: none;}
.fixedlogo{width: 100%;text-align: center;position: absolute;text-align: center; display: inline-block;}
.fixedlogo img{width:130px; margin: 0px auto;}
.item_content{text-align: center; margin: 30px 0px 30px 0px;}
.box_content{width: 100%; padding-left: 0px; padding-top: 40px;}
.portfolio_section{font-size: 40px;}
.person_bx{padding-bottom: 10px;}
.person_bx_left{width: 100%;}
.person_bx_right, .person_bx_left.person_bx_left3, .person_bx_right.person_bx_right3{width: 100%;}
.personal_consultant_bx{background: none; min-height: 0; padding-top:0px;}
.personal_consultant .title{padding-bottom:10px;}
.events .title{padding-bottom:20px;}
.video_bg{padding: 100px;}
.video_bg .video_txt{font-size: 20px;}
.title{font-size: 20px;}
.newsletter{width: 96%; margin: 0px 2%; padding: 20px 0px;}
.testisearch input[type="text"]{height: 42px;}
.testisearch .input-group-btn button{height: 42px; width: 90px; font-size: 13px;}
.stay_con{padding: 20px 0px;}
 footer{padding: 40px 0px 20px 0px;}
.botom .pull-left{padding: 10px 0px 0px 0px; text-align: center;}
.botom .pull-right ul{float: none;}
.botom .pull-right{text-align: center;}
.item_published span{float: none;}
.item_published span::after{top: -5px;}
.item_published{padding-bottom: 30px;}
.galeery_div{width: 50%;}
.person_bx_img, .person_bx_img2{width: 100%;text-align: center; margin: 10px 0px;}
.person_bx_right .title_small{width: 100%; text-align: center; padding: 0px;}
.person_bx_txt2, .person_bx_txt{width: 100%; text-align: center; padding: 0px 5px;}
.person_bx_left .title_small{width: 100%; display: inline-block; padding: 0px; text-align: center;}
.person_bx_left, .person_bx_right{padding-bottom: 10px;}
.footer_title{padding: 0px 0px 10px 0px; text-align: left;}
.footer_second ul li {width: 100%;text-align: left; padding: 0px 0px 0px 0px;}
.footer_menu ul li span{float: none;}
.add, .footer_content,.footer_logo{text-align: left;}
.dropcap::after{width: 112px;bottom: 30px;}
.box_content h4 { min-height: 0;}
.portfolio { margin-top: 0;}
.menus_design { background: #f1f1f1; position: absolute; text-align: center; z-index: 999;}
}
@media only screen and (max-width:580px){
.item_published{width: 100%; margin: 0px; text-align: center;padding-bottom: 10px;}
.item_published span::after{height: 65px; right: -20px; top: -5px;}
.item_published span{width: 100%; margin: 0px; padding-bottom: 10px;}
.item_content{text-align: center; margin: 20px 0px 40px 0px;}
.video_bg { padding: 100px 0;}   
.galeery_div { width: 100%;}   
}
@media only screen and (max-width:479px){
.galeery_div{width: 100%;}
.footer_title a{font-size: 15px;}
}