/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
@font-face {
    font-family: 'WYekan';
    src: url('fonts/yekan-webfont.eot');
    src: url('fonts/yekan-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/yekan-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IRANSansWeb';
    src: url('fonts/IRANSansWeb.eot');
    src: url('fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
         url('fonts/IRANSansWeb.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/fontawesome-webfont.eot") format("embedded-opentype"),
    url("fonts/fontawesome-webfont.woff") format("woff"), 
    url("fonts/fontawesome-webfont.ttf") format("truetype"), 
    url("fonts/fontawesome-webfont.svg") format("svg");
}










/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */

/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

.head{background-color: white;}
.menu1 li{margin-right: 20.3%;margin-left: 13%;}
.menu2 li{margin-left: 15%;margin-right: 7%;}

.menu1, .menu2{padding-top: 31px;padding-bottom: 31px;}
.menu1 ul, .menu2 ul{padding:0px;margin:0px;}
.menu1 li, .menu2 li{list-style-type: none;display:inline-block;}
.menu1 li a, .menu2 li a{font-size:16px;}
.menu1 li a:hover, .menu2 li a:hover{color: #013976;text-decoration:none;transition-duration: .2s;text-shadow: 0px 2px 23px #013976;}


.content1 ul{padding:0px;margin:0px;}
.content1 li{width: 45%;display: block;float: right;float: right;margin: 2.1%;border: 6px solid #e5e7e9 !important; padding: 20px;position:relative;}
.content1 .cat-post-thumbnail img{float:none;text-align: center;display: block !important; margin: 0 auto !important;}
.content1 li .post-title.cat-post-title{margin: 0 auto;text-align: center;display: block;margin-top: 65px;font-size: 18px;font-weight: 900; margin-bottom: 17px;}
.content1 li p{font-size: 14px;text-align: center;}
.content1 .hiss{position: absolute;top: -77px;left: 50%;width: 300px;background-color: #fff;transform: translateX(-50%);}
.content1{margin-top:100px;    margin-bottom: 50px;}

.pic{background-image: url('http://ttcdub.com/wp-content/uploads/pic.jpg');background-attachment: fixed;background-size: cover;
    background-position: center;}
.pic .widget_text{width: 38%;text-align: center;color: white;padding-top: 50px;padding-bottom: 50px;}
.pic h3{font-size: 38px;font-weight: 900;}
.pic h3:after{content: '';display: inline-block; width: 72px; height: 4px; background-color: #a8a9ad;margin: 0 auto;display: block;margin-top: 30px;}
.pic p{font-size: 14px; margin-top: 35px;line-height: 2;}
.pic p a{width: 130px;display: block;background-color: #013976;color: white; padding: 10px;margin: 0 auto;color:white;}

.leftt{width: 30% ;display: inline-block;line-height: 2.3;}
.rightt{width: 70%; display: block; float: right;}

.content3{background-color:#292929;}
.content3 ul{padding:0pc;margin:0px;}
.content3 li{display: block;width: 27%;float: left;margin: 1%; border-bottom:0px !important;}
.content3 .cat-post-thumbnail img{margin:0px;float:none ;}
.content3 li img{margin: 0 auto !important;text-align: center;display: block;}
.content3 li .post-title.cat-post-title{font-size: 20px; color: white;text-align: center;margin: 0 auto;display: block;margin-top: 20px;margin-bottom: 20px;}
.content3 li p{text-align: center; font-size: 15px;color: #9b9b9b;}
.content3 li .post-title.cat-post-title:after{background-color: #a8a9ad;content: '';display: inline-block;width: 72px; height: 4px;    margin: 0 auto;display: block;margin-top:20px;}
.content3 li:after{content: '';position: absolute;top: 100%;left: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 28px 168px 0; border-color: #292929 transparent transparent transparent;}
.hhh{margin-top:-30px;}

.content3 li{position: relative;max-width: 336px;width: 100%;padding: 20px 15px;text-align: center; background-color: #292929;margin-bottom: -40px;padding-top:60px;}


.content4{clear: both; margin-top: 70px;background-color: #fff;}
.content4 .jj{position: relative;z-index: 1;}
.content4 .widget_media_image{position: relative;top: 30px;left: 17px;text-align: left;}
.content4 .jj:after {content: '';position: absolute;z-index: -1;top: 80px;bottom: 85px;left: -40px;right: -40px;background-color: #f2f3f8;}

.part1 img{box-shadow: 6px 17px 20px grey;}

.part-2{align-self: center!important;}

.part-3 .widget_text{max-width: 421px; margin-left: auto;margin-right: auto;text-align: center;padding: 40px 20px;background-color: #fff;box-shadow: 0 -1px 13px 0 rgba(0,0,0,.19);}
::placeholder {color: grey;}
.part-3 .wpcf7-form input , .part-3 .wpcf7-form textarea{padding:10px;width:75%;}
.part-3 .wpcf7-form-control.wpcf7-submit{display: block;margin: 0 auto;background-color:#013976;color:black;border:0px;font-weight: 900;}

.part-2 p{line-height: 2;font-weight: 900;color:#d4d9e0;font-size: 30px;}
.part-2 {margin-top: 170px;}

.news h3{text-align: center;font-size: 31px;font-weight: 900;}
.news ul{padding:0px;margin:0px;}
.news li{float:right !important;width: 46% !important;margin: 2%;background-color: white;}
.news .post-title.cat-post-title{font-size: 19px;font-weight: 900;padding: 20px;}
.cat-post-item{border-bottom:0px !important;}
.news .post-title.cat-post-title:hover{color:#fc6c1e;}
.news{background-color: #f2f3f8;margin-top:75px;padding-top: 45px;padding-bottom: 45px;}

.logos{margin-top: 60px; margin-bottom: 30px;}

.footer{background-image:url(http://ttcdub.com/wp-content/uploads/foot.jpg);background-attachment:fixed;color:white;}

.tel:before{content: "\f10b"; font-family: "FontAwesome";font-size:20px;color:#a8a9ad;margin-right: 13px;vertical-align: middle;}
.foot4{font-size: 14px;}
.email:before{content: "\f0e0"; font-family: "FontAwesome";font-size:17px;color:#a8a9ad;margin-right: 13px;vertical-align: middle;}
.address:before{content: "\f041"; font-family: "FontAwesome";font-size:20px;color:#a8a9ad;margin-right: 13px;vertical-align: middle;}

.foot3 p a{color:white;font-size:13px;}
.foot3 p a:before{content:"\f054";font-family: "FontAwesome";font-size:14px;color:#a8a9ad;margin-right: 13px;}
.foot3 p a:hover{text-decoration: none; color:#a8a9ad;}

.foot h3{font-weight:900;margin-bottom:25px;}
.foot {font-size:13px;line-height: 1.8;padding-top:40px;}

.foot1 ul{padding:0px;margin:0px;display: block;margin: 0 auto;}
.foot1 li{display:inline-block;color:white;width: 36px;height: 36px;border: 2px solid #a8a9ad;margin-right: 6px;margin-left: 6px;}
.foot1 li a{color:transparent;font-size:6px;}
.menu-item-71 a:before{content:"\f124";font-family: "FontAwesome";font-size:18px;color:white;display:block;text-align: center;}
.menu-item-72 a:before{content:"\f232";font-family: "FontAwesome";font-size:18px;color:white;display:block;text-align: center;}
.menu-item-73 a:before{content:"\f16d";font-family: "FontAwesome";font-size:18px;color:white;display:block;text-align: center;}
.menu-item-74 a:before{content:"\f230";font-family: "FontAwesome";font-size:18px;color:white;display:block;text-align: center;}
.foot1 .widget_nav_menu{margin-top: 30px;}
.menu-item-71 a:hover:before, .menu-item-72 a:hover:before,.menu-item-73 a:hover:before,.menu-item-74 a:hover:before{color:#013976;}

.footnote{background-color: rgba(17,17,17,.5);text-align:center;color:#9b9b9b;padding-top:30px;padding-bottom:20px;margin-top: 75px;}

.content2{ margin-top: 100px;margin-bottom: 100px;}

.text2 h3{font-weight:900;font-size:30px;margin-bottom:50px;}
.text2 .textwidget{font-size: 15px;line-height: 2;text-align: justify; color: #9b9b9b;padding-right: 15%;}
.text2 .textwidget a{display: block;width: 200px;background-color: #013976; text-align: center;padding: 10px;color: white;margin-top: 50px;}

.logo {position: absolute;z-index: 99;}

.f-nav{position: fixed;z-index: 9999999;width: 100%; transition-duration: .5s;}
.f-nav .logo{position:initial;width: 115px;display: block; margin: 0 auto; margin-top: 7px;transition-duration: .5s;}
.f-nav .logo img{transition-duration: .5s;}
.f-nav .menu1, .f-nav .menu2{padding-top: 27px;padding-bottom: 26px;}





.menu2 ul{padding:0; text-align: center; margin: 0;}
.menu2 li a{font-size: 15px;position: relative;display: inline-block;outline: none;text-decoration: none;text-transform: uppercase;text-shadow: 0 0 #4089c7;}
.menu2 li a:hover{}
.menu2 #menu-item-41 a{font-size: 0; position: relative; top: 3px; padding-right: 13px;}
.menu2 #menu-item-410:after{content: "\f078" !important; font-family: "FontAwesome"; font-size: 12px;}
/*.main-menu li.menu-item.current-menu-item a{ color:#968981;}*/
.menu2 ul ul{position:absolute; width:250px; padding:10px 0; display:none; z-index:100;}
.menu2 li:hover> ul{display:block;float:left;width:170px;margin-right: 0px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);padding:0px;}
.menu2 li li{width:100%; float:left; list-style-type:none; margin-right: 0; margin-left: 0; border-bottom: 1px solid #ccc; padding-left: 5px; padding-right: 5px;background-color:white;padding-top:5px;padding-bottom:5px;}
.menu2 li li a{ text-align:left; font-size: 13px; text-decoration: none; width: 96%; padding: 8px 10px;background-color:white;}
.menu2 li li:hover{}
.menu2 li li a:hover{}
.menu2 ul ul ul{margin: -30px 0px 0 166px !important;}

#menu-item-208:before{}


.groupp .image-joomir{ position: relative;overflow: hidden;width: 100%; z-index: 1;}

.groupp .image-joomir img{position: relative;display: block; width: 100%;transform-style: preserve-3d; height: auto;}
.groupp .image-joomir .tesst{position: absolute;right: -100px;top: 100%; width: 250%;height: 150%; z-index: 1; background: #fcfcfc;transform: rotate(-13deg);-webkit-transform: rotate(-13deg);-moz-transform: rotate(-13deg);-ms-transform: rotate(-13deg);-o-transform: rotate(-13deg);}
.groupp .image-joomir:after{content: '';position: absolute;left: 0px;top: -100%;width: 100%;height: 100%;display: block;background: #1e5279;opacity: 0.50; z-index: 0;transition: all 700ms ease;}

.groupp .joomir-desc{ position: relative;top: 0px;margin: -44px 30px 0px;z-index: 2;}
.groupp .joomir-desc:before{ position: absolute;right: 0px;top: -36px;background: #ffffff;content: "";height: 96%;width: 100%; border: 1px solid #f1f1f1;z-index: 0;transform: skewY(-13deg);transition: all 700ms ease;}
.groupp .joomir-desc .inner-box{position: relative;background: #ffffff;border: 1px solid #f1f1f1;border-top: none;padding: 20px 30px 5px;z-index: 5;}
.groupp .joomir-cat:hover .tesst{transform: rotate(0deg);}
.groupp .joomir-cat:hover .image-joomir:after {top: 0%;}
.groupp .joomir-cat:hover .joomir-desc {top: 46px;}
.groupp .joomir-cat:hover .inner-box, .dakhelimaghalat  .joomir-cat:hover .joomir-desc:before{border-color: #1e5279;}
.groupp .post-title.cat-post-title {display: block;color: #286c9f; margin-bottom: 10px;}
.groupp .view-article {display: block;font-weight: 900;color: #286c9f;margin-top: 10px;}
.groupp .view-article:hover {text-decoration: none;width: max-content;}
.groupp .view-article:hover:after {margin-right: 10px;transition-duration: .2s;}
.groupp .view-article:after {content: "\f100";font-family: "FontAwesome";font-size: 27px;color: #013976; margin-right: 5px; vertical-align: middle;transition-duration: .2s;}
.groupp {padding-bottom:45px;}
.groupp ul{padding:0px;}
.groupp *{ transition: all 700ms ease;}
.groupp .post{width:30%; margin:1.5%;float:right;border-bottom: none; margin-bottom: 45px;}
.groupp h2{border-right: 5px solid #013976;padding-left: unset; padding-right: 5px; font-size: 15px;font-weight: 800; text-transform: uppercase; line-height: 30px;margin-bottom: 15px;position: relative;text-align: right;height:60px;}
.groupp h2 a{color: #286c9f !important;}
.groupp h2 a:hover{text-decoration:none;}

.wpcf7-form-control.wpcf7-submit{background-color:#013976;border:0px;color:white;width: 134px;
    padding: 10px;}
    
.wpcf7-form-control.wpcf7-captchar{width:100px !important;}

.wpcf7-form input, .wpcf7-form textarea{padding:10px;}
.wpcf7-form textarea{height:140px;}

.lefti{float:left;width:49%;}
.righti{float:right;width:49%;}


.righti .tel:before{content: "\f10b"; font-family: "FontAwesome";font-size:40px;color:#013976;margin-right: 13px;vertical-align: middle;}
.righti .email:before{content: "\f0e0"; font-family: "FontAwesome";font-size:30px;color:#013976;margin-right: 13px;vertical-align: middle;}
.righti .address:before{content: "\f041"; font-family: "FontAwesome";font-size:37px;color:#013976;margin-right: 13px;vertical-align: middle;}
.righti .tel, .righti .email, .righti .address{font-size:15px;}

.paage h1, .poost h1{text-shadow: 2px 2px 8px #0e598f;color: #0e598f;}

.paage p, .poost p{font-size:14px;line-height:2;}

.attachment-post-thumbnail.size-post-thumbnail.wp-post-image{display:none;}


.footer{clear:both;}

.head2{display:none;}

.logoo img{margin-top:5px}

.lefti img, .righti img{margin:0px;display:block;margin:0 auto;}

.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-118{display: inline;}

.poost img{height:auto;}

.content2, .content3, .news{display:none;}









/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1280px) {
.menu1 li{margin-right: 17.3%;}
.menu2 li{margin-left: 11%;}
.content3 li{max-width: 30%; margin-bottom: 0px;padding-top: 0px;}
.content3 li:after{border-style: hidden !important;}
.hhh{padding-top: 15px;}
}
@media only screen and (max-width:1140px) {

}
@media only screen and (max-width:1024px) {
.menu1 li a, .menu2 li a{font-size: 15px;}
.content1 li p{font-size:13px;}
}
@media only screen and (max-width:992px) {
.head{display:none;}
.head2{display:block; width: 100%; background-color: white; height: 70px;position: fixed;z-index: 999;}
.pic .widget_text{width: 75%;margin: 0 auto;}
.text2 h3{font-size: 20px; margin-bottom: 15px;}
.text2 .textwidget a{margin-top: 20px;}
.content3 li .post-title.cat-post-title{font-size: 16px;}
.part-3 .wpcf7-form input, .part-3 .wpcf7-form textarea{width: 68%;}
.groupp .post{width: 47%;}
}
@media only screen and (max-width:768px) {
.content1 li .post-title.cat-post-title{margin-top: 25px;}
.content1 .hiss{position: initial; top: none;left: none; width: 300px;background-color: #fff; transform: initial; margin: 0 auto;}
.content1 li{width:90%;}
.pic h3{font-size: 20px;}
.pic h3:after{ margin-top: 15px;}
.pic p{margin-top: 15px;}
.text2, .slider2{width:100%;}
.content3 li{ max-width: 98%;}
.part-1, .part-2, .part-3{width:100% !important;}
.part-1 img{text-align: center;display: block;margin: 0 auto;}
.part-2 p{text-align: center;}
.part-2 {margin-top: 55px;}
.wpcf7-form-control.wpcf7-captchar{width: 55px !important;}
.news .post-title.cat-post-title{font-size: 14px;}
.foot1, .foot2, .foot3, .foot4{width:100% !important;}
.lefti, .righti{width:100% !important;}
section {margin-top:75px;}
.pic{background-image: url('http://ttcdub.com/wp-content/uploads/picc.jpg');}
.content4{width:94%;}
}
@media only screen and (max-width:480px) {
.news li{ width: 96% !important;float:none;}
.groupp .post{width: 96%;}
}
@media only screen and (max-width:425px) {
.content1 .hiss{width:100% !important;}
}
@media only screen and (max-width:320px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	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 {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}