﻿/*
-----------------------------------------------------------------------------------
        Theme Name: maktab
        Description:Flexible and responsive Business Theme by One Touch Theme
        Theme URI: http://ott.yasrab.com/
        Author: One Touch Theme
        Author URI: http://ott.yasrab.com/
        Version: 1.092
        License:
        License URI:
        Tags:one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-menu, featured-image-header, featured-images, post-formats, sticky-post, theme-options, translation-ready
*/

/* Styling Main */

/* ------------ BASE ------------- */
/* CSS Document */

.fxf_red {
 color: #800000;
}


::selection {    background: #E12E36;    color: #ffffff;}
::-moz-selection {    background: #E12E36;    color: #ffffff;}
img.scale-with-grid {    max-width: 100%;    height: auto;}
ul {    margin: 0;    list-style: none;}
li{    line-height: 1.9;}
p {    margin-bottom: 20px;}
iframe, embed, img {    max-width: 100%;    border: none;}    
a:hover {    text-decoration: none;}

/* Typography */

h1,h2,h3,h4,h5,h6 {    margin: 0 0 10px 0;    padding: 0;    color: #2f2f2f;    font-weight: bold;    font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {    font-weight: inherit;}h1 {    font-size: 28px;    line-height: 1.6;}h2 {    font-size: 22px;    line-height: 1.6;}h3 {    font-size: 18px;    line-height: 1.6;}h4 {    font-size: 16px;    line-height: 1.6;}h5 {    font-size: 14px;    line-height: 1.6;}h6 {    font-size: 12px;    line-height: 1.6;}
.highlight {     color: #E12E36;}
p {    -ms-word-wrap: break-word;    word-wrap: break-word;    margin: 0 0 20px 0;}
p img {    margin: 0;}
em {    font-style: italic;}
strong {    font-weight: bold;}
small {    font-size: 80%;}
hr {    clear: both;    margin: 10px 0 30px;    height: 0;    border: solid #ddd;    border-width: 1px 0 0;}
pre {    overflow-x:auto;    margin: 0 0 20px 0;    padding: 10px 20px;    height: auto;    border: 1px solid #e2e2e2;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    background: #f7f7f7;    font-family: Consolas, monospace;}
.hidden {  display: none !important; }
dt{    line-height: 2;}
/*  Links and Form */
a{    outline: 0;    color: #8d8d8d;    text-decoration: none;}
a:hover,a:focus {    outline: 0;    color: #666666;    text-decoration: none;}
a{    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}
.ls-inner a{    -webkit-transition: none;    -moz-transition: none;    -ms-transition: none;    -o-transition: none;    transition: none;}
ul,ol { margin-bottom: 20px; }ul { list-style: none outside; }
ol,ul { margin-left: 15px; }
ol { list-style: decimal; }
ul { list-style: disc outside; }
aside ul,.ott-twitter ul.jtwt{position: relative; margin: 0; list-style: none;}
aside ul ul{margin-top: 15px;}
ul li ul,
ol li ul,
ol li ul,
ol li ol { margin-bottom: 0; }
form,
fieldset { margin-bottom: 20px; }

@-moz-document url-prefix() {     input[type="text"],    input[type="password"],    input[type="email"],    textarea,    select  {    height:42px;    padding: 0 10px ;}}
input[type="text"],input[type="password"],input[type="email"],textarea,select {    display: block;    margin: 0;    margin-bottom: 20px;    padding: 0px 15px;        width: 226px;    outline: none;
    border: 1px solid #f2f2f2;    background: #fff;    color: #8d8d8d;    font-size: 13px;    font-family: "Montserrat",Arial, Helvetica, sans-serif;    box-shadow: none;    -webkit-box-shadow: none;    -moz-box-shadow: none;    -webkit-border-radius: 2px;    -moz-border-radius: 2px;    border-radius: 2px; 		-webkit-transition:all 200ms linear;
		-moz-transition:all 200ms linear;
		-o-transition:all 200ms linear;
	border-bottom:2px #eee solid;
	color:#ddd
}
textarea{	padding: 8px;	}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {    border: 1px solid #d6d6d6;    color: #333;    box-shadow: none;    -webkit-box-shadow: none;    -moz-box-shadow: none; 					box-shadow:0px 0px 5px rgba(100,100,100,0.2);
	-moz-box-shadow:0px 0px 5px rgba(100,100,100,0.2);
	-webkit-box-shadow:0px 0px 5px rgba(100,100,100,0.2);
	border-bottom:2px #E12E36 solid;
	color:#777
}
textarea { min-height: 120px; }
select {    padding: 5px;    width: 220px;    height: 40px;}
label,legend {    display: block;    cursor: pointer;}
label span,legend span { font-weight: bold; }

span.contatc-title{	margin-bottom:10px;	display:block;	}

/* = Row Core
-------------------------------------------------------------- */
.row-container.bordered{       
    border-top: 1px solid #E6E6E6;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.03) inset;;	position:relative	}
.dark.row-container.bordered{
	border-top: 1px solid #222;
}
.row-container.shadow{		position:relative}
.row-fluid [class*="span"] {min-height:0px;}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {    margin: 5px 20px 20px 0;}.aligncenter,div.aligncenter {    display: block;    margin: 5px auto 5px auto;}
.alignright {    float:right;    margin: 5px 0 10px 20px;}.alignleft {    float: left;    margin: 5px 20px 10px 0;}
.aligncenter {    display: block;    margin: 5px auto 5px auto;}a img.alignright {    float: right;    margin: 5px 0 10px 20px;}
a img.alignnone {    margin: 5px 20px 10px 0;}a img.alignleft {    float: left;    margin: 5px 20px 10px 0;}
a img.aligncenter {    display: block;    margin-right: auto;    margin-left: auto;}
.wp-caption {    padding: 5px 3px 10px;    max-width: 96%; /* Image does not overflow the content area */    border: 1px solid #f0f0f0;    background: #fff;    text-align: center;}
.wp-caption.alignnone {    margin: 5px 20px 20px 0;}
.wp-caption.alignleft {    margin: 5px 20px 20px 0;}
.wp-caption.alignright {    margin: 5px 0 20px 20px;}
.wp-caption img {    margin: 0;    padding: 0;    max-width: 98.5%;    width: auto;    height: auto;    border: 0 none;}
.wp-caption p.wp-caption-text {    margin: 0;    padding: 0 4px 5px;    font-size: 11px;    line-height: 17px;}

/* WP Default Gallery */
.gallery {    display: block;    clear: both;    overflow: hidden;    margin: 0 auto;}
.gallery .gallery-row {    display:block;    clear: both;    overflow: hidden;    margin: 0;}
.gallery .gallery-item {    overflow: hidden;    float: left;    text-align: center;    list-style: none;    padding: 0;    border: 1px solid #efefef;    margin: 0 10px 10px 0;}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {    max-width: 90%;    height: auto;    margin: 5% auto;}
.gallery-caption {    margin: 0 0 8px;    font-style: italic;    font-family: arial;}


/* = Header
-------------------------------------------------------------- */
#header{    position: relative;	z-index: 101	;	background:#fff	;}
header#header .container{    position: relative;}
.ott-header-wrap{	width:1170px;	margin:0 auto;	position:relative;	}
.ott-header-inner{	width:1170px;	position:absolute;	left:0px;	top:30px;		z-index:3;}
.ott-header-bg{	background:#fff;	position:relative;}

.social_wrapper li{ float:left; list-style:none;width:30px ; height:30px; margin-left:5px;}
.cart_dropdown , .ott-acc-menu-wrap , .langes-menu {margin-bottom:20px;}


.header-right ul.social_wrapper{	margin:0px;	float:right;	height:40px;	position:relative;	padding:0 0 0 5px ; list-style:none; }
.header-right .social_wrapper a{	line-height:30px;	height:30px;	width:30px; text-align:center; background:#fafafa}
.header-right .social_wrapper a i{line-height:30px;	height:30px; font-size:12px;	width:30px; text-align:center; display:block;	    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out; opacity:1}
.header-right .social_wrapper li{	height:30px;	width:30px; float:right; overflow:hidden; border:1px #f2f2f2 solid; border-bottom:2px #eee solid; 	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	background:#fff;

	}
	
	
#header .social_wrapper li:hover  a i{color:#E12E36}
.header-right .social_wrapper li:hover{border-bottom-color:#E12E36}


#bottom .social_wrapper li{width:20px;}

#bottom .social_wrapper a i{ color:#817A7A}


/* = Logo
-------------------------------------------------------------- */
#header .ott-logo {    position: relative;    font-size: 28px;    line-height: normal;	color:#fff;}
#header .ott-logo .logo{    color: #111;}.menu-container{   position:relative; height:50px;}
.menu-container{
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	background-color:#292929;
	border: 1px #333 solid;
	border-bottom:2px #222 solid;	
	height:50px;
	position:relative;
	-webkit-box-shadow: 0 0 5px rgba(1,1,1,.2) , inset 0px 0px 3px rgba(255,255,255,.2);
    -moz-box-shadow: 0 0 5px rgba(1,1,1,.2) , inset 0px 0px 3px rgba(255,255,255,.2);
    box-shadow: 0 0 5px rgba(1,1,1,.2), inset 0px 0px 3px rgba(255,255,255,.2);
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

	
}

.stucy-menu .ott-menu-container{
		background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	background-color:#292929;
	border: 0px;	
	height:50px;
	position:relative;
	-webkit-box-shadow: 0 0 5px rgba(1,1,1,.2);
    -moz-box-shadow: 0 0 5px rgba(1,1,1,.2);
    box-shadow: 0 0 5px rgba(1,1,1,.2);
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.logo-mini {	position:relative;}.logo-mini .ott-logo{	position:absolute;	left:0px;	top:0px;	}
.logo-mini .ott-logo a{	display:block;	}
.logo-mini img{	max-height:40px;	}

/* = Page Title 
-------------------------------------------------------------- 	*/

#page-title {     background: #f2f2f2;	position:relative;}
#page-title {	position:relative;	z-index:2	;	border-top:1px #f2f2f2 solid;	 padding: 0px; z-index:5}

#slider-home , #page-title, .background-flex > .container  {border-bottom:5px #f2f2f2 solid; position:relative}
#slider-home.background-flex:after{
	display:none	;
}
#slider-home.background-flex{
		border-bottom-color: transparent !important
}
#slider-home:after  , #page-title:after, .background-flex > .container:after {
	content:'';
	position:absolute;
	border-left: 7px solid transparent; 
	border-right: 7px solid transparent; 
	border-top: 6px solid #f2f2f2;
    bottom: -11px;
    height: 0;
    left: 50%;
	margin-left:-4px;
    width: 0;
}

.theme-boxed .background-flex > .container{
	width:100%;
}

#bottom:before  {
	content:'';
	position:absolute;
	border-left: 16px solid transparent; 
	border-right: 16px solid transparent; 
	border-top: 16px solid #252525;
    top: -1px;
    height: 0;
    left: 50%;
	margin-left:-8px;
    width: 0;
}


.ott-header-page { padding: 70px 0px 25px} /* fxf: { padding:105px 0px 25px} */
#page-title .pattern {
    height: 100%;
    left: 0;
    position: absolute;
    width: 50%;
    z-index: 0;
}

.withbg#page-title .pattern{
	opacity:.5
}

#page-title .container{z-index:2}

#page-title  .slider_top{	z-index:1}
#page-title h1,#page-title h3 {    float: left;    margin: 0;    color: #777;}
#page-title h1 {    font-size: 35px;    line-height: 35px;	color:#444;	font-weight:500;	text-transform:none;	position:relative}
#page-title .title-wrap{	position:relative;	float:left;		}
#page-title.center .title-wrap{	padding: 120px 0 120px;}
#page-title.centerBottom .title-wrap{	padding: 120px 0 120px;}
#page-title.center .title-wrap:after{	display:none;		text-align:center;}
#page-title.center  .title-wrap{	float:none;	text-align:center;}
#page-title.center  h1, #page-title.center  h3{	float:none;	}
#page-title.center  h3{	background:none !important;}
#page-title.centerBottom  .title-wrap{	float:none;	text-align:center;	margin:0 auto;}
#page-title.centerBottom  h1{	float:none;		display:inline-block;	background:#E12E36;	padding:15px 25px;	    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;}
#page-title.centerBottom  h3{	background:#555;	padding:5px 25px;	margin:0px;	-webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;	margin-top:10px;}
#page-title.centerBottom  h3{	float:none;		display:block;}
#page-title.centerBottom .title-wrap:after{	display:none;	}
#page-title.centerBottom .title-wrap-inner{	display:inline-block;	}

/* = Breadcrump 
-------------------------------------------------------------- */
.ott-breadcrumb{    padding: 0 6px;}
#page-title h3{    clear: left;    letter-spacing: normal;    font-weight: normal;    font-size: 13px;    font-family:"Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;    line-height: normal ;	color:#fff;	}
.ott-breadcrumb,
.woocommerce-breadcrumb	
{background-color: rgba(0, 0, 0, 0.8);  clear: left;    letter-spacing: normal;    font-weight: normal;    font-size: 11px;    font-family:"Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;    line-height: 30px;	position:absolute;	bottom:0px;	right:15px;	 color: #f2f2f2;}


.withbg .ott-breadcrumb,
.withbg .woocommerce-breadcrumb	
{
	background-color: rgba(150, 150, 150, 0.3)
}

#page-title span {    margin: 0 7px;    color: #f2f2f2;}
.woocommerce-breadcrumb{    padding: 0 12px;}
.woocommerce-breadcrumb a{	margin: 0 7px 0 0;    col}
.ott-breadcrumb span a{    color: #eee;}
.woocommerce-breadcrumb a:hover{
	color:#fff
}
.ott-breadcrumb,
.woocommerce-breadcrumb	{
	 color: #f2f2f2;
}

.single  .ott-breadcrumb{
	display:none;	
}

.ott-breadcrumb span a:hover{	color:#fff	}

/* =  Menu 
-------------------------------------------------------------------------------------*/
#header.stuck{    height: auto;    position: fixed;    top: 0;    left: 0;    width: 100%;    background: rgba(255,255,255,.9);    z-index: 10001;       -webkit-box-shadow: 0 0 5px rgba(1,1,1,.2);
    -moz-box-shadow: 0 0 5px rgba(1,1,1,.2);
    box-shadow: 0 0 5px rgba(1,1,1,.2);
 }
#header.stuck .header-bottom{display:none}
#header.stuck .show-mobile-menu {background:none; position:absolute; right:20px ; top:20px;}
#header.stuck  .mobile-menu-icon span {background:#E12E36}

body{
	line-height:1.7	
}

body.admin-bar #header.stuck{    top: 28px;}
#header.stuck .ott-logo{    line-height: 60px;    height: 60px !important;    padding: 0 30px 0 0 !important;}
#header.stuck .ott-logo img{    max-height: 50px;    width: auto !important;}
.sf-menu, .sf-menu * {    margin: 0;    padding: 0;    list-style: none;}
.sf-menu li {    position: relative;}
.sf-menu ul {    position: absolute;    top: 100%;    left: 0;    z-index: 99;    display: none;}
.sf-menu > li {    float: left;    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {    z-index: 9999;    display: block;}
.sf-menu a {    position: relative;}
.sf-menu ul ul {    top: 0;    left: 100%;}

/* Menu Styling*/
.sf-menu [class^="icon-"],.sf-menu [class*=" icon-"]{    font-size: 14px;}
ul.sf-menu > [class^="icon-"] a,.sf-menu > [class*=" icon-"] a{    font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.sf-menu > [class^="icon-"]:before, .sf-menu > [class*=" icon-"]:before{    position: relative;    bottom: -40px;    display: block;    color: #000;    text-align: center;}
.sf-menu ul{    left: 10px;}
ul.sf-menu > li > a{    margin: 0 10px;   height:48px; line-height:48px;     border-bottom: 2px solid transparent;    text-transform: uppercase;	position:relative; text-shadow: 1px 0 1px #111;
}
ul.sf-menu > li > a:after{		content: "";    display: table;	background:rgba(0, 0, 0, .3);	height: 50px;    width: 1px;	position:absolute;	right:-10px;	
top:0px;	}
ul.sf-menu > li:last-child > a:after{ background:none; 	}
ul.sf-menu > li:last-child > a{}
ul.sf-menu > li a{        display: block;    color: #2f2f2f;    font-weight: bold;    font-size: 13px;    font-family: 'Pt Sans',Arial,sans-serif;}
ul.sf-menu li ul li a{    margin: 0px 0px;    padding: 10px 15px;    width: 160px;    border-bottom:1px solid rgba(1,1,1,.3);    color: #aaaaaa;    letter-spacing: normal;    font-weight: normal;}
ul.sf-menu li ul li a:hover{    color: #9bdd38;}
ul.sf-menu li ul li{    background-color: #222222;    text-align: left;}
ul.sf-menu > li:hover > a{    border-bottom: 2px solid #9bdd38;    color: #9bdd38;}
.sf-menu > li.current_page_item  > a,
.sf-menu > li.current_page_ancestor >a,
.sf-menu > li.current-menu-ancestor >a,
.sf-menu > li.current-menu-item > a{    color: #9bdd38;}
.sf-menu > li .current-menu-item > a,#sidebar ul.menu li.current_page_item a{    color: #9bdd38;}
ul.sf-menu li ul li.current_page_ancestor a{    color: #fff;}
.menu-item .action-expand{	color:#ddd}

/* ------------ mobile menu --------------- */

.show-mobile-menu { position: relative;margin-top: -1px; width: 100%;  height: 50px; background: none; cursor: pointer;}
.show-mobile-menu .mobile-menu-icon{ float: right; margin-right: 20px;  width: 40px;}
.show-mobile-menu .mobile-menu-text{	display: none;float: left;margin-left: 20px;color: #FFF;font-size: 18px;line-height: 50px;}
.mobile-menu-icon span {    display: block;    margin-bottom: 2px;    width: 100%;    height: 7px;    background: #fff;}
#mobile-menu {position:relative;display: none;padding:0px 20px;background:#2A2E33;}
#mobile-menu ul{margin: 0;padding:10px 0;width:100%;list-style: none;}
#mobile-menu ul.sub-menu{display: none;margin-top: 15px;margin-bottom: -15px;padding: 0;}
#mobile-menu ul li{position: relative;display: block;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);}
#mobile-menu ul li:first-child{border-top:none;}
#mobile-menu ul li a{display:block;display: inline-block !Important;padding-left: 10px !important;color:#999;font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
#mobile-menu ul li a:hover{color:#FFF;}
#mobile-menu ul li.has-children>.action-expand{float: right;width: 30px;text-align: center;height: 30px;font-size: 22px;line-height: 30px;
cursor: pointer;}
#mobile-menu ul li.current-menu-item > a{color:#fff}
#mobile-menu ul li.has-children>a{width: 85%;}
#mobile-menu ul li.has-children>.action-expand>.opened,#mobile-menu ul li.has-children.menu-open>.action-expand>.closed{display: none;}
#mobile-menu ul li.has-children>.action-expand>.closed,#mobile-menu ul li.has-children.menu-open>.action-expand>.opened{display: block;}
#mobile-menu ul ul li a:before{margin-right:5px;content:'-';}
#mobile-menu ul ul ul li a:before{margin-right:5px;content:'- -';}
#mobile-menu ul ul ul ul li a:before{margin-right:5px;content:'- - -';}
#mobile-menu ul ul li:first-child{border-top:1px solid rgba(255,255,255,.1);}





/* ------------ MAIN --------------- */

#main,#slider{    position: relative;    background: #FFF;  	z-index:2; }
#main{	position:relative;min-height:350px;}
 
#main {padding-top:0px;} 
.single #main {padding:30px 0;}
#header +  #main {padding:0px;}
 
#slider{	overflow:hidden;		position:relative;}
#main [class*="span"] {    display: inline-block;    margin-top: 30px;    margin-bottom: 30px;    *display: inline;}
#main [class*="ott-element"],  #main .ott-column-shortcode [class*="span"], #main .ott-items [class*="span"] { margin-top: 10px;    margin-bottom: 10px; }


#main  #mainpage [class*="span"] { margin-top: 0px;    margin-bottom: 0px;   }
#page > .row-container {
	padding-top:0px
}

.right-sidebar {    float: right;}.content-left{  float: right;}
/* Theme Boxed Layout Style*/
.theme-boxed{    margin: 0px auto;}
.ie8 .theme-boxed{    width: 1000px;}
.theme-boxed {	    background: #FFF;	box-shadow:0  5px 4px rgba(0, 0, 0, 0.2);	}

/* Site Loader */
body section#loading{    display: none;}
body.loading section#main{    opacity: 0;    height: 0px;    overflow: hidden;}
body.loading section#loading{    display: block;    width: 100%;    min-height: 300px;    background-image:    url("framework/assets/images/loading.gif");    background-color: #FFF;    background-position: center;
    background-repeat:   no-repeat;}

/* OTT Title */
.ott-header-page{	position:relative;	}
.ott-section-title{	position:relative;}
.ott-title-container{    position: relative;	width:100%;	display:inline-block;	 margin-bottom: 30px;	 padding-bottom:0px; overflow:hidden}
.single-title-container .ott-title-container {margin-bottom:0px}


.indv.ott-title-container{margin:0px; margin-bottom:10px;}
.section-title-content:after{
	background:url(assets/img/separator_big.png) repeat-x center center	;
	content: '';
	width: 2000px;
	height: 10px;
	position:absolute;
	top:50%;
	left:100%;
	margin-top:-5px;

}

.dark .section-title-content:after{
		background:url(assets/img/separator_big_light.png) repeat-x center center	;

}

.section-title-content i{
	float:left;margin-right:10px;
	line-height:43px;	
	font-size:17px;
}


.single-ott_portfolio .ott-title-container{	margin-bottom:0px;}

.carousel-container .ott-title-container{	margin-bottom:0px;	padding-bottom:0px;}
.ott-title-container.small{	margin-bottom:15px;	border-bottom:1px #e7e7e7 solid;		padding-bottom:15px;}
.section-title-content{	float:left;		position:relative; padding-right:20px;}

.ott-title-container {	position:relative;	}
.ott-title-container.small h3{	font-size:18px;	font-weight:500;	text-transform:;}
.section-title{	margin-bottom:20px;	padding-bottom:20px;	border-bottom:3px #ccc solid;	position:relative;	}
.section-title h2{	font-size:70px;	margin-bottom:0px;	line-height:1.2em	}
.section-title:after{	content: "";    display: table;	background:#FD4326;	height: 3px;    width: 180px;	position:absolute;	left:0px;	bottom:-3px;}
.ott-title-container h3,h3.widget-title{    font-size: 15px;    font-weight: 600;    line-height: 1;	margin-bottom:15px}

.ott-title-container h3{	float:left	;	 margin-bottom: 0px;	 line-height:45px;	 padding-bottom:0px;  color:#111; text-transform:uppercase;}


.ott-title-container h3 span{    font-weight: bold;}
h3.widget-title span{    font-weight: bold;}
.ott-title-container > i{	float:left;	margin-right:10px;	font-size:20px;	line-height:30px;}
.more-section{	float:left; margin-left:20px; line-height:45px; position:relative; padding-left:10px;font-size:11px;}
a.more-section:hover{color:#666}
.more-section:before {
  	content: "";
    position: absolute;
    left: -5px;
    text-align: center;
    line-height: 45px;
	font-size:15px;
    background: #999;
    top: 50%;
	margin-top:-5px;
    width: 1px;
    height: 10px;
	 -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

	}
	
	
	/*-------------------------- shaps -------------------------*/
.shap_left, .shap_right, .shap_bottom, .shap_top, .portfolio_top{	position:absolute;	}
.shap_left {    border-left: 11px solid rgba(0, 0, 0, 0);    border-top: 12px solid #727f8f;    bottom: -12px;    height: 0;    left: 0;    width: 0;}
.shap_right {    border-right: 11px solid rgba(0, 0, 0, 0);    border-top: 12px solid #727f8f;    bottom: -12px;    height: 0;    right: 0;    width: 0;}
.shap_bottom {    border-right: 25px solid rgba(0, 0, 0, 0);    border-top: 20px solid #2A2E33;    bottom: -20px;    height: 0;    right: 0;    width: 0;}
.shap_top {    border-right: 25px solid rgba(0, 0, 0, 0);    border-bottom: 20px solid #2A2E33;    top: -20px;    height: 0;    right: 0;    width: 0;}
.portfolio_top {      border-bottom: 11px solid #fff; 
   border-left: 11px solid transparent; 
   border-right: 10px solid transparent;    top: -10px;    height: 0;    left: 30px;  margin-left:-5px;   width: 0;}


/*----- Search ----------------------*/
.right-header{	margin:30px 0px 10px 0;	float:right}
.search-header{	float:right;	position:relative;	}.search-top-warp{	width:200px;	position:relative;	float:right}.search-top-warp input[type=text] {  	border: none; 	border:1px #F1F1F1 solid;	width: 165px; 	line-height: 40px;	height:40px;	background:none;		margin-top:0px;	padding-right:30px;	font-size:11px;	color:#999;	-webkit-transition:all 200ms linear;	-moz-transition:all 200ms linear;	-o-transition:all 200ms linear;	background:trasparent;		border-radius: 5px;	-moz-border-radius: 5px;		-webkit-border-radius5px 5px;		background:#fafafa;		text-align:left;}
.search-top-warp input[type=text]:focus{	border:1px #ccc solid;;	}
.search-top-warp #header_search_submit {   	position: absolute; 	top: 7px; right: 5px;     	width: 20px;   	height: 30px;   background: url(assets/img/search_ico_light.png) no-repeat center center; 	text-indent: -9999px;	border:0px;   }	

/***************** social ********************/
.top-page-sec  ul.social_wrapper{	margin:0px;	float:left;	height:50px;	position:relative;	border-left:1px rgba(0, 0, 0, .1) dashed ;}
.top-page-sec  .social_wrapper li{	height:50px;	width:42px;	overflow:hidden;	float:right;	position:relative;	border-right:1px rgba(0, 0, 0, .1) dashed;}
.top-page-sec  .social_wrapper a{	line-height:50px;		padding:0px 10px;	width:20px;	display:block;}
.top-page-sec  .social_wrapper li a {	height:50px;	width:40px;	display:block;	position:absolute;	left:0px;	top:0px;}
.top-page-sec  .social_wrapper li a i{	height:50px;	width:40px;	display:block;	text-align:center;	margin:0px;		font-size:15px;	color:#999;	position:absolute;}
.top-page-sec  .social_wrapper li a i.shown{	top:0px;	left:0px;}
.top-page-sec  .social_wrapper li a i.bottom{	top:50px;	left:0px;}
.top-page-sec  .social_wrapper li a:hover i{	color:#fff	}
.top-page-sec  .social_wrapper li a i {    -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;    -o-transition: all 0.4s ease-in-out;    transition: all 0.4s ease-in-out;}
.top-page-sec  .social_wrapper li a:hover i.shown{	top:-40px;}
.top-page-sec  .social_wrapper li a:hover i.bottom{	top:0px;}
.top-page-sec .social_wrapper a.ott-rss:hover{	background:#fe8d3d}
.top-page-sec .social_wrapper a.ott-twitter:hover{	background:#57bee8}
.top-page-sec  .social_wrapper a.ott-facebook:hover{	background:#5f89bf}
.top-page-sec  .social_wrapper a.ott-flickr:hover{	background:#f000a1}
.top-page-sec .social_wrapper a.ott-youtube:hover{	background:#cf434f}
.top-page-sec  .social_wrapper a.ott-vimeo:hover{	background:#4e5377}
.top-page-sec  .social_wrapper a.ott-tumblr:hover{	background:#77899b}
.top-page-sec  .social_wrapper a.ott-google:hover{	background:#d64136	}
.top-page-sec  .social_wrapper a.ott-dribbble:hover{	background:#fe6a89	}
.top-page-sec  .social_wrapper a.ott-linked:hover{	background:#43a2be	}
.top-page-sec  .social_wrapper a.ott-pinterest:hover{	background:#cb2027	}
.top-page-sec  .social_wrapper a.ott-instagram:hover{	background:#517fa6	}
.top-page-sec .social_wrapper a.ott-skype:hover{	background:#3e9dd7	}
/* Row Container Parallax */.bg-parallax {    background-attachment: fixed;}


/************* ott-acc-menu  *******************/

.ott-acc-menu-wrap{	float:right;	font-size:12px; height:30px; margin-top:0px; 	}
.ott-acc-menu-wrap a{		font-weight:600;}
.ott-acc-menu-wrap .ott-acc-inside a:first-child, .langes-menu {-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px; background:#fff;}
.ott-acc-menu-wrap .ott-acc-inside a:last-child {-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;border-left:1px #ddd solid; background:#fff; }
.cart_dropdown + .ott-acc-menu-wrap .ott-acc-inside a:first-child  {border-radius:0px;}
.ott-acc-menu-wrap + .langes-menu, .cart_dropdown +  .langes-menu {-webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}

.ott-acc-menu-wrap  a i{
	margin-left:7px;
	font-size:12px;
}

.ott-acc-menu span, .ott-acc-menu a{	padding:0px 5px 0 0;     -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	}
.ott-acc-menu a, .ott-acc-inside a{	border:1px #f2f2f2 solid; background:#fff; border-bottom:2px #eee solid; padding:0px 15px; color:#ddd; font-size:11px; text-transform:uppercase; height:30px; line-height:30px; display:block; font-weight:500;	float:right;border-left:0px;}
.ott-acc-inside{	}
.ott-acc-inside a i{	margin-left:10px;	}

.langes-menu {	float:right;		list-style:none;	border:1px #f2f2f2 solid; border-bottom:2px #eee solid; padding:0px 15px; margin-left:20px; -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; background:#fff}
.menu > li.parent:after {	content: "\ea77";	font-family: fontello;	font-weight: normal;	font-style: normal;	display: block;	font-size: 14px;	position: absolute;	top: 23px;	margin-top: -20px;	right:0px;	color:#ddd}
nav.langes-menu  .menu > li.parent{	padding:0px 25px 0px 10px;	}
nav.langes-menu .menu {	height: 30px;	margin: 0;	position: relative;	padding: 0px;}
nav.langes-menu .menu li > a{	line-height:30px;		font-size:11px;	font-weight:500; color:#ddd; text-transform:uppercase;     -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/*sub menu*/
nav.langes-menu .menu ul.sub-menu {    display:none;    position: absolute;    top: 31px;    left: -15px;	margin:0px;    min-width: 100px;	background:#fff;	color:#fff;	line-height:20px;	list-style:none;	padding:0px;	    
border:1px #f2f2f2 solid; border-top:0px;
}
nav.langes-menu .menu li.parent a:hover ul.sub-menu {    display:block;}
nav.langes-menu   li{	list-style:none;	}
nav.langes-menu  ul.sub-menu > li {	border-bottom:1px rgba(1, 1, 1, 0.1) solid;	}
nav.langes-menu  ul.sub-menu > li a {    display: block;    white-space: nowrap;	font-size:11px;	color:#999;	text-transform:none;	padding:0px 10px;}
nav.langes-menu  ul.sub-menu > li img{	margin-right:5px;	}
nav.langes-menu  div.current-language{	background:#fafafa	;	padding:0px 10px;}
nav.langes-menu  div.current-language span{	color:#E12E36;	font-size:12px;	line-height:40px;}





#top_panel {
	background:#323232 url(../images/patterns/8.png) repeat;
	width: 100%;
	height: 40px;
	margin: -50px 0 0;
	z-index:104;
	position:relative
}

#top_panel_mobile {
	background:#323232 url(../images/patterns/8.png) repeat;
	width: 100%;
	height: auto;
	margin: 0px 0 0;
	z-index:104;
	position:relative;
	text-align:center;
	display:none
}

#top_panel_mobile #panel{
padding:5px 10px;	
}
#panel {
	position: relative;
	margin: 0 auto;
}

#panel p {
	text-align: left;
	line-height: 40px;
	font-size: 13px;
	color: #CDCDCD;
	text-shadow: 1px 1px 0 #000;
	margin: 0;
	float:left
}
#panel p a , .langs span a{
	text-shadow: 1px 1px 0 #2f1f00;
	text-decoration: none;
}

#panel .close {
	position: absolute;
	width:25px;
	height:25px;
	right:20px;
	text-align:center;
	top: 10px;
	opacity: 0.7;
}



#panel .close:hover {
	opacity: 1;
}

#panel .open {
	background: #333;
	color:#fafafa;
	position: absolute;
	z-index: 99;
	display:none;
	width:25px;
	top:-50px;
	height:25px;
	line-height:25px;
	right:25px;
	text-align:center;
	-webkit-border-radius: 2px;
    -moz-border-radius:2px;
    border-radius: 2px;
}
#panel .close  i{
	color:#fff;
	font-size:12px;	
}
#panel .open  i{
	color:#e7e7e7;
	font-size:14px;
}



/********* **************/
.header-top{
	width:100%;
	display:inline-block;
	position:relative;	
	padding:20px 0 0;
	position:relative;
	border-top:5px #111 solid;
	margin-bottom:25px;
	z-index:2
}



.header-top:before{
  	content: "";
    position: absolute;
    left: 15px;
    text-align: center;
    line-height: 25px;
	font-size:25px;
    background: #E12E36;
    top: -5px;
	left:0px;
    width: 30%;
    height: 5px;
	z-index:2

}

#header .row-fluid{
	position:relative;
}

.header-bottom{
	width:100%;
	position:absolute;	
	bottom:-25px;
	z-index:1;
	height:50px;
}


#header .stucy-menu{
	display:none;	
	
}
#header.stuck  .stucy-menu{
	display:block;	
	margin-bottom:15px;
	height:65px;
	float:right;
}
#header.stuck   .header-top{
	margin-bottom:0px;
}

#header.stuck   .ott-logo{
	margin-top:10px;
}


#header.stuck  .ott-menu-container{
	top:15px;
	
}


#header.stuck  .header-top{
	padding:0px;
}

.top-contacts{
	line-height:30px;
	width:100%;
	display:inline-block;
	position:relative;
}


#header.stuck   .top-contacts{
	display:none;
} 

.header-right{
	margin-top:0px;	
}

.ott-top-links{
	position:relative;
	z-index:5
}

#header.stuck  .header-right{
	display:none;	
}

.search-form-top{
	float:right;
	position:relative;
	height:50px;overflow:hidden;
	margin-top:8px;
	margin-right:8px;
	
}

.search-form-top input[type="text"]{
	height:30px;	
	margin:0px;
	background:#222;
	border-color:#333;
	color:#444;
	padding-right:30px;
}

.search-form-top input[type="text"]:focus{
	color:#999;
	border-bottom-color:#E12E36	
}

.search-form-top form{
	margin:0px;	
}

.search-form-top #search_submit{
	position:absolute;	
	right:0px;
	top:0px;
	background:none;
	text-indent:-99999px; 
	background:url(assets/img/search_ico_light.png) no-repeat center center;
	height:30px;
	opacity:.4;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	box-shadow:none;

}


.search-form-top #search_submit:focus, .search-form-top #search_submit:hover{
	opacity:.8	
}


/******************** footer-contacts      *****************/


#bottom{
	position:relative;
	bottom:0px;
	padding-bottom:30px;
}




.footer-contacts{
	padding:25px 0px 0;
	border-bottom:1px rgba(255, 255, 255, 0.1) solid;	
	float:left;
	display:block;
	width:100%;
	margin-bottom:15px;
}


.footer-contacts h6{
	border-bottom:1px rgba(255, 255, 255, 0.1) solid;	
	padding-bottom:15px;
	margin-bottom:15px;
	color:#fff
}

.bottom_contact{
	width:100%;
	display:inline-block;	
}

.bottom_contact span{
	font-weight:normal;
	display:block;
	float:left;
	margin-right:20px;
	font-size:13px;	
	color:#817A7A
}

#bottom .bottom_contact span a{
	color:#817A7A	
}

.bottom_contact span i{
	margin-right:8px;	
}



/* Footer Section */
#footer{    background: #2a303c;	background-color: #252525;	position:relative;	overflow:hidden;}
.theme-boxed #footer {box-shadow:none}

#footer > .container{    padding: 60px 15px 40px 15px;    }
#bottom .copyright{    color: #aaa;    font-weight: normal;	line-height:30px;	font-size:11px;}
#bottom .copyright a{    color: #aaa;    font-weight: bold;}
#bottom ul, #bottom p {    margin: 0;}
#bottom ul {    display:inline-block;	float:none;}
#bottom a {    color: #E12E36;}
.ott-footer-widgets{  padding: 30px 0 5px;    position: relative;	color:#B3B3B1;	font-size:12px;}
.ott-footer-widgets a{	color:#fff	}
#bottom {    font-size: 13px;    font-weight: bold;    height: auto;    padding: 15px 0 15px;    position: relative;	text-align:left;	background:#141414;}
.ott-footer-shap{	width: 0; 	height: 0; 	border-left: 10px solid transparent; 	border-right: 10px solid transparent; 	border-top: 10px solid #3b3b3b;	position:absolute;	right:48%;	top:0px;}
#bottom .ott-footer-menu{	float:right;}
#bottom .ott-footer-menu ul{	float:left;}
#bottom .footer-menu a{	background:none ;	border:0px;    border-right: 1px solid #1E1E1E;    box-shadow: 1px 0 0 rgba(224, 224, 224, 0.1);    padding: 0 12px;	color:#BCBCBC;	font-weight:normal;	font-size:11px;	text-transform:uppercase;}
.footer-menu li{	padding:0px !important;	}
#bottom .footer-menu a:hover{	background:none ;	color:#444;}
#bottom .footer-menu  li:last-child a{
	padding-right:0px;
	border-right:0px !important;
	box-shadow:none
}
#bottom .footer-menu  li:last-child {
	margin-right:0px;
	padding-right:0px;
}	

#footer h3.widget-title span {    font-weight: bold;    color: #fff;}
h3.widget-title span {    color: #fff;    font-weight: bold;}
/* recent-posts-list*/
aside.widget div.recent-posts-list{	width:100%;	display:inline-block	}
aside.widget div.recent-posts-list div:before {	display:none;	}
aside.widget div.recent-posts-list div{	width: 84px;	height:64px;	float:left;	margin:0px 5px 5px 0;}
aside.widget div.recent-posts-list div img{	 border: 2px solid #DDDDDD;			-webkit-transition: all 0.3s ease-in-out;  	-moz-transition: all 0.3s ease-in-out;   	-ms-transition: all 0.3s ease-in-out;  	-o-transition: all 0.3s ease-in-out;   
	transition: all 0.2s ease-in-out;}
aside.widget div.recent-posts-side{	display:inline-block;	width:100%;	}
aside.widget div.recent-posts-side > div{	float:left;	margin:0px 5px 0px 0;	border-bottom:1px #DDDDDD dotted ;	margin-bottom:15px;	padding-bottom:15px;	width:100%;}
aside.widget div.recent-posts-side > div:last-child{	border-bottom:0px;}
aside.widget div.recent-posts-side div  a.recent-post-image{		width: 54px;	height:54px;	float:left;	margin:5px 5px 5px 0;}
aside.widget div.recent-posts-side div  .recent-post-details{	width:180px;	float:left;	margin-left:15px;	}
aside.widget div.recent-posts-side div  .recent-post-details span{	display:block;	font-size:11px; color:#999	}
aside.widget div.recent-posts-side div img{	 border: 2px solid #DDDDDD;			-webkit-transition: all 0.3s ease-in-out;  	-moz-transition: all 0.3s ease-in-out;   	-ms-transition: all 0.3s ease-in-out;  	-o-transition: all 0.3s ease-in-out;   
	transition: all 0.2s ease-in-out;}
/* Contact info widget */
.contact-info-widget{    min-height: 157px;}
.contact-info-widget ul li{	margin-bottom:5px;}
.contact-info-widget ul i{    float: left;    width: 15px;    height: 20px;	line-height:20px;    color: #aaa;    text-align: center;    font-size: 14px;}
.contact-info-widget ul div{    padding-left: 30px;	font-size:12px;}
.contact-info-widget ul .contact_msg div {	padding-left:0px;}
.contact-bottom a{float:left;width:80}


/* Flickr Widget Style */
.flickr-channel a img:hover,.dribbble-widget a img:hover{    -moz-transition: 0.30s ease-in;    -o-transition: 0.30s ease-in;    transition: 0.30s ease-in;}
.flickr-channel a img{  width:58px;  }
dribbble-widget a img{  width:100%;  }

.flickr-channel ,.dribbble-widget {	display:inline-block;}
.flickr-channel a,.dribbble-widget a {    display: block;    float: left;    margin-right: 5px;    margin-bottom: 5px;    height: auto;	border:2px #ddd solid;}
.dribbble-widget a {	width:80px;}
.flickr-channel a:hover, .dribbble-widget a:hover{	border:2px #E12E36 solid;	}
.flickr-widget .flickr-channel{    display: inline-block;    *display: inline;}

/* Recent Posts Widget */
.ott-recent-posts-widget ul{    margin: 0;    list-style: none;}
.ott-recent-posts-widget ul li{    display: inline-block;        padding: 10px 0;    width: 100%;  }
#sidebar aside.widget .ott-recent-posts-widget ul li{    padding: 12px 0 0;    border-bottom: 0;}
#sidebar aside.widget .ott-recent-posts-widget ul li:first-child{    padding-top: 4px;}
#sidebar .widget .ott-recent-posts-widget ul li:before{    display: none;}
#sidebar .ott-recent-posts-widget h4{    font-weight: normal;}
.ott-recent-posts-widget ul li:first-child{    padding-top: 0;}
.ott-recent-posts-widget h4{    margin-bottom: 4px;    font-size: 13px;    line-height: 20px;}
.ott-recent-posts-widget .meta,footer#footer .ott-recent-posts-widget .meta a{    color: #aaa;    text-transform: capitalize;    font-size: 13px;    line-height: 20px;}
.ott-recent-posts-widget .recent-thumb img{    -webkit-box-shadow: inset 0 1px rgba(255,255,255,.2);    -moz-box-shadow: inset 0 1px rgba(255,255,255,.2);    box-shadow: inset 0 1px rgba(255,255,255,.2);}
.ott-recent-posts-widget .recent-thumb {    float: left;    margin: 4px 22px 4px 0;    }

/* Tag Widget */
#footer .tagcloud a{    background: #121212 !important;    color: #8d8d8d !important;}
.tagcloud {margin-top:10px;}
.tagcloud a{    display: inline-block;    margin-right: 5px;    margin-bottom: 10px;    padding: 6px 15px;    -webkit-border-radius: 2px;    -moz-border-radius: 2px;    border-radius: 2px;    background: #fafafa !important;    color: #333 !important; border:1px #f2f2f2 solid; border-bottom:2px #e7e7e7 solid;    text-transform: capitalize;    font-size: 11px !important;    line-height: 20px;}
.tagcloud a:hover,#footer .tagcloud a:hover{    border-bottom-color: #E12E36;  }
/* Removing Child Pages from Widgets */
.widget_pages ul.children,.widget_nav_menu ul.sub-menu{    display: none;}
#footer .ott-recent-posts-widget h4 a{    color: #fff;}
#footer .ott-recent-posts-widget h4 a:hover{    color: #E12E36;}
#footer  div ul.product_list_widget li{		border-color:#444}


/* Widgets Style */
aside > ul{    padding: 10px 0px;}aside > ul li a:hover{    color: #E12E36;}
#sidebar aside.widget,#footer aside.widget{    margin-bottom: 5px;}
#sidebar aside.widget ul li {    padding: 6px 0 6px 20px;    border-bottom: 1px dotted #ddd;}
#sidebar aside.widget.woocommerce  ul li{	margin-right: 0px;    margin-left: 0px;    padding: 10px 0 10px 0px;	}
#sidebar aside.widget ul li:before{    position: absolute;    left: 5px;    color: #ddd;    content: '\e8b9';    font-size: 11px;    font-family: fontello;    line-height: 25px;}
#sidebar aside.widget .contact-info-widget ul li:before,#footer aside.widget .contact-info-widget ul li:before{    display:none;}
#footer aside.widget .contact-info-widget ul li{display:block; float:left ; width:100%; padding: 5px 0px; line-height:20px;	  border-bottom: 1px solid #444444;}
#footer aside.widget .contact-info-widget ul li:first-child{padding-top:0px;}
#sidebar aside.widget .contact-info-widget  ul li,#footer4 aside.widget .contact-info-widget  ul li{	padding-left:0px;}
#sidebar aside.widget ul li:first-child{    padding-top: 4px;}
#sidebar aside.widget ul li:last-child{    padding-bottom: 4px;    border-bottom: 0;}
#sidebar aside.widget [class^="icon-"] a,#sidebar aside.widget [class*=" icon-"] a{    padding-left: 10px;    font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}

#sidebar  aside.widget  a{
	color:#666;
	font-weight:600;
	font-size:12px;
}	

#sidebar  aside.widget  a:hover{
	color:#E12E36
}
/********************** social-links-widget *************************/
#sidebar aside.widget.social_link_widgte ul li:before{
	display:none;	
}

aside.widget.social_link_widgte ul {
	display:inline-block;
	width:100%;	
}


#sidebar  aside.widget.social_link_widgte ul li,
#footer  aside.widget.social_link_widgte ul li{
			float:left;
		width:30px;
		height:30px;
		margin-right:5px;
		margin-bottom:5px;
				text-align:center;
		line-height:30px;
		padding:0px;
		    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;


}


#sidebar  aside.widget.social_link_widgte ul li
{

		background:#fff;
		border:1px #f2f2f2 solid;
		border-bottom:2px #e7e7e7 solid;
}

#footer  aside.widget.social_link_widgte ul li
{

		background:#555;
		border:1px #555 solid;
		border-bottom:2px #444 solid;
}

#footer  aside.widget.social_link_widgte ul li:hover,
#sidebar  aside.widget.social_link_widgte ul li:hover
{
	border-bottom-color:#E12E36
}

#sidebar  aside.widget.social_link_widgte ul li a,
#footer  aside.widget.social_link_widgte ul li a{
	width:30px;
	height:30px;
	line-height:30px;
	display:block;	
}






/**************** why us *******************/

#sidebar aside.widget.whyWidget ul li:before,
#footer aside.widget.whyWidget ul li:before{
	font-family: fontello;
	content:'\e807';
	position:absolute;
	left:0px;
	line-height:25px;
}

#sidebar aside.widget.whyWidget ul li,
#footer aside.widget.whyWidget ul li
{
	padding-left:20px;
}

#footer aside.widget.whyWidget ul li span,
#sidebar aside.widget.whyWidget ul li span
{
	font-size:12px;
	font-weight:600;	
}


#footer aside.widget.whyWidget ul li{
	padding-bottom:10px;	
}



form#searchform{    position: relative;}
form#searchform .icon-search{    position: absolute;    top: 4px;    right: 15px;    color: #f4f4f4;    font-size: 18px;}
form#searchform input{    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    padding: 8px 0px 8px 10px;    height: 40px;    width: 100%;        margin: 0 !important;     box-shadow: none;    -webkit-box-shadow: none;    -moz-box-shadow: none;    color: #d6d6d6;}
form#searchform input:focus{   }
#footer h3.widget-title{    color: #EAEAEA;    font-weight: 600;    text-transform: uppercase;}
#sidebar h3.widget-title{	text-transform: uppercase;    font-weight: 600;}
.sidebar-line {    background: none repeat scroll 0 0 #444;    height: 1px;    margin-bottom: 25px;    width: 100%;}
#sidebar .sidebar-line{	 display:none;}
.sidebar-line span {    display: block;    height: 1px;    width: 100%;	background:#111;top:-1px; position:absolute;}
.sidebar-line{position:relative;}



#sidebar h3.widget-title{	text-transform: uppercase;    font-weight: 600; padding-right:25px; float:left;line-height:25px; position:relative}
#sidebar  .ott-widget-title-container {
    position: relative;
	width:100%;
	display:inline-block;
	height:25px;
	overflow:hidden;
	margin-bottom:20px;
}


#sidebar  .ott-widget-title-container h3.widget-title:after{
	background:url(assets/img/separator_big.png) repeat-x center center	;
	content: '';
	width: 2000px;
	height: 10px;
	position:absolute;
	top:50%;
	left:100%;
	margin-top:-5px;

}


#footer aside.widget.widget_meta ul li:before   {  position: absolute;    left: 5px;    color: #ddd;    content: '\e8b9';    font-size: 11px;    font-family: fontello;    line-height: 20px;}



#footer aside.widget.widget_meta  ul li  {     padding: 5px 0 5px 20px;    border-bottom: 1px solid #444444;}
#footer aside.widget.widget_meta  ul li:first-child{    padding-top: 4px;}
#footer aside.widge.widget_meta  ul li:last-child{    padding-bottom: 4px;    border-bottom: 0;}
#footer aside.widget.widget_meta  ul {margin:0px;padding:0px}

/******************  pagination   *****************/

.pagination ul > li > a, .pagination ul > li > span{	padding:12px 15px;	}
.ott-portfolio .pagination{    text-align: left;}
.pagination{    margin: 0;}
.pagination ul{    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0; box-shadow:none;}
.pagination ul > li > a, .pagination ul > li > span, .pagination ul>li>a  { border:1px #f2f2f2 solid; border-bottom:2px #eee solid; border-left:0px; }
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {border-left:1px #f2f2f2 solid;}
.pagination ul>li>a.current, .pagination ul>li>span.current, .pagination ul>li>a:hover{    background: #fff;    color: #E12E36; }
.ott-pagination{	width:100%;	display:inline-block;	}
.post_pagination{
	margin:30px 0;
	height:40px;	
	width:100%; 
}
.post_pagination ul{
	width:100%;
	display:inline-block;
}
.post_pagination ul li{
	width:40px;
	height:40px;
	position:relative;
	background:#fff	;
	float:left;
		border:1px #ddd solid;
	border-bottom:2px #e7e7e7 solid;
	-moz-border-radius: 5px;
    -webkit-border-radius:  5px;
    border-radius: 5px;
}
.post_pagination ul li.nxt_post_nav{
	float:right;
}
.post_pagination ul li i {
	position:absolute;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;	
	left:0px;
	top:0px;
}
.post_pagination ul li:hover i{
	color:#E12E36
}
.post_pagination ul li a:hover{
	background:none;
}
.post_pagination ul li a{
	text-indent:-99999px;	
	position:absolute;
	width:40px;
	height:40px;
	padding:0px;
	left:0px;
	top:0px;
	background:none;
	border:0px !important;
	z-index:2;
}


/* Scroll Up Style */
#scrollUp {    position: fixed;    right: 30px;    bottom: 30px;    display: none;    width: 40px;    height: 40px;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    color: #fff;    text-align: center;    background-color: rgba(0,0,0,1);    font-size: 16px;    line-height: 50px;    cursor: pointer;	z-index:10}
#scrollUp:hover{    background-color: rgba(0,0,0,0.6);}
#scrollUp i{	line-height:20px;	font-size:14px;		position:relative;	top:-7px;}
.hidden{    display: none;}



/************** widget pages ********************/



#sidebar aside.widget .menu  ul li a
{
	font-size:11px;
	font-weight:600;
	text-transform:uppercase;
	color:#999
}
#sidebar aside.widget.pages{

}

#sidebar aside.widget .menu   li
{
	background:#fafafa;
	border:1px #e7e7e7 solid;
	border-bottom:0px;

}

#sidebar aside.widget#nav_menu-2 li:hover  
{
	background:#F7F7F7	
}

#sidebar aside.widget ul.menu     li:first-child
{
	padding-top:10px	
}
#sidebar aside.widget ul.menu    li:before{
	display:none;
}
#sidebar aside.widget ul.menu   li:last-child
{
	padding-bottom:10px;
	border-bottom:1px #e7e7e7 solid	
}

#sidebar aside.widget .menu  li.current-menu-item
{
	background:#fff;
	border-right:2px #E12E36 solid ;
	
}

#sidebar aside.widget ul.menu  li a:hover, #sidebar aside.widget ul.menu  li.current-menu-item a
{
	color: #E12E36 ;
}


/************************* loginDiv ************************/

.loginDiv{
	padding:0;
}

.loginDiv fieldset{
	display:block;
	margin-bottom:0px;
		
}



.loginDiv input[type=text] , .loginDiv input[type=password] {
	width:200px;
}




.loginDiv  .links span{
	float:right;	
}


.log_wrapper .logged{
	border-bottom:1px #ddd solid;
	padding:5px 0px 15px;
	
}

.login_ctl {
	width:100%;
	display:inline-block;
	padding-top:25px;

		
}

.log_wrapper li, .log_wrapper .logout {
	float:left;
	list-style:none;
	margin-right:10px;	
}

.log_wrapper li a{
	background:#fff;
	border:1px #f2f2f2 solid;
	border-bottom:2px #e7e7e7 solid;
	padding:8px 20px;	
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


#sidebar aside.widget  .log_wrapper .logout a{
	background:#444;
	color:#ddd;
	border:1px #111 solid;
	border-bottom:2px #333 solid;
	padding:8px 20px;	
	    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

}
.log_wrapper .logout a:hover{
	color:#fff !important;	
}


/******* map **************/
#map{	height:380px;	margin-top:0px;	}
#map img{max-width:none !important}

/* Dark color Scheme */

.dark h3,
.dark a,
.dark p,
.dark .ott-featured-content a,
.dark .ott-featured-box .ott-featured-content p a:hover,
.dark .icon-twitter,
.dark .ott-carousel-twitter ul.jtwt li,
.dark .ott-carousel-twitter ul.jtwt li a,
.dark .twitter-follow,
.dark h2.loop-title a,
.dark ul.loop-meta li span.date,
.dark ul.loop-meta li a,
.dark .ott-featured-content a,
.dark ul.ott-list,
.dark .ott-milestones-count>.ott-milestones-show>ul,
.dark .ott-filter ul li a:hover,
.dark .ott-filter ul li a.selected,
.dark .ott-carousel-post .carousel-content h3 a,
.dark ul.jtwt li span,
.dark #sidebar aside.widget ul.jtwt li:before,
.dark #footer aside.widget ul.jtwt li:before,
.dark ul.jtwt li:before,
.dark h1.ott-coming-soon-title,
.dark  .ott-milestones-count,
.dark .ott-text-block h3,
.dark .ott-sidenews .ott-items li h2.sidenew-title a,
.dark .ott-text-block h2,
.dark .ott-milestones-content p
{
    color: #fff;
}

.dark .sidenews-right,
.dark .ott-iconed-box-content p,
.dark .ott-iconed-text .ott-iconed-text-content p

{
	color:#e7e7e7	
}

.dark .ott-divider{
	 border-bottom: 1px solid #444;
    border-top: 1px solid #333;
}
.dark .ott-side-box .ott-iconed-box-content h2:after{
	background:#999	
}
.dark .ott-side-box .ott-icon-block i{
	color:#999
}

.dark .ott-service-box .service-content-text {background:rgba(51, 51, 51, 0.9) }
.dark .service-content,
.dark .carousel-arrow a.carousel-prev, .dark  .carousel-arrow a.carousel-next,
.dark .item-inner,
.dark .ott-portfolio .ott-filter ul

{background:#222}

.dark .item-inner, .dark .ott-portfolio .ott-filter ul{
	border-color: #444 #444 #222;	
}


.dark .news-content h3 a, .dark  h2.loop-title a, .dark  .loop-media .link-text a, .dark  .news-content h3 a, .dark  .ott-carousel-post .carousel-content h3 a, .dark  .inner_product_header h3 a,
.dark h2.portfolio-title a
{
	color:#fff
}

.dark a.featured-btn{	color:#999	; }


.dark .portfolio_top {border-bottom-color:#333333}

.dark h1, .dark  h2, .dark  h3, .dark  h4, .dark  h5, .dark  h6{	color:#fff	}
.dark .ott-callout h1{	color:#fff	}
.dark .ott-title-container h3{	color:#fff	}
.dark .inner_product{	background: none repeat scroll 0 0 padding-box #222222;    border: 1px solid #333333;}
.dark .list_carousel.ott-carousel-post li{	background:#666	;	 border: 1px solid #444;}
.dark .carousel-meta > div, .dark  .carousel-meta > div a{color:#fff	}
.dark .ott-featured-box span.title_sec{	color:#fff	}
.dark  .onetouch_cart_buttons,#mainpage  .dark .inner_product_header{		border-top-color:#333;}
.dark  .onetouch_cart_buttons{	background:#111;	}
.dark ul.jtwt li span a,.dark .tab-content .tab-pane p,.dark .ott-social-icon a{    color: #aaa;}
.dark .testimonial-content p,.dark  .testimonial-content p a, .dark .testimonial-content p:before{    color: #fff !important;}
.dark h2.loop-title:hover a{    color: #E12E36;}
.dark .ott-title-border{    background: #fff;}
.dark .pagination ul>li>a.current,.dark .pagination ul>li>span.current,.dark .ott-pagination.pagination ul>li>a,.dark .ott-pagination.pagination ul>li>span{    background: transparent;}
.dark .ott-carousel-partner.list_carousel li,.dark .ott-carousel-partner .caroufredsel_wrapper,.dark aside > ul,.dark #sidebar aside.widget ul li{    border-color: transparent;}

.dark .ott-iconed-box,
.dark .ott-teaser, .dark .teaser-btn,
.dark .ott-about-wrap

{
	background:#222;
	border-color:#333	
}

.dark  .iconed-box-inner:hover{
	background:#222;
	
}
.dark .ott-iconed-box-content h2, .dark a.sidenews-link:hover{
	color:#fff;
}



h2.portfolio-title, .ott-iconed-box-content h2, .carousel-container .inner_product_header h3, .ott-carousel-post .carousel-content h3, 
h2.loop-title , .loop-media .link-text, .news-content h3, h2.loop-title a, .loop-media .link-text, .news-content h3 a,.ott-carousel-post .carousel-content h3 a ,
.ott-featured-box span.title_sec, .accordion-heading .accordion-toggle , .testi-name span, .ott-iconed-text-content h4, .ott-sidenews .ott-items li h2.sidenew-title

{
	font-size: 13px;	font-weight:600;		
}



.item-inner:hover, .ott-teaser:hover, .inner_product:hover, .ott-iconed-box:hover{
		border-bottom-color:#E12E36 ;
	box-shadow:0px 0px 0px rgba(100,100,100,0.2);
	-moz-box-shadow:0px 0px 0px rgba(100,100,100,0.2);
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.05);
}

#mainpage .login .form-row label.inline{
	line-height:45px;
	margin-left:10px;
	display:inline-block
}
#mainpage .login .form-row label.inline input{
	margin-right:5px;	
}


.lost_password{
	display:block;
	margin-top:15px;	
}