@charset "utf-8";
*{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;list-style: none;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
a:hover{text-decoration: none;}
body{
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}
p{margin: 0;}
.clear{
    clear: both;
}


/*top pannel*/
.top-pannel {
    background: #111111;
}
.tpmn li {
    display: inline-block;
    margin: 0 0 0 6px;
}
.top-share a {
    background: #262626;
    display: block;
    padding: 4px 12px;
    border-radius: 2px;
    border: 1px solid #545454;
    font-size: 13px;
    color: #bbbaba;
}
.top-share i {
    margin: 0 9px 0 0;
}
.for-top-menu li{
    color: #bbbaba;
}
.for-top-menu li a{
    font-size: 13px;
    color: #ffffff;
}
.for-top-menu li a:hover{
    text-decoration: underline;
}
.for-login li {
    display: inline-block;
    color: #ffffff;
    margin: 0 5px 0 0;
}
.for-login li a {
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
}
.for-top-menu {
    float: left;
    margin: 8px 20px 8px 0;
}
.for-login {
    float: left;
    margin: 8px 20px 0 0;
    text-align: center;
}
.for-search {
    float: left;
    margin: 8px 0 0 0;
    text-align: center;
}
.search-box {
    background: #6b6b6b;
    width: 43px;
    height: 44px;
}
.search-box .dropbtn {
    background: transparent;
}
.search-box .dropbtn i {
    top: 0;
    left: 0px;
}
.search-box .dropbtn:hover, .search-box .dropbtn:focus {
    background-color: transparent;
}
.search-box i {
    color: #fff;
    font-size: 12px;
    position: relative;
    left: -14px;
    top: 9px;
}
.tp{
    float: right;
}

/*=====top search========*/
.form-wrapper button {
	overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 30px;
    width: 92px;
    font: bold 14px/31px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #fc6f14;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}
.form-wrapper input {
	width: 160px;
    height: 30px;
    padding: 2px 12px;
    float: left;
    font: normal 12px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
        margin: 0;
}

.form-wrapper button:before {
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #fc6f14 transparent;
    top: 7px;
    left: -6px;
}

.form-wrapper input:focus {
	outline: 0;
	background: #fff;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
	box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}

.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}

.form-wrapper input:-moz-placeholder {
	color: #999;
	font-weight: normal;
	font-style: italic;
}

.form-wrapper input:-ms-input-placeholder {
	color: #999;
	font-weight: normal;
	font-style: italic;
}    
  
.form-wrapper button:hover{     
	background: #299df5;
}   
  
.form-wrapper button:active, .form-wrapper button:focus{   
	background: #c42f2f;    
}

.form-wrapper button:before {
	content: '';
	position: absolute;
	border-width: 8px 8px 8px 0;
	border-style: solid solid solid none;
	border-color: transparent #fc6f14 transparent;
	top: 7px;
	left: -6px;
}

.form-wrapper button:hover:before{
	border-right-color: #299df5;
}

.form-wrapper button:focus:before{
	border-right-color: #c42f2f;
}    

.form-wrapper button::-moz-focus-inner {
	border: 0;
	padding: 0;
}


/*menu pannel*/
.menu-pannel{
    background: #299df5;
    padding: 13px 0;
    position: relative;
}
.for-navigation {
    margin: 10px 0px 0px 160px;
}

/*menu*/
.top-bar, .top-bar ul {
    background-color: transparent;
}
.menu .active > a {
    background: transparent;
    color: #fefefe;
}
.top-bar-left ul li {
    display: inline-block;
}
.top-bar-left ul li a {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 9px 14px !important;
}

@media only screen and (max-width:1100px) { 
	.top-bar-left ul li a {
	    font-size: 12px;
	}
}



.top-bar-left .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffffff transparent transparent;
    right: -3px;
    left: auto;
    margin-top: -3px;
}
.top-bar-left .dropdown a:hover {
    background-color: transparent;
    text-decoration: underline;
}
.top-bar-left .vertical {
    background: #292929 !important;
}
.vertical li a {
    text-transform: capitalize !important;
    line-height: 18px;
}





.dropdown {
  position: relative;
  display: inline-block;
}


/*footer*/
.footer-padding { padding-top: 26px; }
.footer-padding-2 { padding-top: 30px !important; }

