*{ margin:0px; padding:0px; outline:0px; box-sizing: border-box;}
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
a{text-decoration:none; color:#ff452e; transition:all 0.4s linear 0s;}
a:hover{transition:all 0.4s linear 0s;}
a img, img{border:0px; outline:none;}
img{max-width:100%; height:auto;}
a, input[type="submit"], button{outline:none;  }
.clear{clear:both;}
::-moz-placeholder{ opacity:1; }
input[type=submit], button, select{ -moz-appearance: none;-webkit-appearance: none;}
input, select, button, textarea{font-family: 'Montserrat', sans-serif;}
input[type=submit], button{ cursor:pointer;transition:all 0.4s linear 0s;}
input[type="submit"], input[type="text"], input[type="password"], input[type="tel"], input[type="search"], button, input[type="email"], input[type="tel"], textarea, select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:0;}
h1, h2, h3, h4, h5, h6, p, ul, li, label, input, textarea, img, submit, button, a{ margin: 0px; padding: 0px; outline: none; list-style: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align:baseline;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 62.5%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;scroll-behavior: smooth;}
q {-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;quotes: none;}
a:focus {outline:0;outline: 0;}
a:hover,
a:active {outline: 0;}
a img {border: 0;}
body{color:#707070; font-size:16px; line-height:28px; font-family: 'Montserrat', sans-serif; overflow-x:hidden; font-weight: normal;}
.container{width:1240px; margin:0 auto;}
p:last-child{ margin-bottom:0px;}

/* Header Footer Section */
.header{ width:100%; float:left; border-bottom:1px solid #c5c4c4; padding:15px 0;}
.header .container{ display:flex; justify-content: space-between;}
.header .logo img{ width:50px; display:block;}


.footer{ width:100%; float:left; border-top:1px solid #c5c4c4; padding:15px 0;}
.footer .container{ display:flex; justify-content: space-between;}
.footer li{ display:inline-block; margin-left:20px;}
.footer li a{color:#707070; }
.footer li a:hover{color:#ff452e;}
/* Header Footer Section */

/* Register Form Section */
.center{ text-align:center;}
.formSctn{ width:100%; float:left; min-height:calc(100vh - 180px); display:flex; flex-direction:column; justify-content:center; padding:30px 0; background:url(../images/mapbg.png) no-repeat center; background-size:contain; margin:20px 0;}
.formSctn .container{ max-width:520px;}
.formWrap{ width:100%; float:left; padding:10px 25px; background:#fff; border:1px solid #e6dede; box-shadow:0 4px 5px rgba(0,0,0,0.2);}
.formhead{ width:100%; float:left; margin:0 0 15px; font-size:30px; line-height:48px;}
.formhead img{ float:left; max-width:50px; margin-right:20px;}
.formhead p{ width:100%; display:block; text-align:left; font-size:16px; line-height:24px; margin:10px 0 0;}
.registerForm{ width:100%; float:left; padding:0 0 15px; overflow:hidden;}
.form{ width:100%; float:left;}
.form_row{ width:calc(100% + 20px); margin-left:-10px; float:left;}
.form_group{ width:100%; float:left; position:relative; margin:15px 0 0; padding:0 10px;}
.form_group.col3{ width:33.33%;}
.form_group.col2{ width:50%;}
.form_group .label{ display:block; font-size:14px; letter-spacing:0.5px; padding-bottom:2px;}
.form_group .field{ width:100%; display:block; border:1px solid #707070; color:#707070; font-size:14px; padding:0 12px; border-radius:10px; height:45px;}
.form_group p{ font-size:14px; line-height:24px;}
.form_group select.field{ background-image:url(../images/arw1.png); background-repeat:no-repeat; background-position:calc(100% - 15px) 50%;}
.form_group.dateField .field{ width:40%; margin-right:2%; float:left;}
.form_group textarea.field{padding:12px; height:120px; resize:none;}
.form_group .btn{ width:100%; display:block; border:1px solid #ff452e; color:#707070; font-size:18px; background:#fff; padding:0 15px; border-radius:10px; height:50px; line-height:47px;}
.form_group .btn:hover{ background:#ff452e; color:#fff;}
.btnsRight{ text-align:right;}
.btnsRight .btn{ width:180px; margin:0 0 0 15px; display:inline-block; vertical-align:top;}
.form_group.uplodField .field{ width:80%; float:left;}
.form_group.uplodField .btn{ float:right; width:18%; height:45px; font-size:16px; line-height:44px;}
.btnSocl{ display:flex; justify-content:space-between; text-align:center;}
.btnSocl .btn{ max-width:44%; border-color:#037aa9;}
.btnSocl .btn:hover{ background:#037aa9; color:#fff;}
.form_group p a:hover{ text-decoration:underline;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
p.note{ background:#ff452e; color:#fff; padding:10px;}
.tellMore .container{ max-width:820px;}
.tellMore .formhead{ border-bottom:1px solid #707070; padding:15px 0; font-size: 24px;line-height: 32px;}
.picUpload{ width:120px; position:relative; margin:15px auto;}
.picUpload input{ width:100%; height:100%; position:absolute; top:0; left:0; opacity:0;cursor:pointer;}
.picUpload label{ display:flex; margin:15px auto; border-radius:10px; border:1px solid #707070; width:100%; height:120px; flex-direction:column; justify-content:center; align-items:center; font-size:40px; cursor:pointer; cursor:pointer;}
.picUpload input:hover + label, .picUpload input:focus + label{ border-color:#ff452e; color:#ff452e;}
.formSctn.choosePlan .container{ max-width:780px; text-align:center;}
.planSctn{ width:100%; float:left; padding:30px 40px 20px; background:#fff; border:1px solid #e6dede; box-shadow:0 4px 5px rgba(0,0,0,0.2);}
.planSctn h2{margin:0 0 10px; font-size:38px; line-height:48px;}
.plansRow {display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2,1fr);grid-gap:30px;margin:20px 0 0; width:100%; float:left;}
.plansRow .col{ border:2px solid #e6dede; border-radius:15px; padding:10px 25px 90px; position:relative;}
.planSctn h3{ padding:10px 0; font-size:28px; line-height:32px; font-weight:500; border-bottom:1px solid #e6dede;}
.planSctn .info ul{ text-align:left; padding:15px 0 0;}
.planSctn .info ul li{ margin:5px 0 0; font-size:14px;}
.planSctn .btn{ width:70%; border:1px solid #ff452e; color:#707070; font-size:20px; background:#fff; padding:0 15px; border-radius:10px; height:50px; line-height:48px;}
.planSctn .btn:hover{ background:#ff452e; color:#fff;}
.planSctn .actn{ position:absolute; bottom:15px; left:0; width:100%;}
.radioList{ width:100%; float:left; margin:20px 0 0;}
.radioList ul{ width:100%; float:left;}
.radioList ul li{ width:25%; float:left; position:relative; padding:0 5px;}
.radioList input{ position:absolute; top:0; left:0; opacity:0;}
.radioList label{ color:#ff452e; font-size:16px; line-height:20px; text-align:center; position:relative; cursor:pointer;} 
.radioList label b{ display:block; font-weight:400;} 
.radioList label:before{ content:''; width:15px; height:15px; display:block; margin:0 auto 5px; border-radius:10px; border:2px solid #707070;}
.radioList input:checked + label:before{ background:#070707;}
/* Register Form Section */






/* Profile Page */
.userRgt{ font-size:20px; color:#707070;display: flex;align-items: center;}
.userRgt img{ width:50px; height:50px; object-fit:cover; object-position:center; border-radius:6px; margin-left:10px;}

.profilePage{ width:100%; float:left; position:relative;}
.profilePage .container{ padding:0 4%;}

.myProfile{ width:100%; float:left; position:relative; margin:0 0 30px;}
.myProfile .photo{ width:25%; float:left; box-shadow:0 8px 15px rgba(0,0,0,0.2); border-radius:0 0 4px 4px; overflow:hidden;}
.myProfile .photo img{ display:block;}
.myProfile .abtme{ padding:20px; width:100%; display:inline-block;}
.abtme .title{ font-size:18px; color:#060606; line-height:20px; width:100%; display:inline-block; text-align:center; font-weight:500;}
.abtme .title .online{ width:12px; height:12px; border-radius:50%; display:inline-block; border-radius:50%; margin-right:5px; background:#27d621;}

.abtme p{ margin:15px 0 0; font-size:14px; line-height:22px; text-align:left;}


.myProfile .right{ float:right; width:73%;}

.cvrPhoto{ width:100%; height:400px; float:left; position:relative; background-color:#ebe7e7; background-repeat:no-repeat; background-size:cover; background-position:center;}
.edit{ color:#060606; font-weight:500; font-size:16px;}
.edit .fa{ margin-left:10px;}
.edit:hover{ color:#ff452e;}
.cvrPhoto .edit{ position:absolute; bottom:15px; right:15px;}
.profilePage .btn{ min-width:185px; display:inline-block; border:1px solid #ff452e; color:#707070; font-size:16px; background:#fff; padding:0 20px; border-radius:10px; height:44px; line-height:42px;}
.profilePage .btn:hover{ background:#ff452e; color:#fff;}

.addmore{ width:100%; display:inline-block; margin:20px 0 0; text-align:right;}
.addmore .btn{ margin-left:10px;}

.prflDscrptn{ width:100%; display:inline-block; margin:10px 0; text-align: center;}
.prflDscrptn p{ margin:15px 0; color:#060606; font-size:16px; line-height:24px;}


.allBlocks{ width:100%; float:left; margin:15px 0 40px;}
.allBlocks .leftbar{ width:75%; float:left;}

.txtBlock{ width:100%; float:left; position:relative;}
.txtBlock p{ margin:15px 0; font-size:14px; line-height:20px; padding-left:40px;}
.txtBlock strong{ color:#060606; font-weight:600;}
.txtBlock h4{ margin-top:40px; font-size:20px; position:relative;}
.timeline{ width:100%; float:left; padding:0 20px; margin:30px 0 20px; position:relative;}
.timeline h4:nth-child(1){ margin:0px;}
.timeline:before{ content:''; position:absolute; top:5px; left:-20px; width:2px; height:calc(100% - 10px); border-left:1px dashed #a6a6a6}

.timeline:after{ content:''; position:absolute; bottom:-3px; left:-30px; width:20px; height:20px; background:#fff; border:1px solid #a6a6a6}

.timeline p:last-child{ margin-bottom:0px;}

.timeline h4:after{ content:''; position:absolute; bottom:4px; left:-49px; width:20px; height:20px; border-radius:50%; background:#fff; border:1px solid #a6a6a6}



.allBlocks .rightbar{ width:23%; float:right;}
.widget{ width:100%; float:left; margin:0 0 20px; border:1px solid #b7b7b7; padding:15px; min-height:200px;}
.widget .title{ font-size:17px; position:relative; color:#706e6e; font-weight:500; padding-right:30px;}
.widget .title .edit{ float:right; position:absolute; top:0; right:0; width:20px; text-align:right;}
.widget .btnList{ margin:30px 0; width:100%; text-align:center; display:inline-block;}
.widget .btnList li{ margin-bottom:10px; width:100%; display:inline-block;}
.widget.border0{ border:0px;}
.widget p{ font-size:15px; margin:15px 0 0; line-height:22px;}


.leftBlock{ width:25%; float:left; padding-bottom:25px;}
.leftBlock .photo{ width:100%;}
.showcaseView{width:100%; float:left; margin:30px 0 20px; border:1px solid #b7b7b7; padding:18px 20px; }
.showcaseView strong{ font-size:40px; font-weight:600; float: right; margin-right:20px;}
.expertApps ul{ padding:20px 0 0;}
.expertApps ul li{ float:left; width:22%; margin-right:3%; margin-top:3%;}
.expertApps{ min-height:initial;}

.about_me{ width:100%; float:left; }
.about_me p{ font-size:14px; margin:15px 0 0; line-height:22px;}
.about_me h3{ font-size:17px; position:relative; color:#706e6e; font-weight:500; margin:0 0 15px; padding-right:30px;}


.widget2{ width:100%; float:left; margin:20px 0 0; padding:15px 0 0; border-top:1px solid #e5e5e5;}
.widget2 .title{ font-size:17px; position:relative; color:#706e6e; font-weight:500; padding-right:30px;}
.widget2 .title .edit{ float:right; position:absolute; top:0; right:0; width:20px; text-align:right;}


.widget2 ul{ margin:10px 0 0; padding-left:20px;}
.widget2 ul li{ list-style:circle; list-style-position:outside;  font-size:15px; line-height:22px; margin:5px 0 0;}

.widget2 .chips{ margin:10px 0 0; width:100%; text-align:center; display:inline-block;}
.widget2 .chips a{ float:left; margin-top:6px; margin-right:6px; border:1px solid #ff452e; color:#707070; font-size:12px; line-height:18px; background:#fff; padding:7px 15px; border-radius:8px;}

.widget2 .chips a:hover{ background:#ff452e; color:#fff;}

.rightBlock{ width:70%; float:right; padding:50px 0}
.block{ width:100%; float:left; margin:0 0 40px;}
.block .title{ font-size:20px; line-height:38px; margin:0 0 30px; position:relative; color:#706e6e; font-weight:500;}
.block .title a{ float:right; text-align:center; height:38px; line-height:36px; padding:0 15px; min-width:140px; font-size:15px;}

.videoList{ width:100%; float:left; display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3,1fr);
grid-gap:20px;}
.videoBox{ width:100%; min-height:260px; background:#ebe7e7; position:relative; text-align:center;}
.videoBox .plybtn{ position:absolute; top:50%; left:0; right:0; width:70px; margin:0 auto; margin-top:-35px;}


.photoList{ width:100%; float:left; display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3,1fr);
grid-gap:20px;}
.photo{ width:100%; border:1px solid #b7b7b7; position:relative; text-align:center;}
.photo img{ width:100%; display:block;}



/* Profile Page */


.fa.fa-pencil{ background:url(../images/edit.png) no-repeat center;width: 20px;
height: 20px;
background-size: 20px;
font-size: 0;
vertical-align: top;}

h3.title.iuki:before{ content:"Skills";} 
h3.title.iuki a{ font-size:0}

.userRgt span.username{ font-size:16px; display:inline-block; padding:10px 0 0}
.userRgt .dropdown-content { margin-top:10px; right:0}
.userRgt .dropdown-content ul { width:100%;}
.userRgt .dropdown-content ul li { padding:0px!important; margin:0!important; display:block}
.userRgt .dropdown-content ul li a{ padding:8px 10px!important; margin:0!important; display:block; font-size:13px; border-bottom:1px solid #b7b7b7;}


/* Responsive Start */
@media(max-width:1280px){
.container{ width:94%;}	
	
}


@media(max-width:979px){
.formSctn{ padding:20px 0;}
.header, .footer{ padding:10px 0;}
body{ font-size:15px; line-height:24px;}
.planSctn h2 {font-size: 30px;line-height: 38px;}
.planSctn h3 {font-size: 24px;line-height: 28px;}
.radioList label{ font-size:15px; line-height:20px;}
.formhead img {max-width:40px;margin-right: 15px;}
.formhead {font-size: 26px;line-height: 38px;}



}

@media(max-width:767px){
.planSctn {padding: 20px;}
.plansRow {-ms-grid-columns: (1fr)[1];grid-template-columns: repeat(1,1fr);}
.plansRow .col {padding: 10px 20px 90px;}

.planSctn .btn {font-size: 18px;height: 44px;line-height: 42px;}
.radioList label {font-size: 14px;line-height: 18px;}
.planSctn h3 {font-size: 22px;line-height: 26px;}
.planSctn {padding: 20px 15px;}

.header .logo img {width: 40px;}

.footer .container{ display:block; text-align:center;}
.footer li{ margin:4px 6px;}

.formWrap {padding: 10px 15px;}
.formhead {font-size: 24px;line-height: 36px;}
.form_group .label{ font-size:13px;}
.form_group .field {padding: 0 10px;border-radius: 5px;height: 40px;}
.form_group {margin: 10px 0 0;}
.form_group p {font-size: 13px;line-height: 20px;}
.form_group .btn {font-size: 17px;height: 44px;line-height: 42px;border-radius: 5px;}
.form_group.mt30 {margin-top: 20px;}
.mt30 {margin-top: 20px;}
p.note{font-size: 13px;line-height: 18px;}
.tellMore .formhead {padding: 10px 0;font-size: 20px;line-height: 28px;}
.form_group.col3 {width: 100%;}
.form_group.col2 {width: 100%;}
.form_group.dateField .field {width: 48%;margin-right: 2%;}
.form_group.dateField .field:nth-of-type(2){ margin-right:0; margin-left:2%;}
.form_group textarea.field {padding: 10px;height: 85px;}
.form_group.uplodField .field {width: 70%;}
.form_group.uplodField .btn {width:28%;height: 40px;font-size: 14px;line-height:38px;}
.form_group.mt40 {margin: 30px 0 0;}
.mt40 {margin-top:30px;}
.btnsRight .btn {width: 145px;margin: 0 0 0 10px;}
.picUpload {width: 100px;}
.picUpload label{ height:100px;}



}


@media(max-width:480px){
.plansRow .col {padding: 10px 15px 90px;}
.planSctn h2 {font-size: 24px;line-height: 32px;}
.container {width: 92%;}
.btnSocl .btn {max-width: 48%;}
.formhead img {float: none;display: block;margin: 0 auto 10px;}
.formhead{ text-align:center;font-size: 20px;line-height: 28px;}
.form_group p br{ display:none;}
.form_group .btn {font-size: 16px; height: 42px;line-height: 40px;}
.formhead p {font-size: 15px;line-height: 20px; text-align:center;}
.form_group select.field{ padding-right:30px;background-position: calc(100% - 10px) 50%;background-size: 10px;}
.form_group.uplodField .field {width: 100%;}
.form_group.uplodField .btn {width: 45%;margin: 10px 0 0;}

.btnsRight{ text-align:center;}
.btnsRight .btn{ margin:0 3px; width:46%;}






}
/* Responsive End */