/* CSS Document */
body, h1, h2, h3, g4, h5, h6, p, ul, ol, li {margin:0px; padding:0px; font-weight:normal;}
h1 {font-family:'robotomedium'; font-size:45px; color:#0d555c; margin:0px; padding:0px;}
p {font-family:'robotolight'; font-size:18px; color:#282828; text-align:justify; line-height:30px; font-weight:500;}

.logo_main {float:left; margin:40px 0px 0 0px; text-align:center;}
.logo_main h1 {font-family:'robotobold'; font-size:34px; color:#0d5359; line-height:34px;}
.logo_main p{font-family:'robotolight'; font-size:12px; color:#545454; -webkit-font-smoothing: antialiased; text-align:right; line-height:12px;}
.top_right {float:right; width:76.3%; border-left:#eceaea solid 1px; }
.top_main {float:left; width:100%;}
.border_main {float:left; width:100%; border-top:#eceaea solid 1px; margin:20px 0px; padding-top:20px;}
.catag {float:left; width:100%;}
.catag ul li {list-style:none; font-family:'robotolight'; font-size:16px; color:#707070; font-weight:400; -webkit-font-smoothing: antialiased; text-align:left; display:block; float:left;}
.catag ul li a {list-style:none; font-family:'robotolight'; font-size:16px; color:#707070; font-weight:400; -webkit-font-smoothing: antialiased; border:#eceaea solid 1px; background:#ffffff; padding:8px 9.6px; margin-right:9px;}
.catag ul li a:hover { list-style:none; font-family:'robotolight'; font-size:16px; color:#ffffff; font-weight:400; text-decoration:none; -webkit-font-smoothing: antialiased; border:#0a383c solid 1px; background:#0d555c; padding:8px 9.6px; transition: all 1.0s ease 0s;}
.catag ul li .active { list-style:none; font-family:'robotolight'; font-size:16px; color:#ffffff; font-weight:400; -webkit-font-smoothing: antialiased; padding:8px 9.6px; transition: all 1.0s ease 0s; background:#0d555c; border:#0a383c solid 1px; }
.catag ul li:last-child {margin-right:0px;}
.num_color {font-family:'robotolight'; font-size:14px; color:#2a2a2a; padding-left:10px;}
.num_color a {font-family:'robotolight'; font-size:14px; color:#2a2a2a; text-decoration:none;}
.num_color a:hover {font-family:'robotolight'; font-size:14px; color:#ef7f1a; text-decoration:none; transition: all 1.0s ease 0s;}
.shc_fb {border:#3b5998 solid 2px; border-radius:50%; width:22px; height:22px; font-size:12px; color:#3b5998; padding-top:4px; margin-right:2px; margin-left:10px;}
.shc_fb:hover {background:#3b5998; border:#3b5998 solid 2px; font-size:12px; color:#fff; transition: all 1.0s ease 0s;}
.shc_twit {border:#00aced solid 2px; border-radius:50%; width:22px; height:22px; font-size:12px; color:#00aced; padding-top:4px; margin-right:2px;}
.shc_twit:hover {background:#00aced; border:#00aced solid 2px; font-size:12px; color:#fff; transition: all 1.0s ease 0s;}
.shc_link {border:#007bb6 solid 2px; border-radius:50%; width:22px; height:22px; font-size:12px; color:#007bb6; padding-top:4px; margin-right:2px;}
.shc_link:hover {background:#007bb6; border:#007bb6 solid 2px; font-size:12px; color:#fff; transition: all 1.0s ease 0s;}
.shc_gplace {border:#dd4b39 solid 2px; border-radius:50%; width:22px; height:22px; font-size:12px; color:#dd4b39; padding-top:4px;}
.shc_gplace:hover {background:#dd4b39; border:#dd4b39 solid 2px; font-size:12px; color:#fff; transition: all 1.0s ease 0s;}
.m150 {margin-top:150px;}
.slider_main {margin:auto; text-align:center; background-size:cover!important;}
.slider_main h1 {color:#FFFFFF;}
.med_main {float:left; width:100%;}
.serv_main {float:left; width:100%; height:166px; background:#0d555c; padding:20px 0px;}
.serv_main h1 {font-family:'robotomedium'; font-size:45px; color:#ffffff; text-align:center;}
.slider_read_more {font-family:'robotolight'; font-size:14px; color:#fff;}

.margin_box {margin-top:-81px; float:left;}
.box_main {margin:0px;}
.web_des_img {border:15px solid #0d555c; border-radius:50%; width:266px; height:266px; margin-bottom:15px;}

.box_main h1 {font-family:'robotomedium'; font-size:32px; color:#0d555c; margin-bottom:10px;}
.box_main p {font-family:'robotolight'; font-size:18px; color:#282828; text-align:justify; line-height:30px; font-weight:500;}
.read_button {width:140px; margin:20px auto 0px;}
.read_button a {font-family:'robotolight'; font-size:18px; color:#0d555c; text-align:center; border:#0d555c solid 2px; box-shadow:#5b5b5b 0px 1px 10px; display:block; padding:8px 0px; border-radius:5px;}
.read_button a:hover {font-family:'robotolight'; font-size:18px; color:#fff; text-decoration:none; text-align:center; background:#0d555c; border:#fff solid 2px; box-shadow:#5b5b5b 1px 0px 10px; display:block; padding:8px 0px; border-radius:5px; transition: all 1.0s ease 0s;}

.reserve_main {float:left; width:100%; height:166px; background:#34848c; padding-top:65px; margin:94px 0 76px 0;}
.reserve_main h1 {font-family:'robotomedium'; font-size:45px; color:#ffffff; margin:0px; padding:0px;}
.reserv_buton {float:right;}
.reserv_buton a {font-family:'robotomedium'; font-size:30px; color:#ffffff; border:#ffffff solid 2px; border-radius:10px; padding:10px 25px;}
.reserv_buton a:hover {font-family:'robotomedium'; font-size:30px; color:#34848c; text-decoration:none; background:#ffffff; border:#ffffff solid 2px; border-radius:10px; padding:10px 25px; transition: all 1.0s ease 0s;}
.about_pra {float:left; width:100%;}

.testimo_main {float:left; width:100%; background:#efefef; margin-top:69px; padding:44px 0px; height:331px;}
.testimo_main h1 {font-family:'robotomedium'; font-size:45px; color:#34848c; margin:0px; padding:0px; text-align:left;}
.testimo_main h3 {font-family:'robotomedium'; font-size:26px; color:#000000; margin:25px 0 0 0; padding:0px;}
.testimo_main p {font-family:'robotolight_italic'; font-size:18px; color:#000000; text-align:center; margin:0px 0 0 0; padding:0px;}
.portfol_main {float:left; width:100%; border:#e9e9e9 solid 1px; margin-top:167px; padding:15px;}
.shadow_bg {background:url(../images/shadow-bg.jpg) center bottom no-repeat; padding-bottom:34px;}
.protfol_heading {width:176px; height:176px; background:#34848c; border-radius:50%; padding-top:60px; margin:-105px auto 30px;}
.protfol_heading h4 {font-family:'robotomedium'; font-size:25px; color:#ffffff; text-align:center;}

.prot_box {float:left; background:#f6f6f6; width:100%; padding-bottom:15px;}
.prot_img {float:left; width:100%; }
.prot_text {float:left; width:100%; font-family:'robotolight'; font-size:14px; color:#34848c; text-align:center; margin-top:10px; font-weight:600; line-height:22px;}

.prot_text a {font-family:'robotolight'; font-size:14px!important; color:#34848c!important; font-weight:600;}

.gray_color {color:#000;}



.footer {float:left; width:100%; background:#34848c; padding:30px 0px 0px; margin-top:70px; min-height:393px;}
.footer h2 {font-family:'robotomedium'; font-size:32px; color:#ffffff; margin:0px; padding:0px; text-align:left;}
.footer_right {background:url(../images/footer-shadow.jpg) left top no-repeat; height:363px;}
.footer_right_inner {float:left; margin-left:45px;}
.head_office {float:left; margin-top:25px;}
.head_office h3 {font-family:'robotomedium'; font-size:24px; color:#393939; text-align:left;}
.add_logo {
    float: left;
    width: 44px;
    height: 44px;
    margin-top: 12px;
    border: 1px solid #fff;
    padding: 10px 12px;
    border-radius: 50%;
    background: #34848c;
    margin-right: 12px;
    text-align: center;
}

.add_logo_contant {float:left; width:310px;  margin-top:28px;}

.add_logo_contant h2 {font-family:'robotomedium'; font-size:18px; color:#e2e2e2; line-height:28px;}
.form_main {background:#34848c; border:#2f929c solid 1px; width:209px; margin:0 11px 15px 0; padding:10px 0 10px 10px;}
.form_main::placeholder {color:#FFFFFF;}
.text_area {background:#34848c; border:#2f929c solid 1px; width:100%;  padding:14px 0 14px 10px; margin-bottom: 15px;}
.text_area::placeholder {color:#FFFFFF;}
.captcha {width:370px; float:left;}
.submit-main {margin:auto; text-align:center; float: right;}
.submit_button {background:url(../images/button-slider.jpg) repeat-x; border:#277880 solid 2px; border-radius:5px; font-family:'robotomedium'; font-size:18px; color:#fff; padding:5px 16px; text-align:center; margin:15px 15px 0 0; }
.submit_button:hover {background:url(../images/button-slider.jpg) repeat-x; font-family:'robotomedium'; font-size:18px; color:#d65339;  text-align:center;}


			/* web designing */
			
.web_main {float:left; background:#0d555c; width:100%; padding:18px 0 22px 0;}
.web_main h1 {font-family:'robotomedium'; font-size:40px; color:#fff;}
.web_main_inner {float:left; width:100%;}
.web_main_inner ul li {float:left; font-family:'robotolight'; font-size:14px; color:#4c4c4c; list-style:none; text-decoration:none; margin:12px 4px 12px 0;}
.web_main_inner ul li a {float:left; font-family:'robotolight'; font-size:14px; color:#4c4c4c; list-style:none; text-decoration:none;}
.web_main_inner ul li a:hover {float:left; font-family:'robotolight'; font-size:14px; color:#0d555c; list-style:none; text-decoration:none;}
.web_main_inner_box {float:left; width:100%; margin:16px 0 90px 0;}
.web_main_img {float:left; margin-right:30px;}
.web_main_inner_box h2 {font-family:'robotomedium'; font-size:28px; color:#0d555c; line-height:38px; margin-top:15px;}
.web_main_inner_box p {font-family:'robotolight'; font-size:18px; color:#2b2b2b; line-height:30px;}
.web_main_inner_box ul {margin-top:15px;}
.web_main_inner_box ul li {font-family:'robotolight'; font-size:18px; color:#2b2b2b; line-height:30px; list-style:inside;}
.stater_main {float:left; width:300px; }
.stater_main_box {float:left; width:300px; background:#2c2c2c; padding:15px 0 15px 0;}
.stater_main_box h1 {font-family:'robotomedium'; font-size:30px; color:#fff; text-align:center;}
.stater_main_inner_box {float:left; width:300px; border:#ededed solid; border-width:0px 1px 1px 1px;}
.stater_main_inner_box_start {float:left; width:298px; border-bottom:#ededed solid 1px; padding:28px 0 28px 0;} 
.stater_main_inner_box_start h3 {font-family:'robotolight'; font-size:18px; color:#0d555c; text-align:center; line-height:26px;}
.stater_main_inner_box p {font-family:'robotolight'; font-size:16px; color:#272727; text-align:center; margin:28px 0 22px 0;}
.get_website_button {width:162px; background:#0d555c;   margin:auto; text-align:center;  font-family:'robotolight'; font-size:16px; color:#fff; text-transform:uppercase; margin-bottom:26px;}
.get_website_button a { width:162px; background:#0d555c; border:#06383d solid 1px; margin:auto; text-align:center; font-family:'robotolight'; font-size:16px; border-radius:5px; padding:9px 30px; color:#fff; text-transform:uppercase; text-decoration:none;}
.get_website_button a:hover {background:#fff;  margin:auto; text-align:center; font-family:'robotolight'; font-size:16px; color:#0d555c; text-transform:uppercase; text-decoration:none;  border-radius:5px;}

.stater_main_inner_box_second {float:left; width:300px; border:#ededed solid; border-width:0px 1px 1px 0px;}
.stater_main_inner_box_second p {font-family:'robotolight'; font-size:16px; color:#272727; text-align:center; margin:28px 0 22px 0;}

		/* portfolio */

.portfolio_main	{border:#ededed solid 1px;}	
.portfolio_main_box {float:left; margin:30px 0 0px 0px;}
.portfolio_main_box_html {float:left; background:#efefef; width:100%; padding:15px 15px;}
.portfolio_main_box_html p {font-family:'robotomedium'; font-size:12px; color:#0d555c; line-height:18px;}
.portfolio_main_box_html p a {font-family:'robotomedium'; font-size:12px; color:#0d555c; text-align:center; text-decoration:underline;}
.portfolio_main_box_html p a:hover {font-family:'robotomedium'; font-size:12px; color:#0d555c; text-align:center; text-decoration:none;}
.portfolio_main_box_html h4 {font-family:'robotomedium'; font-size:12px; color:#000;  line-height:0px;}



/*.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 0;
  border: none;
  background-color: none;
}*/

.carousel-control {
  position: absolute;
  top:-60px;
  left: 0;
  bottom: 0;
  
  opacity:1;
  font-size:15px;
  color: #fff;
  text-align: center;
  text-shadow: none; background:#707070; height:35px; border:#585858 solid 2px; border-radius:4px; padding-top:5px;
}
.carousel-control.left {
	background-image: none;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
}

.carousel-control {
  /*padding-top:10.25%;*/
  width:35px;
}

.carousel-content {
/*color:black;*/
display:flex;
/*align-items:center;*/
}



.form_main2 {background:#34848c; float:left; width:280px; border:#2f929c solid 1px; margin:0 11px 15px 0!important; padding:10px 0 10px 10px!important;}
.form_main2::placeholder {color:#FFFFFF;}
.form_right {background:#fff!important; border:#eee solid 1px!important; float:left; width:100%!important; margin:0 11px 15px 0!important; padding:014px 0 10px 10px!important; font-family:'robotolight';}
.head_office-right {float:left; margin-top:0px;}

.head_office-right a {color:#000; font-size:12px;}

.text_arearight {background:#fff; border:#eee solid 1px; width:100%;  padding:14px 0 14px 10px;  font-family:'robotolight';}


.form_main3 {float:left; background:#34848c; border:#2f929c solid 1px; width:124px; margin:0 11px 15px 0; padding:10px 0 10px 10px;}
.form_main3::placeholder {color:#FFFFFF;}
.form_right2 {float:left; background:#fff; border:#eee solid 1px; width:124px; margin:0 11px 15px 0; padding:10px 0 10px 10px; font-family:'robotolight';}


.form_main:nth-of-type(3) {margin:0px 0px 15px 0;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #CCCCCC;
}

.icon_footer {
    font-size: 17px;
    color: #c9c9c9;
}

.social_icons {float:left; margin-top:28px;}
.social_icons ul li {float:left; border-radius:5px; text-decoration:none; list-style:none; margin-right:10px;}
.social_icons ul li a {float:left; border:#fff solid 1px; padding:5px 11px; border-radius:5px; text-decoration:none; list-style:none;}
.social_icons ul li a:hover {float:left; border:#fff solid 1px; padding:5px 11px; border-radius:5px; text-decoration:none; list-style:none; background:#005397; color:#fff; transition: background-color 0.9s ease;}

.social_icons ul li:nth-of-type(2) a:hover {background:#90cadd;}
.social_icons ul li:nth-of-type(3) a:hover {background:#00aedd;}
.social_icons ul li:nth-of-type(4) a:hover {background:#999999;}


.copyeight_main {/*width:100%; text-align:right; margin-top:20px; float:left;*/ padding-top:15px; padding-bottom:15px; background: #23646b; font-family:'robotomedium'; font-size:12px; color:#bdbdbd;}

.copyeight_main ul li {list-style:none; text-align:center; display:inline-block;}
.copyeight_main ul li a {text-decoration:none;}
.copyeight_main ul li a:hover {color:#FF6600;}

.copyeight_main2 {width:100%; text-align:left; margin-top:10px; float:left; font-family:'robotomedium'; font-size:14px; color:#bdbdbd;}
.cprt {font-family:'robotomedium'; font-size:14px; color:#fff;}
.cprt a {font-family:'robotomedium'; font-size:14px; color:#fff;}
.cprt a:hover {font-family:'robotomedium'; font-size:14px; color:#FF6600; text-decoration:none;}


.testi-control {
  position: absolute;
  top:180px;
  left: 0;
  bottom:0;
  
  opacity:1;
  font-size:15px;
  color: #fff;
  text-align: center;
  text-shadow: none; background:#34848c; height:35px; border:#25727a solid 2px; border-radius:4px; padding-top:5px;
}
.testi-control.left {
	background-image: none;
}
.testi-control.right {
  left: auto;
  right: auto;
  background-image: none;
}

.testi-control {
  /*padding-top:10.25%;*/
  width:35px; left:47.50%;
}


					/* popup start */
					

.heading { width:auto;}
.heading h1 {font-family:'robotomedium'; font-size:28px; color:#0d555c; text-align:center; margin-bottom:20px; margin-bottom:20px; border-bottom:#efefef solid 1px; padding-bottom:15px;}
.enquiry_box {width:100%; background:#ffffff; border:#ececec solid 1px; padding:10px 15px; margin-bottom:15px; font-size:14px; font-family:'robotolight';}
.enquiry_box::placeholder {color:#000000; }

.enquiry_box:focus { border:#ececec solid 1px;}

.enquiry_button {background:#ef7f1a; color:#FFFFFF; border:none; padding:10px; width:20%; margin-bottom:20px; float:right; border-radius:0px; text-transform:uppercase;}
.enquiry_button:hover {background:#175358; border:none; padding:10px; width:20%; margin-bottom:20px; float:right; border-radius:3px; text-transform:uppercase; color:#fff;}






.multi_menu {border-right:#eceaea solid 1px;}
.dropdown-menu.columns-3 {
		/*min-width: 500px;*/
	}
	
	/*.dropdown-menu {
		min-width: 200px;
	}
	/*.dropdown-menu.columns-2 {
		min-width: 400px;
	}
	.dropdown-menu.columns-3 {
		min-width: 600px;
	}
	
	.dropdown-menu.columns-12 {
		min-width:800px;
	}*/
	.dropdown-menu li a {
		padding: 5px 10px;
		font-weight: 300;
	}
	.multi-column-dropdown {
		list-style: none; margin:10px 0px;
	}
	.multi-column-dropdown li {
		display:block!important;
		clear: both;
		color: #5b5b5b; font-size:13px;
	}
	
	
	.multi-column-dropdown li a { border:#eceaea solid 1px!important;
		display:block!important;
		clear: both;
		line-height: 1.428571429;
		color: #5b5b5b; font-size:13px;
		white-space: normal; width: 216px; /*border:#eceaea solid 1px; background:#f6f6f6;*/ margin:2px 0px!important;
	}
	/*.multi-column-dropdown li a:hover {
		text-decoration: none;
		color: #fff;
		background-color: #e54d42; transition: all 1.0s ease 0s; 
	}*/
	
	
.rem_border {border-right:none!important;}


.market-box {float:left; width:100%; background:#fff; border:#e0e0e0 solid 1px; padding:10px; margin:15px 0px;}
.market-box:hover { background:#ffffff; border:#e3e3e3 solid 1px; box-shadow:#9d9d9d 1px 5px 40px; transition: all 0.5s ease 0s;}
.market-box h2 {background:#0d555c; font-family:'robotolight';  font-size:22px!important; color:#fff!important; font-weight:bold; margin:0px!important; padding:15px!important;}
.market-readmore {float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0d555c;}
.market-readmore a {float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0d555c; text-decoration:none;}
.market-readmore a:hover {float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4596d1; text-decoration:none; transition: all 0.5s ease 0s;}







/*vertical tabing*/




.panel-heading:hover {
    cursor:pointer;
}
.panel-heading {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}

.side-tab:hover {
        cursor: pointer;
    }
    .panel.panel-default {
        border: none;
        box-shadow: none !important;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        
    }
    .panel-heading {
        border: none; font-family:'robotolight'; font-weight:normal; font-family:18px;
        background-color: #2c2c2c;
    
    }
    .panel-body {
        background-color: #fff; border:#eee solid 1px; margin-bottom:5px;
    }
    .panel-title {
        font-weight: 400; font-size:20px;
        color:#fff;
    }

/*----------------------------------
    Macbook pro mockup from:
    http://jaredhardy.com/minimal-devices/
    
----------------------------------*/

.md-macbook-pro {
  display: block;
  width: 55.3125em;
  height: 31.875em;
  font-size: 13px;
  margin: 0 auto;

  @media (max-width:1199px){
    font-size: 11px;
  }
  @media (max-width:1024px){
    font-size: 10px;
  }

  @media (max-width:767px){
    font-size: 7px;
  }

  @media (max-width:320px){
    font-size: 5px;
  }

}
.md-macbook-pro .md-lid {
  width: 45em;
  height: 30.625em;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  border-radius: 1.875em;
  border: solid 0.1875em #cdced1;
  background: #131313;
}
.md-macbook-pro .md-camera {
  width: 0.375em;
  height: 0.375em;
  margin: 0 auto;
  position: relative;
  top: 1.0625em;
  background: #000;
  border-radius: 100%;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
}
.md-macbook-pro .md-camera:after {
  content: "";
  display: block;
  width: 0.125em;
  height: 0.125em;
  position: absolute;
  left: 0.125em;
  top: 0.0625em;
  background: #353542;
  border-radius: 100%;
}
.md-macbook-pro .md-screen {
  width: 42.25em;
  height: 26.375em;
  margin: 0 auto;
  position: relative;
  top: 2.0625em;
  // background: #1d1d1d;
  background: #fff;
  overflow: hidden;
}
.md-macbook-pro .md-screen img {
  width: 100%;
}
.md-macbook-pro .md-base {
  width: 100%;
  height: 0.9375em;
  position: relative;
  top: -0.75em;
  background: #c6c7ca;
}
.md-macbook-pro .md-base:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.5em;
  margin: 0 auto;
  position: relative;
  bottom: -0.1875em;
  background: #b9babe;
  border-radius: 0 0 1.25em 1.25em;
}
.md-macbook-pro .md-base:before {
  content: "";
  display: block;
  width: 7.6875em;
  height: 0.625em;
  margin: 0 auto;
  position: relative;
  background: #a6a8ad;
  border-radius: 0 0 0.625em 0.625em;
}
.md-macbook-pro.md-glare .md-lid:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 1.25em 0 0;
  background: -webkit-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -moz-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -o-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: linear-gradient(53deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
}





							/* contact new */
							
							
.new_contact_form {float:left; width:600px; margin-right:50px;}
.new_contact_text_field {
    width: 298px;
    border: 1px solid #eee	;
    outline-color: #0d555c;
    padding: 9px;
    color: #000;
    font-size: 14px;
    font-family: sans-serif;
	outline:none;

}
.new_contact_text_field::-webkit-input-placeholder {color:#000;}
.new_contact_text_field2::-webkit-input-placeholder {color:#000;}
.new_contact_text_field3::-webkit-input-placeholder {color:#000;}
.new_contact_text_field4::-webkit-input-placeholder {color:#000;}
.new_contact_text_field5::-webkit-input-placeholder {color:#000;}


.new_contact_text_field2 {
    width: 298px;
    border: 1px solid #eee;
    outline-color: #0d555c;
    padding: 9px;
    color: #000;
    font-size: 14px;
    font-family: sans-serif;
	outline:none;
	margin-left:-5px;
}


.new_contact_text_field3 {
    width: 298px;
    border: 1px solid #eee;
    outline-color: #0d555c;
    padding: 9px;
    color: #000;
    font-size: 14px;
    font-family: sans-serif;
	outline:none;
	margin-top:-2px;
}
.new_contact_text_field4 {
    width: 298px;
    border:1px solid #eee;
    outline-color: #0d555c;
    padding: 9px;
    color: #000;
    font-size: 14px;
    font-family: sans-serif;
	outline:none;
	margin-left:-5px;
	margin-top:-2px;
}


.new_contact_text_field5 {
    width: 594px;
    border:1px solid #eee;
    outline-color: #0d555c;
    padding: 9px;
    color: #000;
    font-size: 14px;
    font-family: sans-serif;
	outline:none;
	margin-top:-2px;
	height:150px;
}



.new_contact_text_btn {
    background: #0d555c;
    border: navajowhite;
    color: #fff;
    font-size: 14px;
    padding: 6px 21px;
    float: left;
    margin-top: 15px;
    text-transform: uppercase;
	font-family:'robotolight';
	margin-right:10px;
}
.new_contact_text_btn:hover {
    background: #ef7f1a;
    border: navajowhite;
    color: #fff;
    font-size: 14px;
    padding: 6px 21px;
    float: left;
    margin-top: 15px;
    text-transform: uppercase;
	font-family:'robotolight';
}

.new_contact_details {float:left; width:520px;}
.new_contact_details_main_sec {float:left; width:100%; margin-bottom:15px;}
.new_contact_details_main_sec_left {
    float: left;
    border: solid 1px #999999;
    border-radius: 50%;
    padding: 8px 0px 10px 0px;
    height: 40px;
    width: 40px;
    text-align: center;
	margin-right:30px;
}

.new_contact_details_main_sec_right {float:left; width:400px; font-family:'robotolight'; font-size:14px; color:#666666;     margin-top: 12px;}
.new_contact_map {float:left; width:100%; padding:5px; border:1px solid #CCCCCC; margin-top:30px;}

.form_main_new7 {
float: left; font-weight:normal;
background: #ffffff;
border: #eee solid 1px;
width: 124px;
margin: 0 11px 15px 0;
padding: 10px 0 10px 10px;
width: 217px;
}
.form_main_new7::placeholder {color:#000000; font-weight:normal;}

.colors3 {color:#000;}

.new_frm1 {float:left; width:300px;}

.payment_gateways { width:100%; background:#336633;  padding:10px 14px; font-family:'robotolight'; font-size:14px; color:#fff; text-align:center; margin-top:20px;}
.payment_gateways a {width:100%;  font-family:'robotolight'; font-size:14px; color:#fff; text-align:center;}
.payment_gateways a:hover {width:100%; padding:10px 14px; font-family:'robotolight'; font-size:14px; color:#FFFF00; text-align:center;}
.box_new_pay {border:1px solid #CCCCCC; padding:10px; margin-top: 20px;}
.box_new_pay p {font-family:'robotomedium'; font-size:14px; color:#666666; line-height:24px;}
.paypal_new_pay { margin-bottom:5px;}
.paypal_new_pay img {width: 478px; height: 214px;}

label {
   cursor: pointer;
    max-width: 100%;
	display: block;
   
}
.level2  {margin-bottom: 5px;
    font-weight: 0;
	    background: #fff!important;
    border: #eee solid 1px!important;
    float: left;
    width: 100%!important;
    margin: 0 11px 15px 0!important;
    padding: 014px 0 10px 10px!important;
    font-family: 'robotolight';
	color:#aeaeae;}

#upload-photo {
   opacity: 0;
   position: absolute;
   z-index: -1;
}

.line_header_new {float:left; width:830px; padding-top:10px; border-left:1px solid #eceaea; margin-left:22px;}
.right_new {float:right!important;}
.top-but {display:block; margin-top:7px;}
.top-but a {font-family:'robotomedium';  background:#ef7f1a; font-size:16px; color:#ffffff; padding:10px 15px; text-decoration:none;}
.top-but a:hover {font-family:'robotomedium';  background:#ef7f1a; font-size:16px; color:#ffffff; padding:10px 15px; text-decoration:none;}

.modal.fade .modal-dialog {background:#fff; padding:0px 30px;}

.modal-header .close {margin-top:-2px; background:#0d555c; opacity:inherit; width:40px; height:40px; border-radius:50%; color:#fff; position:absolute; right:10px; top:10px;}
.modal-header .close:hover {margin-top:-2px; background:#ef7f1a; opacity:inherit; width:40px; height:40px; border-radius:50%; color:#fff; position:absolute; right:10px; top:10px;}
.ui-widget-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #aaaaaa;
    opacity: 0.3;
}







.tab-form-bg {
	background: #fff;
	padding: 0px 0 15px 0;
	margin:30px 0 30px;
}
.tab-form-bg .reg-but {
	margin-top: 0;
	margin-right: 0px;
	padding: 10px 12px;
	background: #0d555c;
	border: #0d555c solid 1px;
	border-radius: 0px;
	width: 100%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}
.tab-form-bg .tab-content h2 {
	font-family: "Google Sans Flex", sans-serif;
	font-size: 16px;
	padding: 11px 0 12px 0;
	margin: 0px;
	text-align: center;
	color: #000;
	font-weight: 700;
}
.tab-form-bg .nav-tabs>li {
	float: left;
	margin-bottom: -1px;
	width: 50%;
}
.tab-form-bg .nav-tabs {
	border-bottom: none;
}
.tab-form-bg .nav-tabs>li a {
	text-align: center;
	font-family: "Google Sans Flex", sans-serif;
	font-size: 16px;
	font-weight: 700;
	border-radius: 0px;
	background: #ffffff;
	color: #0d555c;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	width:100%;
}
.tab-form-bg .nav-tabs>li.active>a,  .tab-form-bg .nav-tabs>li.active>a:focus,  .tab-form-bg .nav-tabs>li.active>a:hover {
	color: #fff;
	cursor: default;
	background-color: #0d555c;
	border: 1px solid #0d555c;
	border-bottom-color: transparent;
}
.tab-form-bg .nav-tabs>li>a:hover {
	border-color: #0d555c #0d555c #0d555c;
	background-color: #0d555c;
	color: #ffffff;
}
.tab-form-bg .form-control {
	display: block;
	width: 100%;
	font-weight: 400;
	height: auto;
	padding: 11px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #000;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #dadada;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
 -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}