.footer-pannel h2 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    padding: 0 0 6px;
}
.footer-pannel a {
    display: block;
    color: #555555;
    font-size: 13px;
    line-height: 24px;
}
.footer-pannel a:hover{
    text-decoration: underline;
}
.footer-pannel h3 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 0 0 4px;
}
.second-list {
    margin: 0px 0 0 0;
}
.right-menu a {
    line-height: 38px;
}
.footer-pannel {
    border-top: 3px solid #212121;
    padding: 22px 0 10px 0;
}
.second-footer-pannel {
    background: #d1d0d0;
    padding: 7px 0;
}
.secoknd-menu {
	display: inline-block;
    width: 51%;
    margin: 0 auto;
}
.secoknd-menu ul {
	list-style:none;
}
.secoknd-menu li {
	display: inline-block;
	/* margin: 0 0 0 18px; */
}
.secoknd-menu li a {
    text-align: center;
   /* display: block;*/
    font-size: 13px;
    color: #000;
    font-weight: 600;
    border-right: 2px solid #000;
    padding: 0 0;
    line-height: 12px;
    padding: 0 14px;
}
.floter-social {
	display: inline-block;
}
.floter-social li {
    display: inline-block;
}
.floter-social li i {
    background: #878585;
    color: #000;
    font-size: 13px;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50px;
    line-height: 28px;
}

/*end footer*/
.end-footer-pannel {
    background: #242424;
    padding: 10px 0;
}
.end-footer-pannel p {
    font-size: 14px;
    color: #9e9e9e;
}
.end-footer-pannel p a {
    color: #9e9e9e;
}
.end-footer-pannel p a:hover {
    text-decoration: underline;
}



/*========================= Responsive Css ◀ ▶ ============================*/
@media only screen and (max-width:1203px) {
	.for-navigation {
		margin: 13px 0 0 0;
	}
	.logo {
		text-align: center;
	}
	.for-navigation {
		margin: 3px 0 0 0;
		text-align: center;
	}
}

@media only all and (max-width:64em) {
	.secoknd-menu li a {
		font-size: 12px;
		padding: 0 8px;
	}

	.floter-social { 
		padding-left: 13px; padding-left: 13px; padding-top: 10px; padding-bottom: 5px; 
	}
}


@media only screen and (max-width:48em) {

	.logo img {
		margin: 0 auto;
		display: block;
	}
	.for-top-menu {
		margin: 7px 13px 6px 0;
		text-align: center;
		width: 100%;
	}
	.search-box {
		background: #6b6b6b;
		width: 43px;
		height: 44px;
		position: relative;
		left: 206px;
		margin: 6px 0 15px 0;
	}

	.secoknd-menu li a {
		font-size: 11px;
		padding: 0 2px;
	}
	.secoknd-menu {
		width: 69%;
		margin: 0 8px 0px 13px;
	}
	.end-footer-pannel p {
		font-size: 11px;
	}
	.footer-pannel h2 {
		font-size: 10px;
		margin-top: 10px;
	}
	.footer-pannel a {
		font-size: 11px;
		line-height: 21px;
	}
	.footer-pannel h3 {
		font-size: 10px;
		padding-top: 10px;
	}
	.top-bar-left ul li {
		display: inline-block;
		width: auto;
	}

	.for-navigation {
		margin: 10px 0 0 0;
		width: 100%;
	}
}

@media only screen and (max-width:780px) {
	.for-search {
		float:right;
		text-align:center;
		position: relative;
	/*	left: 12px;*/
		margin: 10px auto;
	}
	.for-login {
		/*float: left;*/
		display:block;
		width:100%;text-align:right;
		position: relative;
	/*	left: 12px;*/
		margin: 0 0 0 0;
	}
	
}



@media only screen and (max-width:23.4375em) { 
	.dropdown {
		display: block;
	}

	.for-top-menu {
		margin: 8px 0 0 0;
		width: 100%;
		text-align: center;
	}
	.for-top-menu li a {
		font-size: 12px;
	}

	.secoknd-menu {
		width: 100%;
		margin: 20px;
	}
	.floter-social {
		margin: 8px auto 0;
	}
	
	.end-footer-pannel p {
    	text-align: center b!important;
	}
	.end-footer-pannel p.text-right {
    	text-align: center !important;
	}

	.menu-pannel {
		background: #299df5;
		padding: 0 0 13px;
	}

	.top-bar-left ul li {
		display: block;
		width: 100%;
	}
}




@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}